UILabel自适应高度

最新推荐文章于 2024-03-07 11:12:29 发布
最新推荐文章于 2024-03-07 11:12:29 发布
阅读量881 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： IOS 文章标签： 布局
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Vic00_Fei/article/details/52261649

实现UILabel自适应高度

这里写图片描述

问题描述
需要实现红色方框的Label的高度会随着内容的高度变化而变化。并且当文字高度超过了手机屏幕以后，当前页面是可以滑动的。

解决办法

第一步：摆放布局
这里写图片描述

第二步 : 修改Collect label与底部的高度为40px,与content label的上高度距离为60px

  • 1、当前content label坐标为 （6，80，308，20）
  • 2、当前collect label坐标为 （8，130，100，20）
  • 3、通过上述两部已经可以固定collect label与content label的高度距离为60px
  • 4、需要将view的高度调整为130+20+20=170（原因：130是collect label的y值，第一个20为label的hight,第二个20为label距离底部的高度）

第三步：设置约束

  • 1、scrollView 的约束设置为 上下左右
  • 2、view的约束设置为 上下左右 宽高
  • 3、header Img的约束设置为 上左宽高
  • 4、nick name label的约束设置为 上左宽高
  • 5、gender Img的约束设置为 上左宽高
  • 6、content label的约束设置为 上左右高
  • 7、collect label的约束设置为 上下左宽高

第四步：修改优先级

  • 1、修改content label的高度约束优先级为 250
  • 2、修改view的高度约束优先级为 250
  • 3、修改nick name label的宽度约束的优先级为 250

第五步：修改view的约束

  • 1、注意查看右侧View的约束，发现由于我们设置view的高度为170，bottom 的约束变为了398
  • 2、需要修改为0
    这里写图片描述

第六步：修改content label属性

需要修改content label 的line 为 0
这里写图片描述

第七步：代码实现

// 关联view的宽度，并设置为屏幕的宽度
[self.contentViewWidthConstraint setConstant:CGRectGetWidth([[UIScreen mainScreen] bounds])];

// 设置头像为圆角
self.headerImg.layer.cornerRadius = self.headerImg.frame.size.width *0.5;
self.headerImg.layer.maskToBounds = YES;

// 设置昵称
self.nickNameLabel.text = @"测试昵称的长度为可变";

// 设置文本的高度
self.contentLabel.text= @"中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国";

第八步：注意scrollview 的属性
这里写图片描述

  • 1、第一个方框是显示滑动条
  • 2、第二个方框是让scrollview有上拉下拉的效果
UILabel 多行高度自适应 计算高度存在的 坑
ABSea的博客
01-14 2503
boundingRectWithSize
ios-自适应高度UILabel.zip
07-11
- 使用Auto Layout是实现UILabel自适应高度的关键。我们需要添加适当的约束，例如顶部约束、底部约束、左边或右边约束，以确保UILabel能根据内容扩展高度。同时，记得开启`...
UILabel 宽度和高度自适应的方法
07-11
可以根据需要不同来选择使用高度自适应和宽度自适应.
iOSLabel文字自适应高度自适应
iOS-阳哥
08-30 3523
第一步：创建UILabel对象，并设置一些基本设置         UILabel *label = [[UILabel alloc] init];         label.text = @"8月29日，在雅加达亚运会电子竞技表演赛英雄联盟项目决赛中，中国团队3-1击败韩国队获得冠军，这场来之不易的胜利占据了微博热搜，也刷屏了朋友圈！";         label.textColor ...
UILabel自适应高度和自动换行
热门推荐
JulyChen的专栏
08-05 7万+
代码： //初始化label UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(0,0,0,0)]; //设置自动行数与字符换行 [label setNumberOfLines:0]; label.lin
iOS 设置UILabel的行间距并自适应高度的方法
01-05
UILabel *tempLabel = [[UILabel alloc] init]; //设置背景颜色 tempLabel.backgroundColor = [UIColor redColor]; //设置内容 tempLabel.text = contentStr; //设置字体颜色 tempLabel.textColor = [UIColor...
UILabel的自适应高度
CornerAndCorner的博客
06-14 401
UILabel * contentLabel = [[UILabel alloc]initWithFrame:CGRectMake(10, 10, KMainScreenWidth-20, 0)];          contentLabel.text = self.content;          contentLabel.numberOfLines = 0;          c
iOS-UILabel如何高度自适应
baojie1022的专栏
05-04 485
UILabel *label = [[UILabel alloc]initWithFrame:CGRectMake(0, 100, 300, 100)]; label.numberOfLines = 0; label.lineBreakMode = NSLineBreakByWordWrapping; label.text = @"本店于十一期
UILabel高度自适应
Ziacke
07-29 601
1.约束限定对一个UILabel进行相关约束后，其中注意不要限制宽度和高度。如果限制宽度，在不同的设备上宽度约束明显会发生变化，比如限制一个UILabel宽度约束为400，而在iphone6下，iphone6的屏幕宽度是375，明显是不合理的。可以通过限制leading ,trailing等。高度可设可不设，不设的话直接setframe，设置的话需要更新约束。2.宽度确定既然是通过设置 左右边距 ，
带有行间距的UILabel 高度自适应 总结
flg1554112450的博客
01-17 524
NSString *labelstr = @"《古剑奇谭》电视剧改编自上海烛龙信息科技有限公司研发的仙侠类单机游戏《古剑奇谭：琴心剑魄今何在》，由欢瑞世纪影视传媒股份有限公司、北京光线传媒股份有限公司和中国国际电视总公司、中国广播电影电视节目交易中心、上海烛龙信息科技有限公司等联合出品，由梁胜权和黄俊文联合执导，杨幂、李易峰、乔振宇、钟欣潼、郑爽、马天宇等主演。该剧主要讲述了乌蒙灵谷的少年韩云溪
uilabel 自行撑开高度_UILabel的自动适应高度
weixin_29234239的博客
12-23 278
UILabel如果想自动适应，通常我们的做法是计算出文本的高度，然后设置UILabel的高。UILabel *label = [[UILabel alloc] init];label.font = [UIFont systemFontOfSize:15];label.text = @"你好吗，中国。我爱你中国。权利的游戏全看完咯，拍得还可以哦！";CGRect rect = [label.text...
iPhone:动态获取UILabel的高度和宽度
oop_aop的专栏
04-03 991
在使用UILabel存放字符串时，经常需要获取label的长宽数据，本文列出了部分常用的计算方法。 1.获取宽度，获取字符串不折行单行显示时所需要的长度  CGSize titleSize = [aString sizeWithFont:fontconstrainedToSize:CGSizeMake(MAXFLOAT, 30)]; 注：如果想得到宽度的话，size的width应该设为MAX
uilabel 自行撑开高度_UILabel自适应里面的文字，自动调整宽度和高度
weixin_34675606的博客
12-23 198
UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(0,0,0,0)];//必须是这组值,这个frame是初设的，没关系，后面还会重新设置其size。[label setNumberOfLines:0]; //必须是这组值NSString *s = @"这个frame是初设的，没关系，后面还会重新设置其size。这个frame是初...
UILabel的高度（height）自适应文字内容(text)
且心的专栏
01-12 3406
方法一 首先计算出字符串在已知宽度的View中的size，然后改变View的size就可以。 示例代码如下： #define IOS7_OR_LATER ( [[[UIDevice currentDevice] systemVersion] compare:@"7.0"] != NSOrderedAscending ) CGSize size; NSString *strTail =
UILabel自适应行数与高度
aqlomr7170的博客
09-07 177
效果图： - (void)viewDidLoad { //初始化label UILabel *label = [[UILabel alloc]initWithFrame:CGRectMake(10, 10, kUI_SCREEN_WIDTH - 20, 100)]; label.textAlignment = NSTextAlignmentLeft...
IOS开发0基础入门UIkit-3--实现一个高度自适应的UILabel和一个宽度自适应的UILabel
最新发布
weixin_45636198的博客
03-07 463
根据 label2.text.length*13/200计算出文字占几行然后乘以UILabel的高度加3pt，这里加3是为了确保文字能完全展示出来。一般情况下加3就足够了。思路：UILabel初始化之后，先不要设置他的宽度和高度，等到设置好text属性和font属性之后，根据text的长度以及font的大小来计算UILabel控件的高度。思路：UILabel初始化之后，先不要设置他的宽度和高度，等到设置好text属性和font属性之后，根据text的长度以及font的大小来计算UILabel控件的宽度。
实现UILabel自适应高度的两种方式
chokshen的博客
12-19 6645
1.sizeThatFits或者sizeToFit   UILabel *label=[[UILabel alloc]init]; labell.font=[UIFont systemFontOfSize:11.0]; label.text = @"今天天气不错呢，准备到中国参加耐克的活动，中国的球迷准备好了吗？明天早上八点五棵松体育馆见，我爱你们！"; label.numberOfLine...
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、付费专栏及课程。

余额充值