iOS 实现UIButton的文字和图片上下/左右显示

文字在左,图片在右:

UIButton *detailBtn = [UIButton buttonWithType:UIButtonTypeCustom];
detailBtn.frame = CGRectMake(50, 50, 100, 50);
detailBtn.backgroundColor = [UIColor cyanColor];

[detailBtn setTitle:@"详情" forState:UIControlStateNormal];
[detailBtn setTitleColor:[UIColor grayColor] forState:UIControlStateNormal];
detailBtn.titleLabel.font = [UIFont systemFontOfSize:14];

[detailBtn setImage:[UIImage imageNamed:@"icon_list_箭头@2X"] forState:UIControlStateNormal];

[self.view addSubview:detailBtn];

// 重新设置位置,要写在按钮设置图片和文字之后,否则无效
detailBtn.titleEdgeInsets = UIEdgeInsetsMake(0, -detailBtn.imageView.bounds.size.width-6, 0, detailBtn.imageView.bounds.size.width+6);
detailBtn.imageEdgeInsets = UIEdgeInsetsMake(0, detailBtn.titleLabel.bounds.size.width, 0, -detailBtn.titleLabel.bounds.size.width);
// 居右
detailBtn.contentHorizontalAlignment = UIControlContentHorizontalAlignmentRight;

效果如下:

image.png

上下布局等其他类似~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,409评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,725评论 4 61
  • What? 基于微信 类web 原生体验 解决方案 How? 逻辑层(App Service) 逻辑层由JavaS...
    糖小工阅读 5,748评论 0 7
  • “停下来,乍看之下好像很被动、与现代的生活步调不合,但是,这是一种让你生存得平静喜悦的能力。 停下来,会给你一些空...
    真心博士周美伶阅读 5,151评论 2 5

友情链接更多精彩内容