首页 > 代码库 > iOS开发 UILabel实现自适应高宽

iOS开发 UILabel实现自适应高宽

2024-08-25 17:41:56   220人阅读

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

 

工具/原料

 
  • Mac OS X操作系统：：OS X 10.11.5
  • 编译环境：Xcode 7.3.1

方法/步骤

 
  1.  

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

          1、创建一个Sing View Application工程项目；

     

          2、为项目命名，生成工程文件。 

    技术分享
  2.  

    添加UILabel

          1、在ViewController.m创建并实例化一个UILabel；

          2、设置UILabel的背景颜色；

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

    技术分享
  3.  

    设置UILabel的属性

          1、设置最大显示行数（＝0时不限制），自适应需要设置为0：

          label.numberOfLines = 0; 

          2、设置text属性的文本内容：

          label.text = @""; //内容需要长点才能显示效果

    技术分享
  4.  

    自适应方式一

          使用：[label sizeToFit];

          会固定label宽度，然后高度根据文字多少增加。此处固定宽度是label的width=100。

    技术分享
  5.  

    自适应方式二

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

          2、重新定义宽度和高度；

          3、设置换行模式；

          4、计算CGRect并重新设置UILabel的frame。

          CGRect rect = [label.text boundingRectWithSize:CGSizeMake(self.view.frame.size.width - 20, MAXFLOAT) options:NSStringDrawingUsesLineFragmentOrigin|NSStringDrawingUsesFontLeading attributes:@{NSFontAttributeName: label.font} context:nil];

    技术分享
    技术分享

     

iOS开发 UILabel实现自适应高宽


联系
我们