固定UILabel宽度分行显示

简介:

固定UILabel宽度分行显示

这种小伎俩估计都被用烂了,笔者给大家提供一个category文件,供大家简单设置哦.

各种富文本效果哦(普通文本也是可以用的呢):

3行,固定宽度200

2行,固定宽度200

无限行,固定宽度250

无限行,固定宽度250,设置段落样式

源码:

UILabel+SizeToFit.h  与  UILabel+SizeToFit.m

//
//  UILabel+SizeToFit.h
//  SizeToFit
//
//  Copyright (c) 2014年 Y.X. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface UILabel (SizeToFit)

- (void)fixWidth:(CGFloat)width         // 固定宽度
        position:(CGPoint)position      // 文字起始位置
   numberOfLines:(NSInteger)lines       // 行数(如果为0则表示为无限行)
   lineBreakMode:(NSLineBreakMode)mode; // 文字断开方式

@end


//
//  UILabel+SizeToFit.m
//  SizeToFit
//
//  Copyright (c) 2014年 Y.X. All rights reserved.
//

#import "UILabel+SizeToFit.h"

@implementation UILabel (SizeToFit)
- (void)fixWidth:(CGFloat)width
        position:(CGPoint)position
   numberOfLines:(NSInteger)lines
   lineBreakMode:(NSLineBreakMode)mode
{
    CGRect newRect     = self.frame;
    newRect.size.width = width;
    newRect.origin     = position;
    self.frame         = newRect;
    
    self.numberOfLines = lines;
    self.lineBreakMode = mode;
    [self sizeToFit];
}

@end

使用的源码(注,此处用到了自己写的一些源码,请君自行替换):
//
//  RootViewController.m
//  SizeToFit
//
//  Copyright (c) 2014年 Y.X. All rights reserved.
//

#import "RootViewController.h"
#import "UILabel+SizeToFit.h"
#import "FontPool.h"

@interface RootViewController ()

@end

@implementation RootViewController

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {

    }
    return self;
}

- (void)viewDidLoad
{
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor blackColor];
    
    // 注册字体
    REGISTER_FONT(bundleFont(@"新蒂小丸子体.ttf"), @"新蒂小丸子体");
    
    // 设置段落样式
    NSMutableParagraphStyle *style = [[NSMutableParagraphStyle alloc] init];
    style.firstLineHeadIndent = 14.f * 2;
    
    // 设置富文本
    NSString *testStr = @"如果我有尾巴的话 —— 说起来有点不好意思,只要和你在一起,一定会止不住摇起来的吧。";
    NSArray *array \
        = @[[ConfigAttributedString font:[UIFont fontWithName:CUSTOM_FONT(@"新蒂小丸子体", 0) size:12.f]
                                   range:[testStr range]],
            [ConfigAttributedString foregroundColor:[UIColor whiteColor]
                                              range:[testStr range]],
            [ConfigAttributedString paragraphStyle:style
                                             range:[testStr range]],
            [ConfigAttributedString font:[UIFont fontWithName:CUSTOM_FONT(@"新蒂小丸子体", 0) size:14.f]
                                   range:[@"如果我有尾巴的话" rangeFrom:testStr]],
            [ConfigAttributedString foregroundColor:[UIColor redColor]
                                              range:[@"如果我有尾巴的话" rangeFrom:testStr]]];
    
    
    // 创建label
    UILabel *label          = [UILabel new];
    
    // 设置富文本
    label.attributedText    = [testStr createAttributedStringAndConfig:array];
    
    // 0行,固定宽度200
    [label fixWidth:250
           position:CGPointMake(50, 100)
      numberOfLines:0
      lineBreakMode:NSLineBreakByTruncatingMiddle];
    
    [self.view addSubview:label];
}

@end

核心代码处:

注意,只有执行了sizeToFit才是解决问题的关键所在:

就是这么简单:)

目录
相关文章
|
11月前
span标签显示固定长度显示省略号,光标放上显示全部
span标签显示固定长度显示省略号,光标放上显示全部
153 0
|
测试技术 Swift
Swift:UILabel超出宽度文字的截取
Swift:UILabel超出宽度文字的截取
488 0
Swift:UILabel超出宽度文字的截取
|
3月前
|
前端开发
移动端的技术选项,流式布局就是宽度给百分比,流式布局为了防止无限制缩小,要加最小宽度
移动端的技术选项,流式布局就是宽度给百分比,流式布局为了防止无限制缩小,要加最小宽度
UE虚幻引擎 UTextBlock UMG文本控件超过边界区域以后显示省略号
UE虚幻引擎 UTextBlock UMG文本控件超过边界区域以后显示省略号
183 0
|
前端开发 测试技术
Easyui datagrid 设置内容超过单元格宽度时自动换行显示
Easyui datagrid 设置内容超过单元格宽度时自动换行显示
417 0
|
前端开发 JavaScript API
固定元素宽度根据文本的长度缩小字号,超出缩小字号
固定元素宽度根据文本的长度缩小字号,超出缩小字号
420 0
固定元素宽度根据文本的长度缩小字号,超出缩小字号
SwiftUI—使用ScrollView在限定的区域显示超长的内容
SwiftUI—使用ScrollView在限定的区域显示超长的内容
416 0
SwiftUI—使用ScrollView在限定的区域显示超长的内容
Echarts图表x轴y轴刻度值过长时显示不全(超过一千显示...k)
Echarts图表x轴y轴刻度值过长时显示不全(超过一千显示...k)
1121 0
Echarts图表x轴y轴刻度值过长时显示不全(超过一千显示...k)