IOS开发--UILabel的基本使用
<h2>UILabel是iOS中用于显示静态文本的控件。</h2><p>它的主要功能是:<span class="c-mrkdwn__br" data-stringify-type="paragraph-break">1. 显示一行或多行文本</span></p>
<p><span class="c-mrkdwn__br" data-stringify-type="paragraph-break">UILabel可以用来显示单行或多行文本内容。通过设置numberOfLines属性可以控制文本显示的行数。<span class="c-mrkdwn__br" data-stringify-type="paragraph-break">2. 字体、颜色和对齐方式定制<br>可以通过font、textColor和textAlignment属性来设置UILabel的字体、文本颜色和文本对齐方式。<span class="c-mrkdwn__br" data-stringify-type="paragraph-break">3. 富文本显示<br>UILabel支持显示富文本内容,可以通过attributedText属性设置文字的颜色、字体等样式。<span class="c-mrkdwn__br" data-stringify-type="paragraph-break">4. 自动布局<br>UILabel支持Auto Layout,可以用来实现复杂的页面布局。<span class="c-mrkdwn__br" data-stringify-type="paragraph-break">5. 动画效果<br>UILabel的文本内容可以绑定一个变量,当变量值改变时,会有动画效果展示新的内容。<span class="c-mrkdwn__br" data-stringify-type="paragraph-break">UILabel的常用属性有:<span class="c-mrkdwn__br" data-stringify-type="paragraph-break">- text:设置Label显示的文本内容<br>- font:设置文本字体<br>- textColor:设置文本颜色<br>- textAlignment:设置文本对齐方式<br>- numberOfLines:设置文本显示的行数<br>- attributedText:设置富文本内容<br>- lineBreakMode:设置文本换行方式<br>- shadowOffset、shadowColor:设置文本阴影效果<br>- backgroundColor:设置Label背景颜色</span></span></span></span></span></span></span></p>
<h3><span class="c-mrkdwn__br" data-stringify-type="paragraph-break"><span class="c-mrkdwn__br" data-stringify-type="paragraph-break"><span class="c-mrkdwn__br" data-stringify-type="paragraph-break"><span class="c-mrkdwn__br" data-stringify-type="paragraph-break"><span class="c-mrkdwn__br" data-stringify-type="paragraph-break"><span class="c-mrkdwn__br" data-stringify-type="paragraph-break"><span class="c-mrkdwn__br" data-stringify-type="paragraph-break">1.初始化一个UILabel</span></span></span></span></span></span></span></h3>
<div class="cnblogs_Highlighter">
<pre class="brush:objc;gutter:true;">UILabel *label = [init];
</pre>
</div>
<h3>2.设置<span class="c-mrkdwn__br" data-stringify-type="paragraph-break">UILabel的布局为水平垂直居中</span></h3>
<div class="cnblogs_code">
<pre>label.frame = CGRectMake((self.view.frame.size.width-<span style="color: rgba(128, 0, 128, 1)">100</span>)/<span style="color: rgba(128, 0, 128, 1)">2</span>,( self.view.frame.size.height-<span style="color: rgba(128, 0, 128, 1)">30</span>)/<span style="color: rgba(128, 0, 128, 1)">2</span>, <span style="color: rgba(128, 0, 128, 1)">100</span>, <span style="color: rgba(128, 0, 128, 1)">30</span>);//注意这里的水平偏移(x)和垂直偏移(y)的距离都是相对于自己的父元素的</pre>
</div>
<h3>3.设置<span class="c-mrkdwn__br" data-stringify-type="paragraph-break">UILabel的内容</span></h3>
<p><span class="c-mrkdwn__br" data-stringify-type="paragraph-break">注意:UILable的内容必须是NSString类型</span></p>
<div class="cnblogs_code">
<pre>label.text = <span style="color: rgba(128, 0, 0, 1)">@"</span><span style="color: rgba(128, 0, 0, 1)">我是label</span><span style="color: rgba(128, 0, 0, 1)">";</span></pre>
</div>
<h3>4.设置<span class="c-mrkdwn__br" data-stringify-type="paragraph-break">UILabel的字号</span></h3>
<p><span class="c-mrkdwn__br" data-stringify-type="paragraph-break">通过设置UILabel的font属性即可设置字号，注意font属性只能接受UIfont类型的数据。</span></p>
<div class="cnblogs_code">
<pre> label.font = ;</pre>
</div>
<p>这样即可设置字号为13pt</p>
<h3>5.设置<span class="c-mrkdwn__br" data-stringify-type="paragraph-break">UILabel的文字对齐方式</span></h3>
<p><span class="c-mrkdwn__br" data-stringify-type="paragraph-break">通过设置UILabel的textAlignment属性即可设置UILabel的文字对齐方式</span></p>
<p><span class="c-mrkdwn__br" data-stringify-type="paragraph-break">UILabel.textAlignment是一个枚举值。它表示UILabel文本的对齐方式,</span></p>
<p><span class="c-mrkdwn__br" data-stringify-type="paragraph-break">可选的值有:<span class="c-mrkdwn__br" data-stringify-type="paragraph-break">- UILabel.textAlignment.left:左对齐<br>- UILabel.textAlignment.center:居中对齐<br>- UILabel.textAlignment.right:右对齐<br>- UILabel.textAlignment.justified:两端对齐<br>- UILabel.textAlignment.natural:自然对齐</span></span></p>
<div class="cnblogs_code">
<pre> label.textAlignment = NSTextAlignmentCenter;<span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">设置文字居中对齐</span></pre>
</div>
<div class="cnblogs_code">
<pre> ;<span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">将label添加到视图</span></pre>
</div>
<p>目前的效果应该一个水平垂直居中的文字</p>
<p><img src="https://img2023.cnblogs.com/blog/2702085/202306/2702085-20230629103801956-2081267425.png" alt="" loading="lazy"></p>
<p> </p>
<h3>6.设置<span class="c-mrkdwn__br" data-stringify-type="paragraph-break">UILabel文本显示的行数</span></h3>
<p><span class="c-mrkdwn__br" data-stringify-type="paragraph-break">通过UILabel的</span>numberOfLines属性可以设置展示多少行文本，当文本的字数超过一行的长度后，会根据该属性来决定是否自动换行。</p>
<p>注意：UILabel的高度要根据行数的多少设置成合适的高度，不然换行之后会因为高度不够无法展示出文字。</p>
<p> </p>
<div class="cnblogs_code">
<pre>label.numberOfLines = <span style="color: rgba(128, 0, 128, 1)">3</span>;<span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">设置最多显示三行文字</span>
label.text = <span style="color: rgba(128, 0, 0, 1)">@"</span><span style="color: rgba(128, 0, 0, 1)">我是label我是label我是label我是label我是label我是label我是label我是label我是label我是label我是label我是label</span><span style="color: rgba(128, 0, 0, 1)">"</span>;<span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">将文字内容加多</span>
label.frame = CGRectMake((self.view.frame.size.width-<span style="color: rgba(128, 0, 128, 1)">100</span>)/<span style="color: rgba(128, 0, 128, 1)">2</span>,(self.view.frame.size.height-<span style="color: rgba(128, 0, 128, 1)">90</span>)/<span style="color: rgba(128, 0, 128, 1)">2</span>, <span style="color: rgba(128, 0, 128, 1)">100</span>, <span style="color: rgba(128, 0, 128, 1)">90</span>);<span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">将UILabel的高度由60变为90</span></pre>
</div>
<p>当前效果</p>
<p><img src="https://img2023.cnblogs.com/blog/2702085/202306/2702085-20230629104459836-975428283.png" alt="" loading="lazy"></p>
<p> </p>
<h3>7.设置<span class="c-mrkdwn__br" data-stringify-type="paragraph-break">UILabel文本的换行方式</span></h3>
<p class="p1">UILabel的lineBreakMode属性表示文本换行方式。</p>
<p class="p1">它是一个枚举值,可选值有:</p>
<p class="c-mrkdwn__pre" data-stringify-type="pre">- UILineBreakModeWordWrap; // 每个单词独占一行</p>
<p class="c-mrkdwn__pre" data-stringify-type="pre">- UILineBreakModeCharacterWrap; // 每个字符独占一行 l</p>
<p class="c-mrkdwn__pre" data-stringify-type="pre">- UILineBreakModeClip; // 默认,文本超出宽度被截断</p>
<p class="c-mrkdwn__pre" data-stringify-type="pre">- UILineBreakModeHeadTruncation; // 末尾显示省略号</p>
<p class="c-mrkdwn__pre" data-stringify-type="pre">- UILineBreakModeMiddleTruncation; // 中间显示省略号</p>
<p class="c-mrkdwn__pre" data-stringify-type="pre">- UILineBreakModeTailTruncation; // 头部显示省略号</p>
<div class="cnblogs_code">
<pre>label.lineBreakMode = UILineBreakModeHeadTruncation;<span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">设置换行时从头部截断</span></pre>
</div>
<p>目前效果：</p>
<p><img src="https://img2023.cnblogs.com/blog/2702085/202306/2702085-20230629105430570-963673789.png" alt="" loading="lazy"></p>
<p> </p>
<p class="p1"> </p>
<h3>8.设置<span class="c-mrkdwn__br" data-stringify-type="paragraph-break">UILabel文字颜色</span></h3>
<p><span class="c-mrkdwn__br" data-stringify-type="paragraph-break">通过textColor属性可以设置UILabel的文字颜色，textColor属性接受一个UIColor类型的数据</span></p>
<div class="cnblogs_code">
<pre>label.textColor = ;<span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">设置颜色为蓝色</span></pre>
</div>
<p>目前效果：</p>
<p><img src="https://img2023.cnblogs.com/blog/2702085/202306/2702085-20230629105806029-302169758.png" alt="" loading="lazy"></p>
<p> </p>
<h3>9.设置<span class="c-mrkdwn__br" data-stringify-type="paragraph-break">UILabel文字阴影</span></h3>
<p> 通过shadowOffset、shadowColor两个属性相互配合可以设置UILabel的文字阴影</p>
<p> UILabel的shadowOffset属性用于设置文本阴影的偏移量。它是一个CGSize类型,包含x和y两个值,表示阴影在x轴和y轴上的偏移量。</p>
<p> x和y值越大,阴影效果越明显。由于阴影是相对于文本本身的偏移,所以当x和y值为正值时,阴影出现在文本的右下方。</p>
<p> shadowColor阴影颜色</p>
<div class="cnblogs_code">
<pre>label.shadowOffset = CGSizeMake(-<span style="color: rgba(128, 0, 128, 1)">3</span>, -<span style="color: rgba(128, 0, 128, 1)">3</span>);<span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">设置阴影偏移量</span>
label.shadowColor = ;<span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">设置阴影颜色</span></pre>
</div>
<p>目前效果：</p>
<p><img src="https://img2023.cnblogs.com/blog/2702085/202306/2702085-20230629110559598-662244219.png" alt="" loading="lazy"></p>
<p> </p>
<h2>至此本文结束。关于UILabel的基本使用介绍到此，欢迎点赞评论。</h2>
<p> </p><br><br>
来源：https://www.cnblogs.com/SadicZhou/p/17509017.html
頁:
[1]