UILabel自适应高度和自动换行

最新推荐文章于 2020-12-23 15:22:01 发布
最新推荐文章于 2020-12-23 15:22:01 发布
阅读量1.1k 收藏
点赞数 1
分类专栏： iOS 文章标签： UILabel 自适应高度 自动换行

      UILabel是iOS开发常用的控件。UILabel的属性需要了解，UILabel的特殊显示效果也需要我们掌握。UILabel自适应高宽度是很多初学者遇到的技术性难题。比如段文字，要让他完全地分行显示且要让后面的控件不被遮挡。这需要我们的UILabel能够自适应高宽，以便完全显示text的内容，后面的控件可以获取UILabel的起始坐标和宽高来重新设置frame来达到紧贴着UILabel显示而不被遮挡。

工具/原料

  • Mac OS X操作系统 
  • Xcode编译器

方法/步骤


  1. 创建工程项目和视图控制器

          1、创建一个empty（空的）工程项目，新建一个UIViewController；

          2、选中工程，右键-New File…选择“Cocoa Touch Class”-Next，给个合理的名称ViewController，再Next完成；

          3、在AppDelegate.m文件包含#import "ViewController.h"；

          4、初始化创建ViewController的视图控制器，并用导航栏控制器包含。将之设置为根视图控制器。

    iOS开发 UILabel实现自适应高宽

  2. 添加UILabel

          1、在ViewController.m创建并初始化一个UILabel；

          2、设置UILabel的背景颜色；

          3、将UILabel添加至父类视图中：addSubview。

    iOS开发 UILabel实现自适应高宽

  3. 设置UILabel的属性

          text：文字内容

          textColor：文字颜色

          backgroundColor：框架背景颜色

          textAlignment：文字对齐方式

          shadowColor：设置阴影颜色

          shadowOffset：设置阴影偏移量

          highlighted：是否高亮，默认NO

          highlightedTextColor：字体高亮颜色

          font：字体

    iOS开发 UILabel实现自适应高宽

  4. 实现UILabel自适应高宽

          1、获取text属性的文本内容；

          2、计算文本的空间，iOS6和iOS7以后是不相同的；

          3、设置UILabel最大显示行数（＝0时不限制）；

          4、用计算出来的CGSize/CGRect设置UILabel的frame。

    iOS开发 UILabel实现自适应高宽


梦想家-mxj
关注
专栏目录
UILabel自适应宽度和高度
zthhsa的博客
10-17 1732
UILabel平时大家用的太多了,今天就和大家讲下怎么自适应，一般宽度是指定，要不然就是全屏宽度，要不然就是指定宽度，高度一般自适应 那么直接上代码吧 第一步 设置多行显示 label.lineBreakMode = UILineBreakModeWordWrap; label.numberOfLines=0;第二步 计算文本内容的高度 这里提供大家一个方法 挺好用的 //wi
iOS 关于UILabel折行与高度自适应
u012361288的博客
04-07 2595
1.当UILabel设置了明确的frame之后，字符串会在frame宽度处进行折行，此时会忽略preferredMaxLayoutWidth的设置，其显示的高度亦由frame.height决定，若设置了numberOfLines，当在frame范围内可以显示完的话则按照设置的numberOfLines行数进行显示，否则（包括numberOfLines ＝ 0）对其在frame.height处进
UILabel自动换行
11-22
UILabel 自动换行的demo，修改代码中的文字就可以自动适应
uilabel 自行撑开高度_UILabel自适应里面的文字，自动调整宽度和高度
weixin_34675606的博客
12-23 167
UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(0,0,0,0)];//必须是这组值,这个frame是初设的，没关系，后面还会重新设置其size。[label setNumberOfLines:0]; //必须是这组值NSString *s = @"这个frame是初设的，没关系，后面还会重新设置其size。这个frame是初...
IOS下 UILabel 如何自动换行
so_much的专栏
07-26 1225
背景： 相信很多朋友都遇到过，文本的内容长度不一，需要根据内容的多少来自动换行处理。 场景： 很多APP中评论，有的评论长，有的评论短，有的一行，有的多行。 下面以评论的实现为例来说说具体如何实现。 技术点： UILabel的自动换行，自动换行的同时要自适应Frame大小。UITableView的行高自适应内容，实时调整高度。 实现
iOS-UILabel如何高度自适应
baojie1022的专栏
05-04 445
UILabel *label = [[UILabel alloc]initWithFrame:CGRectMake(0, 100, 300, 100)]; label.numberOfLines = 0; label.lineBreakMode = NSLineBreakByWordWrapping; label.text = @"本店于十一期
UILabel 宽度和高度自适应的方法
07-11
通过这些方法，开发者可以根据项目需求灵活地实现UILabel的宽度和高度自适应，确保文本能够清晰、完整地显示在屏幕上。在实际应用中，结合AutoLayout和其他UI组件，可以构建出适应性强、用户体验良好的界面。
IOS7,Label自动换行，自适应高度
12-29
接下来，为了使UILabel自适应高度，我们需要启用`adjustsFontSizeToFitWidth`属性，并设置合适的`minimumFontSize`，这样当文本内容过多时，字体大小会自动减小以适应宽度。同时，我们还需要使用`sizeThatFits(_:)`...
iOS 设置UILabel的行间距并自适应高度的方法
08-30
// 让UILabel自适应属性字符串的大小 tempLabel.sizeToFit() ``` 通过以上步骤，我们已经成功设置了`UILabel`的行间距，并使其能够根据内容自动调整高度。注意，这里的行间距单位是点（points），在实际应用中，你...
ios-自适应高度UILabel.zip
07-11
- 使用Auto Layout是实现UILabel自适应高度的关键。我们需要添加适当的约束，例如顶部约束、底部约束、左边或右边约束，以确保UILabel能根据内容扩展高度。同时，记得开启`...
UILabel自适应高度
vic的博客
08-20 820
实现UILabel自适应高度 问题描述 需要实现红色方框的Label的高度会随着内容的高度变化而变化。并且当文字高度超过了手机屏幕以后，当前页面是可以滑动的。 解决办法第一步：摆放布局 第二步 : 修改Collect label与底部的高度为40px,与content label的上高度距离为60px 1、当前content label坐标为 （6，80，308，20） 2
IOS之UILabel显示内容自动换行
热门推荐
x32sky的专栏
01-11 1万+
IOS之UILabel显示内容自动换行 1、UILabel内容自动换行   UIFont *fontName = [UIFont systemFontOfSize:16.0f];   //定义字体大小   CGSize sizeName = [orderFood.food_name    sizeWithFont:fontName constrainedToSize:CGSize
iOS开发 UILabel 自动换行 高度自适应
Bob的专栏
06-12 886
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 UILabel *label = [[UILabel alloc] initWithFrame:CGR
UILabel的自适应高度
CornerAndCorner的博客
06-14 362
UILabel * contentLabel = [[UILabel alloc]initWithFrame:CGRectMake(10, 10, KMainScreenWidth-20, 0)];          contentLabel.text = self.content;          contentLabel.numberOfLines = 0;          c
IOS-UILabel自适应高度
liuyinghui523的专栏
06-21 571
NSString *oldInfoStrTmp=@“akldjfkajfkldajkfljaskljfkldsajfk”; UILabel *oldInfo=[[UILabel alloc] initWithFrame:CGRectMake(0, 0, 100, 200)];  CGFloat infoLabelWidth=100; CGFloat infoLabelHeight=50; oldI
UILabel文字内容自动换行
yuchu1900的博客
07-01 6931
UILabel视图其实是可以显示多行文本的，但是如果不做设置，UILabel默认是显示一行的，并且如果文字内容太多，超过屏幕的部分就显示不出来了。其实UILabel设置多行文本很简单，网上有很多这样的文章，但是基本都是很早以前的，大部分都是用Object C写的，现在Xcode中的swift版本都升到4.0以上了，很多写法不一样，这里做个记录，以帮助那些使用swift编写iOS代码的人。其实也很简...
UILabel显示换行的方法
weixin_30835923的博客
01-18 149
UILabel*label;//设置换行label.lineBreakMode = UILineBreakModeWordWrap;label.numberOfLines = 0;换行符还是\n比如NSString * xstring=@"lineone\nlinetwo"记得要把label的高度设置的足够显示多行内容。 转载于:https://www.cnblogs.com/jiewong/a...
UILabel 换行
hhy018的专栏
12-17 1239
UILabel *  label= dynamic_cast (ul->getWidgetByName("xxxx"));     label->setText(" 123456789 \n 987654321           “); 其实就是“\n ”换行
uilabel 高度自适应 swift
最新发布
07-11
### 回答1： UILabel 高度自适应是指根据文本内容的多少自动调整UILabel的高度，使得文本能够完整显示并且没有截断。在Swift中，可以通过以下几个步骤来实现UILabel的高度自适应。 1. 设置UILabel的numberOfLines属性为0，表示文本可以显示多行。 ``` label.numberOfLines = 0 ``` 2. 设置UILabel的preferredMaxLayoutWidth属性为UILabel的宽度，确保文本能够根据UILabel的宽度进行换行。 ``` label.preferredMaxLayoutWidth = label.frame.width ``` 3. 根据文本内容和UILabel的宽度计算出合适的UILabel高度。可以通过UILabel的text属性获取文本内容，再利用boundingRect方法计算出文本所占据的空间。 ``` let text = label.text ?? "" let size = CGSize(width: label.frame.width, height: .greatestFiniteMagnitude) let options = NSStringDrawingOptions.usesFontLeading.union(.usesLineFragmentOrigin) let attributes = [NSAttributedString.Key.font: label.font] let boundingRect = text.boundingRect(with: size, options: options, attributes: attributes, context: nil) let height = ceil(boundingRect.height) ``` 4. 更新UILabel的frame属性，将高度设置为计算出的合适高度。 ``` label.frame.size.height = height ``` 通过以上步骤，我们就可以实现UILabel的高度自适应。当文本内容改变时，只需要重新计算高度并更新UILabel的frame即可。这样就能确保UILabel始终能够完整显示文本内容，而不会出现截断。 ### 回答2： 在Swift中，可以通过以下步骤实现UILabel的高度自适应： 1. 首先，我们需要将UILabel的numberOfLines属性设置为0，表示可以显示任意行数的文本。 ```swift label.numberOfLines = 0 ``` 2. 接下来，需要设置UILabel的宽度约束，即限制UILabel的宽度，以便计算文本在给定宽度下的高度。 ```swift label.widthAnchor.constraint(equalToConstant: desiredWidth).isActive = true ``` 3. 然后，使用UILabel的text属性来设置要显示的文本内容。 ```swift label.text = "这是要显示的文本内容" ``` 4. 最后，在对UILabel的布局进行更新之后，我们需要调用UILabel的sizeToFit()方法来计算并适应UILabel的高度。 ```swift label.sizeToFit() ``` 完成这些步骤后，UILabel将根据显示的文本内容自动调整高度，以适应所设置的宽度约束。 需要注意的是，当UILabel的文本过长时，自适应的高度可能会导致UILabel的宽度变窄，以保持文本的显示完整性。 ### 回答3： UILabel 在 Swift 中可以通过使用 `sizeToFit()` 方法来实现高度自适应。 sizeToFit() 方法用于根据UILabel中的文本内容调整其大小，以确保文本内容不被截断。当调用这个方法时，UILabel会根据当前设置的字体、文本内容和自动布局约束来自动计算并调整其大小。 首先，创建一个UILabel对象，并设置其属性，比如文本内容、字体大小和布局约束。 ```swift let label = UILabel() label.text = "这是一个需要自适应高度的UILabel" label.font = UIFont.systemFont(ofSize: 16) label.numberOfLines = 0 // 设置为0表示自动换行 // 设置UILabel的宽度约束 let maxWidth = UIScreen.main.bounds.width - 20 // 假设UILabel的最大宽度是屏幕宽度减去左右边距 label.widthAnchor.constraint(lessThanOrEqualToConstant: maxWidth).isActive = true ``` 接下来，调用`sizeToFit()`方法来自动计算并调整UILabel的大小。 ```swift label.sizeToFit() ``` 通过以上代码，UILabel的高度会根据文本内容自动计算并调整，确保文本不会被截断。UILabel会根据字体大小和布局约束，自动计算所需的高度。 最后，可以通过如下代码将UILabel添加到父视图中。 ```swift parentView.addSubview(label) ``` 这样，UILabel就会根据文本内容自动调整高度，并显示在父视图中。 通过使用以上的方法，就可以实现UILabel的高度自适应功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值