iOS-UI控件精讲之UILabel
UILabel(标签)应该是iOS中最基本的一个控件了,也是使用频率最高的,经常用来展示一段不可编辑的文本。
UILabel继承于UIView,下面是一些常用的属性,包含继承于UIView的属性。
- 1. text
- 2. backgroundColor
- 3. textColor
- 4. font
- 5.shadowOffset和shadowColor
- 6.textAlignment
- 7. lineBreakMode
- 8. numberOfLines
- 9.adjustsFontSizeToFitWidth
- 10.attributedText
1.text 设置要显示的文本
self.myLabel.text = @"我的标签~~~~~";
效果如下:

2.backgroundColor 设置背景色,默认是nil即[UIColor clearColor]
self.myLabel.text = @"我的标签~~~~~";
self.myLabel.backgroundColor = [UIColor redColor];
效果如下:

3.textColor设置文本的颜色 默认nil 渲染为黑色
self.myLabel.text = @"我的标签~~~~~";
self.myLabel.backgroundColor = [UIColor grayColor];
self.myLabel.textColor = [UIColor redColor];
效果如下:

4.font 设置字体以及大小 默认为系统字体 字号17
self.myLabel.font = [UIFont systemFontOfSize:30];
self.myLabel.text = @"我的标签~~~~~";
self.myLabel.backgroundColor = [UIColor grayColor];
self.myLabel.textColor = [UIColor redColor];

设置系统粗体
self.myLabel.font = [UIFont boldSystemFontOfSize:30];
self.myLabel.text = @"我的标签~~~~~";
self.myLabel.backgroundColor = [UIColor grayColor];
self.myLabel.textColor = [UIColor redColor];

5.shadowOffset阴影的偏移量,shadowColor阴影的颜色
self.myLabel.text = @"我的标签~~~~~";
self.myLabel.shadowColor = [UIColor redColor];//设置阴影颜色为红色
self.myLabel.shadowOffset = CGSizeMake(100, -10);//向右偏移100,向上偏移10

6.textAlignment文字的对齐方式,默认是NSTextAlignmentLeft(左对齐)
self.myLabel.textAlignment = NSTextAlignmentLeft;//左对齐
self.myLabel.textAlignment = NSTextAlignmentRight;//右对齐
self.myLabel.textAlignment = NSTextAlignmentCenter;//居中



7.lineBreakMode设置文字长度超出label范围时文字的显示方式
self.myLabel.lineBreakMode = NSLineBreakByWordWrapping;//以空格为边界,保留单词
self.myLabel.lineBreakMode = NSLineBreakByCharWrapping;//保留整个字符
self.myLabel.lineBreakMode = NSLineBreakByClipping;//简单剪裁,到边界截断
//上面这三个在SDK7.0以后效果是一样的,重点区分一下下面的这三个
self.myLabel.lineBreakMode = NSLineBreakByTruncatingHead;//缩略头部: "...wxyz"
self.myLabel.lineBreakMode = NSLineBreakByTruncatingTail;//缩略尾部: "abcd..."
self.myLabel.lineBreakMode = NSLineBreakByTruncatingMiddle;//缩略中部:"ab...yz"
8.numberOfLines设置文本显示的行数
//设置只显示两行
self.myLabel.numberOfLines = 2;
self.myLabel.text = @"我是很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长的标签~~~~~";
self.myLabel.backgroundColor = [UIColor lightGrayColor];

//设置为0 即为自动换行
self.myLabel.numberOfLines = 0;
self.myLabel.text = @"我是很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长的标签~~~~~";
self.myLabel.backgroundColor = [UIColor lightGrayColor];

9.adjustsFontSizeToFitWidth根据宽度调整font,默认为 NO
self.myLabel.adjustsFontSizeToFitWidth = YES;
self.myLabel.text = @"我是很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长的标签~~~~~";
self.myLabel.backgroundColor = [UIColor lightGrayColor];
效果如下:

10.attributedText属性文本
使用attributedText能实现很多效果:最常见的有:调整行间距,加下划线,删除线
NSString *string = @"attributedText可以设置很多特效,例如:下划线,粗的下划线,删除线,自定义颜色的删除线";
self.myLabel.backgroundColor = [UIColor lightGrayColor];
self.myLabel.numberOfLines = 0;
NSMutableAttributedString *attrString = [[NSMutableAttributedString alloc] initWithString:string];
NSMutableParagraphStyle *style = [[NSParagraphStyle defaultParagraphStyle] mutableCopy];
style.lineSpacing = 20;//设置行高为20
style.headIndent = 20;//距左边界的距离为20
style.tailIndent = -20;//距右边界的距离为20
style.lineHeightMultiple = 0.8;//设置行间距为0.8倍
style.alignment = NSTextAlignmentLeft;//左对齐
style.firstLineHeadIndent = 30;//首行头部缩进
[attrString addAttribute:NSUnderlineStyleAttributeName value:@(NSUnderlineStyleSingle) range:[string rangeOfString:@"下划线"]];//下划线
[attrString addAttribute:NSUnderlineStyleAttributeName value:@(NSUnderlineStyleThick) range:[string rangeOfString:@"粗的下划线"]];//厚的下划线
//下划线的样式
//NSUnderlineStyleNone 无
//NSUnderlineStyleSingle 单条线
//NSUnderlineStyleThick 加粗的线
//NSUnderlineStyleDouble 两条并行的线
[attrString addAttribute:NSStrikethroughStyleAttributeName value:@(NSUnderlineStyleDouble | NSUnderlineStyleSingle) range:[string rangeOfString:@"删除线"]];
[attrString addAttribute:NSStrikethroughColorAttributeName value:[UIColor redColor] range:[string rangeOfString:@"删除线"]];//给删除线设置颜色
self.myLabel.attributedText = attrString;
效果如下:

本文适合iOS开发初学者阅读,大牛们请一笑而过,如果有错误请联系我 。
如果您喜欢这篇文章,请关注我,喜欢或者打赏!您的支持十分重要!
iOS-UI控件精讲之UILabel的更多相关文章
- iOS-UI控件精讲之UIView
道虽迩,不行不至:事虽小,不为不成. 相关阅读 1.iOS-UI控件精讲之UIView(本文) 2.iOS-UI控件精讲之UILabel ...待续 UIView是所有UI控件的基类,在布局的时候通常 ...
- iOS UI控件继承关系图
闲来无事,把UI控件的继承关系图整理下来,供自己和大家使用.
- ios UI控件的简单整理
把该文件拷贝到.m文件中就能够方便的查找 /** 匿名类目:能够声明方法和变量,属性为private(不同意在外部调用,且不能被继承 */ /** 发送数据的托付方,接收数据的时代理发(即代理的反向传 ...
- iOS UI控件总结(全)
1.UIButton UIButton *btn = [UIButton buttonWithType:UIButtonTypeRoundedRect]; btn.frame = CGRectMake ...
- Qt控件精讲一:按钮
原地址:http://blog.csdn.net/yuxikuo_1/article/details/17397109 Qt Creater提供6种Button控件.如图1. Button控件介绍 控 ...
- iOS UI控件
创建: 2018/04/21 完成: 2018/04/25 更新: 2018/09/24 补充UIActivityIndicatorView的显示和隐藏方法 UIButton 设定项目 项目名 ...
- iOS UI控件之间的关系图
- IOS学习资源收集--开发UI控件相关
收集的一些本人了解过的iOS开发UI控件相关的代码资源(本文持续补充更新) 内容大纲: 1.本人在github上也上传了我分装好的一些可重复利用的UI控件 2.计时相关的自定义UILabel控件 正文 ...
- iOS基础UI控件介绍-Swift版
iOS基础UI控件总结 iOS基础控件包括以下几类: 1.继承自NSObject:(暂列为控件) UIColor //颜色 UIImage //图像 2.继承自UIView: 只能相应手势UIGest ...
随机推荐
- (转载)js----对象直接量
(转载)http://blog.csdn.net/greymouseyu/article/details/4015676 对象直接量提供了另一种创建新对象的方式.对象直接量允许将对象描述文字嵌入到Ja ...
- params数据来源和参数传递的一点小理解
今天是星期一,上次说的两个需求,解决了一个.在原来的页面增加了一个可以勾选的单选框用于完成,勾选对应的条件来渲染对应的页面,使用了简单的单选框radio_button来实现单选的提交,使用条件判断语句 ...
- HDOJ/HDU 2352 Verdis Quo(罗马数字与10进制数的转换)
Problem Description The Romans used letters from their Latin alphabet to represent each of the seven ...
- [NOIP2005]采药
2005年NOIP全国联赛普及组 [题目描述 Description] 辰辰是个天资聪颖的孩子,他的梦想是成为世界上最伟大的医师.为此,他想拜附近最有威望的医师为师.医师为了判断他的资质,给他出了一个 ...
- 城市连动纯js代码DEMO
前台代码 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" co ...
- Jackson中的那些坑
不符合驼峰规范的变量 “驼峰命名法”请自行百度.简单的来说就是变量的第一个单词以小写字母开始其他单词首字母大写,或者全部单词首字母都大写,分别称为“小驼峰”和“大驼峰” 比如一个符合驼峰规范命名的实体 ...
- 【转】shell 教程——05 第一个Shell脚本
打开文本编辑器,新建一个文件,扩展名为sh(sh代表shell),扩展名并不影响脚本执行,见名知意就好,如果你用php写shell 脚本,扩展名就用php好了. 输入一些代码: #!/bin/bash ...
- return 和 exit
此篇文不会阐述具体的原理,而是只记录实际应用如何避免一些问题 在<C语言程序设计-现代方法>第9.5章节中有这样一段说明, return语句和exit函数之间的差异是:不管哪个函数调用ex ...
- EasyUI-动态添加tab
layout效果 代码: <%@ page language="java" contentType="text/html; charset=utf-8" ...
- [D3] 8. Margins
If you want ot add margins, should append graphics container in svg var svg = d3.select('#chartArea' ...