IOS开发控件篇:UILabel的应用


UIlabel控件是APP开发中使用最平凡的控件之一,其功能主要是用来显示显示文本信息。今天拾图网温州网站建设来和大家分享一下UILabel控件的几个常用属性。本章主要以代码创建为主,首先从创建控件开始。

一、创建控件

UILabel *myLabel = [[UILabel alloc] initWithFrame:CGRectMake(40, 40, 120, 44)];
     
[self.view addSubview:myLabel];

二、设置用显示信息

1、设置默认文本

NSString *text = @"拾图网|温州天时网站建设";//标签文本的内容
myLabel.text = text;

运行后的显示效果图:142610_oqRN_735123.png


2、设置标签文本(此属性是iOS6.0之后才出现,如若不是必要,不建议使用此属性)

NSString *text = @"其实没什么";     

NSMutableAttributedString *attributeString = [[NSMutableAttributedString alloc] initWithString:text];//实现富文本(不同颜色字体、下划线等)
     
[attributeString setAttributes:@{NSForegroundColorAttributeName : [UIColor redColor],   NSFontAttributeName : [UIFont systemFontOfSize:17]} range:NSMakeRange(2, 1)];
     
myLabel.attributedText = attributeString;

--------------------------- 富文本显示案例:NSMutableAttributedString ------------------------

运行效果图:142631_0Hkw_735123.png

关键词标红突出的案例代码如下:

NSString *keyword = @"拾图网";
NSString *result = @"拾图网温州天时网站建设";
 
// 设置标签文字
NSMutableAttributedString *attrituteString = [[NSMutableAttributedString alloc] initWithString:result];
 
// 获取标红的位置和长度
NSRange range = [result rangeOfString:keyword];
 
// 设置标签文字的属性
[attrituteString setAttributes:@{NSForegroundColorAttributeName : [UIColor redColor],   NSFontAttributeName : [UIFont systemFontOfSize:17]} range:range];
 
// 显示在Label上
label.attributedText = attrituteString;

3、设置字体:

如果是使用“NSMutableAttributeString”中的文本,那在设置AttributeString的属性时已经设置过Font了和textColor了;

直接使用默认文本设置文本时设置文本时,设置字体方法如下代码:

myLabel.font = [UIFont systemFontOfSize:13];

4、颜色设置

myLabel.textColor = [UIColor blueColor];

5、设置文本的对齐方式

myLabel.textAlignment = NSTextAlignmentCenter;//居中

//NSTextAlignmentLeft //左对齐
//NSTextAlignmentCenter //居中
//NSTextAlignmentRight  //右对齐
//NSTextAlignmentJustified//最后一行自然对齐
//NSTextAlignmentNatural //默认对齐脚本
//NSTextAlignmentJustified和 NSTextAlignmentN

NSTextAlignmentJustified和 NSTextAlignmentNatural用的时候会报错,程序崩溃,暂时不知道什么时候可以使用,希望知道的指教一下,感激不尽。

6、文字剪裁方式:控件中的内容超出UILabel控件宽度和高度是的处理方式

NSLineBreakByWordWrapping = 0,//以空格为边界,保留单词
NSLineBreakByCharWrapping,    //保留整个字符
NSLineBreakByClipping,        //简单剪裁,到边界为止
NSLineBreakByTruncatingHead,  //按照"……文字"显示
NSLineBreakByTruncatingTail,  //按照"文字……文字"显示
NSLineBreakByTruncatingMiddle //按照"文字……"显示
myLabel.lineBreakMode = NSLineBreakByTruncatingHead;

7、设置Label是否使用的enabled属性:如果设置为No,则文字颜色会变暗,表明其是不可用的,默认值为YES。

myLabel.enabled = NO;

三、匹配Label上的文字

1、是否根据文本宽度改变字体大小

myLabel.adjustsFontSizeToFitWidth = YES;
//假设文字内容为@"曾在月光之下望烟花,曾共看夕阳渐降下",Label长度为200,则一行显示不下,若设置此属性为YES,则会降低字体大小,以显示全部内容。

运行效果:

(设置前)155509_W4BL_735123.png     

(设置后)155457_oN2R_735123.png

2、改变字母之间的间距来适应label大小

//当这个属性是YES,标签可能改变标签文本的字母间距,以使该文本更适合标签的边界内。此属性的字符串,而不管当前行的行的裁剪模式。该属性的默认值是NO。
myLabel.adjustsLetterSpacingToFitWidth = NO;
 
//个人使用了一下,没发现有什么区别,不知道具体是什么时候发挥作用。

3、设置label内容的对其基线(垂直方向上得对齐方式),需要把“adjustsFontSizeToFitWidth”设为“Yes”

myLabel.adjustsFontSizeToFitWidth = YES;//调整基线位置需将此属性设置为YES

myLabel.baselineAdjustment = UIBaselineAdjustmentAlignBaselines;

//UIBaselineAdjustmentAlignBaselines //文本最上端与Label中线对齐,默认值
//UIBaselineAdjustmentAlignCenters   //文本中线与Label中线对齐
//UIBaselineAdjustmentNone           //文本最下端与Label中线对齐

4、设置显示内容的字体大小的最小值,小于最小值将无效,无法显示效果

iOS6.0之前:minimumFontSize

iOS6.0之后:minimumScaleFactor

myLabel.minimumScaleFactor = 10.0;//默认值为0,为当前字体大小

5、行数

myLabel.numberOfLines = 2;//Label行数

6、高亮显示效果

myLabel.highlighted = YES;//是否高亮
myLabel.highlightedTextColor = [UIColor redColor];//高亮颜色;此属性在设置按钮的titleLabel时,无论highlighted是YES还是NO,在按钮按下时标题都显示此高亮颜色

7、阴影显示效果

myLabel.shadowColor = [UIColor grayColor];//阴影颜色,默认为nil
myLabel.shadowOffset = CGSizeMake(1, 1);//阴影的偏移点


四、Label控件的位置设置

1、计算UIlabel 在 内容多行 后的 实际高度

CGRect result,bounds;
bounds = CGRectMake(0, 0,200, 300);
heightLabel = [myLabel textRectForBounds:bounds limitedToNumberOfLines:20];//计算20行后的Label的Frame
NSLog(@"%f",heightLabel.size.height);


2、绘制text到指定区域

- (void)drawTextInRect:(CGRect)rect
//需要重载此方法,然后由子类调用,重写时调用super可以按默认图形属性绘制,若自己完全重写绘制函数,就不用调用super了


再附上一个网友分享的很好案例:


常用属性设置:

UILabel *label1 = [[UILabel alloc]initWithFrame:CGRectMake(50.0, 20.0, 200.0, 50.0)];//声明时必须指定长宽
label1.text = @"标签显示的文字";

label1.font = [UIFont boldSystemFontOfSize:20];//设置粗体  正常的是 SystemFontOfSize


label1.textColor = [[UIColoralloc]initWithRed:173/255.0green:225/255.0blue:255/255.0alpha:1];//设置颜色,现成的颜色也很多,注意255.0
label1.textAlignment = UITextAlignmentRight; //设置文字位置 
label1.adjustsFontSizeToFitWidth = YES;//设置字体大小适应label宽度


//self.jobNumber.minimumScaleFactor = 8.0;

self.jobNumber.minimumFontSize = 8.0;//设置最小显示字体,字过多时会自适应


label5.numberOfLines = 2;//设置label的行数 


label.backgroundColor = [UIColorclearColor];//去掉背景

其他属性设置:

label.transform = CGAffineTransformMakeRotation(0.2);//设置label的旋转角度
label7.userInteractionEnabled = YES; //设置是否能与用户进行交互
label3.enabled = NO;//设置label中的文字是否可变,默认值是YES
label3.lineBreakMode = UILineBreakModeMiddleTruncation;//截去中间 //设置文字过长时的显

经典特效代码:

//文字凹陷效果
   UILabel *label1 = [[UILabelalloc] initWithFrame:CGRectMake(10,10, 300, 100)];
    label1.text =@"文字凹陷效果";
    label1.shadowColor = [UIColorcolorWithRed:0.855green:0.863blue:0.882alpha:1.0];
    label1.textColor = [UIColorcolorWithRed:0.298green:0.337blue:0.424alpha:1.0];
    label1.backgroundColor = [UIColorcyanColor];
    [self.viewaddSubview:label1];

    
    //文字阴影效果
   UILabel * label = [[UILabelalloc] initWithFrame:CGRectMake(10,100, 300, 100)];
    label.text =@"文字阴影效果";
    label.textColor = [UIColorcolorWithRed:0.4green:0.6blue:0.1alpha:1.0];
    label.textAlignment =UITextAlignmentCenter;
    label.font = [UIFontfontWithName:[[UIFontfamilyNames] objectAtIndex:2]size:35];
    label.adjustsFontSizeToFitWidth =YES;
    label.numberOfLines =0;
    label.tag =0;
    label.backgroundColor = [UIColorcyanColor];
    label.shadowColor = [UIColoryellowColor];
    label.shadowOffset =CGSizeMake(3,3);
    [self.viewaddSubview:label];

    
    //label中文字跑马灯效果
    
   UILabel *label3 = [[UILabelalloc] initWithFrame:CGRectMake(10,200, 300, 100)];
    label3.text =@"噜啦啦噜啦啦噜啦噜啦噜,噜啦噜啦噜啦噜啦噜啦噜~~~";
    [self.viewaddSubview:label3];
   CGRect frame = label3.frame;
    frame.origin.x = -180;
    label3.frame = frame;
    [UIViewbeginAnimations:@"testAnimation"context:NULL];
    [UIViewsetAnimationDuration:8.8f];
    [UIViewsetAnimationCurve:UIViewAnimationCurveLinear];
    [UIViewsetAnimationDelegate:self];
    [UIViewsetAnimationRepeatAutoreverses:NO];
    [UIViewsetAnimationRepeatCount:999999];
    frame = label3.frame;
    frame.origin.x =350;
    label3.frame = frame;
    [UIViewcommitAnimations];


以上信息有拾图网温州天时网站建设倾情收集整理

注:本文转载自拾图网[http://www.tshinet.com],转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如有侵权行为,请联系我们,我们会及时删除。
上一篇 下一篇

淘宝热销

  • Mistine小黄帽防晒霜乳SPF50泰版面部防紫外线隔离男女军训蜜丝婷

    【推荐理由】赠运费险

    【优惠券】20   【券后价】59.00

    【下单链接】18¥ CZ0001 G5fHdEqOsnB¥

    >>>>>> 马上打开

  • G7旗舰店越南进口美式纯黑咖啡粉速溶无糖0脂减燃正品学生提神

    【推荐理由】库存紧张,好评过万

    【优惠券】3    【券后价】26.90

    【下单链接】27¥ CZ0001 zb0bdEqLV7G¥

    >>>>>> 马上打开