iOS-自定义 UIButton-文字在左、图片在右(二)

接上一篇--->1. 不自定义 Button,设置titleEdgeInsets 和 imageEdgeInsets 属性,代码如下:

    UIButton *button02 = [[UIButton alloc] init];
    button02.titleLabel.font = [UIFont systemFontOfSize:14];
    [button02 setTitle:@"地区" forState:UIControlStateNormal];
    UIImage *imageBtn02 = [UIImage imageNamed:@"YellowDownArrow"];
    [button02 setImage:imageBtn02 forState:UIControlStateNormal];
    [view addSubview:button02];
    // 设置 frame
    [button02 mas_makeConstraints:^(MASConstraintMaker *make) {
        make.centerY.equalTo(view);
        make.left.equalTo(view).offset(kScreenWidth / 8 * 3.5);
    }];
    // 如果用 Masnory 一定要调这句,不然约束有问题
    [button02 layoutIfNeeded];
    
    // 取出 titleLabel 的宽度
    CGFloat labelWidth02 = button02.titleLabel.bounds.size.width;
    // 取出 imageView 的宽度
    CGFloat imageWidth02 = button02.imageView.bounds.size.width;
    // 设置 titleLabel 的内边距
    button02.titleEdgeInsets = UIEdgeInsetsMake(0, -imageWidth02, 0, imageWidth02);
    // 设置 imageView 的内边距
    button02.imageEdgeInsets = UIEdgeInsetsMake(0, labelWidth02, 0, -labelWidth02);

2. 实现效果(见下图)

实现效果对比.png

3. 自定义 Button 和 系统 Button 对比(见下图):

1.如果用系统Button,那么直接设置Button的 titleEdgeInsetsimageEdgeInsets即可(就可以不用创建自定义Button) 2.但是每次要用到创建类似的Button的话,就要写这四句代码 3.当你的项目中有较多地方用到类似的Button的时候,建议考虑自定义,这样可能方便一些

个人小建议.png

4. 温馨提示:

1.如果使用 Masonry 框架进行自动布局的话,那么给 button 设置完约束以后一定要调用 [button02 layoutIfNeeded];不然布局显示就会有问题(见下图):

没有调用[button layoutIfNeeded].png

2.调用 [button02 layoutIfNeeded];布局显示正常(见下图):

调用[button layoutIfNeeded].png

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏分享达人秀

SwipeRefreshLayout下拉刷新组件

在实际开发中,经常都会遇到下拉刷新、上拉加载更多的情形,这一期就一起来学习Android系统的SwipeRefreshLayout下拉刷新组件。 一、...

3087
来自专栏mukekeheart的iOS之旅

iOS学习——tableview中带编辑功能的cell键盘弹出遮挡和收起问题解决

  最近在项目中经常用到UITableView中的cell中带有UITextField或UITextView的情况,然后在这种场景下,当我们点击屏幕较下方的ce...

7018
来自专栏Python疯子

3D立体相册,一个可旋转的立体相册

当然里面的很多元素都是可以改动的,根据自己需要自己改动即可 这里用的是Button,你也可改为其他的,数量也可改动

3751
来自专栏技术总结

MJRefresh源码剖析与学习

建议查看原文:https://www.jianshu.com/p/23c876f8ae39(不定时更新)

2314
来自专栏Golang语言社区

使用Go开发一个简单的服务器程序

最近有个小项目,需要一个简单的后台程序来支撑,本来想用Nodejs来做,但是由于本人js一直很菜,并且很讨厌callback,虽然我也很喜欢异步模型,但我一直都...

3629
来自专栏wym

Windows 编程创建窗口

#define WND_POS_X 100 #define WND_POS_Y 100 #define WND_WIDTH 500 #define WND_HE...

1561
来自专栏飞雪无情的博客

新浪微博布局学习——妙用TabHost

为了更好的开发Android应用程序,除了熟练掌握基本的UI组件和API外,还需要掌握一些技巧,而这些技巧可以通过阅读一些代码来提高,本系列将与大家分享一些新浪...

882
来自专栏非典型技术宅

设置Cell的行高:五种方法及优先级1. 四种基本设置方法2. 四种方法的优先级3. 自动进行计算cell的行高

1206
来自专栏码神联盟

【原创】说好的暴雨呢,搁哪呢?还能不能 雨~露~均~沾?

不是说下大雨吗?玩儿呐?搁哪呢?大雨搁哪呢?下丢啦?哗啦到海里去啦?让五娃给吞啦?南方整的那老大,看不起副中心咋的?还能不能 雨~露~均~沾~?你说我小...

3676
来自专栏葡萄城控件技术团队

把WPF Dialog转成WinForm Dialog需要注意的问题

最近项目中遇到这样一个问题。之前有一个用WPF布局好的一个Dialog,如下图: ? 但是,由于WPF的Dialog有一些小问题,当显示Dialog的窗体被别的...

2057

扫码关注云+社区

领取腾讯云代金券