前言
本文主要给大家介绍了关于ios label全方位对齐的实现方法，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧
aruilabeltextalign
1. 实现 uilabel文本在 左(上 中 下)、中(上 中 下）、右(上 中 下) 9个方位显示；
2. 提供富文本底部不对齐的解决方案；
演示
核心代码：
aralignlabel.h
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
#import <uikit/uikit.h>
@class armaker;
typedef ns_enum(nsuinteger, textaligntype)
{
textaligntype_top = 10, // 顶部对齐
textaligntype_left, // 左边对齐
textaligntype_bottom, // 底部对齐
textaligntype_right, // 右边对齐
textaligntype_center // 水平/垂直对齐（默认中心对齐）
};
@interface aralignlabel : uilabel
/**
* 根据对齐方式进行文本对齐
*
* @param aligntype 对齐block
*/
- (void)textalign:(void(^)(armaker *make))aligntype;
@end
//工具类
@interface armaker : nsobject
/* 存放对齐样式 */
@property(nonatomic, strong) nsmutablearray *typearray;
/**
* 添加对齐样式
*/
- (armaker *(^)(textaligntype type))addaligntype;
@end
|
aralignlabel.m
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
|
#import "aralignlabel.h"
@interface aralignlabel ()
/* 对齐方式 */
@property(nonatomic, strong) nsarray *typearray;
//上
@property(nonatomic, assign) bool hastop;
//左
@property(nonatomic, assign) bool hasleft;
//下
@property(nonatomic, assign) bool hasbottom;
//右
@property(nonatomic, assign) bool hasright;
@end
@implementation aralignlabel
- (cgrect)textrectforbounds:(cgrect)bounds limitedtonumberoflines:(nsinteger)numberoflines {
cgrect textrect = [super textrectforbounds:bounds limitedtonumberoflines:numberoflines];
if (self.typearray){
for (int i=0; i<self.typearray.count; i++) {
textaligntype type = [self.typearray[i] integervalue];
switch (type) {
case textaligntype_top: //顶部对齐
self.hastop = yes;
textrect.origin.y = bounds.origin.y;
break;
case textaligntype_left: //左部对齐
self.hasleft = yes;
textrect.origin.x = bounds.origin.x;
break;
case textaligntype_bottom: //底部对齐
self.hasbottom = yes;
textrect.origin.y = bounds.size.height - textrect.size.height;
break;
case textaligntype_right: //右部对齐
self.hasright = yes;
textrect.origin.x = bounds.size.width - textrect.size.width;
break;
case textaligntype_center:
if (self.hastop) { //上中
textrect.origin.x = (bounds.size.width - textrect.size.width)*0.5;
}
else if (self.hasleft) { //左中
textrect.origin.y = (bounds.size.height - textrect.size.height)*0.5;
}
else if (self.hasbottom) { //下中
textrect.origin.x = (bounds.size.width - textrect.size.width)*0.5;
}
else if (self.hasright) { //右中
textrect.origin.y = (bounds.size.height - textrect.size.height)*0.5;
}
else{ //上下左右居中
textrect.origin.x = (bounds.size.width - textrect.size.width)*0.5;
textrect.origin.y = (bounds.size.height - textrect.size.height)*0.5;
}
break;
default:
break;
}
}
}
return textrect;
}
- (void)drawtextinrect:(cgrect)requestedrect {
cgrect actualrect = requestedrect;
if (self.typearray) {
actualrect = [self textrectforbounds:requestedrect limitedtonumberoflines:self.numberoflines];
}
[super drawtextinrect:actualrect];
}
- (void)textalign:(void(^)(armaker *make))aligntype {
armaker *make = [[armaker alloc]init];
aligntype(make);
self.typearray = make.typearray;
}
@end
//工具类
@implementation armaker
- (instancetype)init {
self = [super init];
if (self) {
self.typearray = [nsmutablearray array];
}
return self;
}
- (armaker *(^)(enum textaligntype type))addaligntype {
__weak typeof (self) weakself = self;
return ^(enum textaligntype type) {
[weakself.typearray addobject:@(type)];
return weakself;
};
}
@end
|
工具使用 - 九个方位对齐
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
|
- (void)viewdidload {
[super viewdidload];
self.view.backgroundcolor = [uicolor whitecolor];
if (_index == 9) {
//富文本底部对齐
[self attributedtextagainofbottom];
}else {
aralignlabel *label = [[aralignlabel alloc] initwithframe:cgrectmake(kscreenwidth/2.0 - 150, 300, 300, 80)];
label.backgroundcolor = [uicolor orangecolor];
label.textcolor = [uicolor blackcolor];
label.font = [uifont systemfontofsize:18];
label.text = @"爱学习，爱编程，爱咖啡可乐";
label.numberoflines = 1;
[self.view addsubview:label];
switch (_index) {
case 0:
[label textalign:^(armaker *make) {
make.addaligntype(textaligntype_left).addaligntype(textaligntype_top);
}];
break;
case 1:
[label textalign:^(armaker *make) {
make.addaligntype(textaligntype_left).addaligntype(textaligntype_center);
}];
break;
case 2:
[label textalign:^(armaker *make) {
make.addaligntype(textaligntype_left).addaligntype(textaligntype_bottom);
}];
break;
case 3:
[label textalign:^(armaker *make) {
make.addaligntype(textaligntype_center).addaligntype(textaligntype_top);
}];
break;
case 4:
[label textalign:^(armaker *make) {
make.addaligntype(textaligntype_center);
}];
break;
case 5:
[label textalign:^(armaker *make) {
make.addaligntype(textaligntype_center).addaligntype(textaligntype_bottom);
}];
break;
case 6:
[label textalign:^(armaker *make) {
make.addaligntype(textaligntype_right).addaligntype(textaligntype_top);
}];
break;
case 7:
[label textalign:^(armaker *make) {
make.addaligntype(textaligntype_right).addaligntype(textaligntype_center);
}];
break;
case 8:
[label textalign:^(armaker *make) {
make.addaligntype(textaligntype_right).addaligntype(textaligntype_bottom);
}];
break;
default:
break;
}
}
}
|
富文本底部对齐
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
|
//富文本底部对齐
- (void)attributedtextagainofbottom {
cgfloat space = 10.0;
aralignlabel *leftlb = [[aralignlabel alloc] initwithframe:cgrectmake(20, 200, kscreenwidth/2.0 - 20 - space/2.0, 80)];
leftlb.backgroundcolor = [uicolor lightgraycolor];
leftlb.textcolor = [uicolor blackcolor];
leftlb.numberoflines = 1;
[self.view addsubview:leftlb];
//右下
[leftlb textalign:^(armaker *make) {
make.addaligntype(textaligntype_center);
}];
nsmutableattributedstring *attributedarr = [[nsmutableattributedstring alloc] initwithstring:@"单价 $123"];
[attributedarr setattributes:@{nsfontattributename:[uifont systemfontofsize:40], nsforegroundcolorattributename:[uicolor blackcolor]} range:nsmakerange(0, 1)];
[attributedarr setattributes:@{nsfontattributename:[uifont systemfontofsize:25], nsforegroundcolorattributename:[uicolor blackcolor]} range:nsmakerange(1, 1)];
[attributedarr setattributes:@{nsfontattributename:[uifont systemfontofsize:20], nsforegroundcolorattributename:[uicolor bluecolor]} range:nsmakerange(3, 1)];
[attributedarr setattributes:@{nsfontattributename:[uifont systemfontofsize:35], nsforegroundcolorattributename:[uicolor redcolor]} range:nsmakerange(4, attributedarr.length - 4)];
leftlb.attributedtext = attributedarr;
//对齐之后
aralignlabel *rightlb = [[aralignlabel alloc] initwithframe:cgrectmake(kscreenwidth/2.0 + space/2.0, 200, leftlb.frame.size.width, 80)];
rightlb.backgroundcolor = [uicolor lightgraycolor];
rightlb.textcolor = [uicolor blackcolor];
rightlb.numberoflines = 1;
[self.view addsubview:rightlb];
//左下
[rightlb textalign:^(armaker *make) {
make.addaligntype(textaligntype_center);
}];
//设置部分文字的偏移量 (0是让文字保持原来的位置, 负值是让文字下移，正值是让文字上移)
[attributedarr addattribute:nsbaselineoffsetattributename value:@(1) range:nsmakerange(0, 1)];
[attributedarr addattribute:nsbaselineoffsetattributename value:@(0) range:nsmakerange(1, 1)];
[attributedarr addattribute:nsbaselineoffsetattributename value:@(-2) range:nsmakerange(3, 1)];
[attributedarr addattribute:nsbaselineoffsetattributename value:@(-3) range:nsmakerange(4, attributedarr.length - 4)];
rightlb.attributedtext = attributedarr;
}
|
富文本底部对齐 - 使用场景：
github：https://github.com/archll/aruilabeltextalign
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对服务器之家的支持。
原文链接：https://www.jianshu.com/p/ab1eb2785ec0