iOS开发,左右排列有图⽚有⽂字的按钮简单做法⼤部分iOS开发者都会碰到这种需求,⼀个按钮中即有图标⼜有⽂字,点击按钮修改⽂字的功能。
实例图
⼀般做法都是重写⼀个uibutton,然后重写
- (CGRect)titleRectForContentRect:(CGRect)contentRect;
- (CGRect)imageRectForContentRect:(CGRect)contentRect;
两个⽅法,设置image和⽂字的布局。
但是这种⽅法有很强的局限性,如果要按钮⽂字就⾮常尴尬了。
下⾯⼩编教⼤家⼀招,轻松搞定这种需求。
1,新建⼀个按钮
UIButton *bottomBtn = [[UIButton alloc] initWithFrame:CGRectMake(0, 100, 100, 50)];
[bottomBtn tBackgroundColor:[UIColor whiteColor]];
[lf.view addSubview:bottomBtn];
2,在按钮上添加⼀个label
UILabel *centerLabel = [[UILabel alloc] initWithFrame:tbHeaderView.bounds];
centerLabel.font = dbwFonts(14);
[bottomBtn addSubview:centerLabel];
3,给label添加富⽂本
NSMutableAttributedString *fromAttributedStr = [[NSMutableAttributedString alloc]initWithString:@"筛选 "];
NSTextAttachment *imgAttach = [[NSTextAttachment alloc] init];
imgAttach.image = [UIImage imageNamed:@"箭头下"];
imgAttach.bounds = CGRectMake(0, -1.5, 13, 13);
NSAttributedString *imgAttributeStr = [NSAttributedString attributedStringWithAttachment:imgAttach];
[fromAttributedStr appendAttributedString:imgAttributeStr];
centerLabel.attributedText = fromAttributedStr;
轻松搞定!
推荐⼀个全⼿势识别超炫酷操作的的任务管理软件《好运清单》,免费⼩巧,功能强⼤,原版是⼤名⿍⿍的clear,我给做成了免费的,功能只多不少,欢迎各位下载使⽤。