UIButton上使用UIEdgeInsetsMake title跟图片对齐

阳光穿透心脏的1/2处 2022-08-06 12:22 4阅读 0赞

原文链接：[http://blog.csdn.net/yanxiaoqing/article/details/7230660][http_blog.csdn.net_yanxiaoqing_article_details_7230660]

默认情况下，不设置的效果，都使居中现实，button为150＊150

![Center][]

使用以下设置后：

\[selfsetTitleEdgeInsets:UIEdgeInsetsMake( 0.0,-backGroundImag.size.width, 0.0,0.0)\];

\[selfsetImageEdgeInsets:UIEdgeInsetsMake(0.0, 0.0,0.0, -self.titleLabel.bounds.size.width)\];

![Center 1][]

若要title在图片的上方，则位置相对于图片来说，向上移动－80

\[self setTitleEdgeInsets:UIEdgeInsetsMake( -80.0,-backGroundImag.size.width, 0.0,0.0)\];

\[selfsetImageEdgeInsets:UIEdgeInsetsMake(0.0, 0.0,0.0, -self.titleLabel.bounds.size.width)\];

效果如下：

![Center 2][]

综上所述，若单独设置一个title或者image在button中的位置，UIEdgeInsets是相对于button的frame来计算的（上，左，下，右，），如果是刚才所描述的情况，则title是相对于image的frame设置的，而image的位置是相对于titel的位置设置的

over！

[http_blog.csdn.net_yanxiaoqing_article_details_7230660]: http://blog.csdn.net/yanxiaoqing/article/details/7230660
[Center]: /images/20220806/43168310361b4890aea7d2976fc3991a.png
[Center 1]: /images/20220806/a666324423724a96adfcfb9b377fb697.png
[Center 2]: /images/20220806/a93cdaf1869f478598ec963a6f467d64.png

发表评论取消回复

表情：

评论列表（有 0 条评论，4人围观）

还没有评论，来说两句吧...

相关阅读

相关 iOS-UIButton实现左边文字,右边图片

现UIButton图片和文字并排 -(void)layoutSubviews { [super layoutSubviews...

Dear 丶/ 2024年04月17日 16:33/ 0 赞/ 123 阅读

相关 iOS-UIButton设置图片和文字

在开发中，我们经常会用到button这个控件，button上本身就可以单独设置图片和文字，但是要将图片和文字同时放置在button上，比如，图片在左边，标题在右边等布局，这样的

谁践踏了优雅/ 2023年10月16日 22:52/ 0 赞/ 96 阅读

相关 oss的图片跟文件上传

1.依赖 > <dependency> > <groupId>com.aliyun.oss</groupId> > <artifa

港控/mmm°/ 2023年10月15日 16:56/ 0 赞/ 55 阅读

相关 iOS-UIButton的Image和Title的布局

UIButton中的titleEdgeInsets和imageEdgeInsets可以管理button中image和title的布局。如果对其理解不够深入，用纯数字进行布局管

谁践踏了优雅/ 2023年10月05日 18:06/ 0 赞/ 35 阅读

相关 UIButton使用方法汇总

UIButton使用方法汇总原文链接地址：[http://blog.sina.com.cn/s/blog\_bf9843bf0101f8hr.html][http_bl

Dear 丶/ 2022年09月18日 12:47/ 0 赞/ 209 阅读

相关 swift UIButton的使用

代码 // // AppDelegate.swift // UIButtonDemo // // Created by 赵超

约定不等于承诺〃/ 2022年08月24日 00:47/ 0 赞/ 221 阅读

相关 ios--UIButton拉伸背景图片

UIImage originalImage = [UIImage imageNamed:@"myImage.png"]; UIEdgeInsets insets

落日映苍穹つ/ 2022年08月10日 14:44/ 0 赞/ 359 阅读

相关 UIButton上使用UIEdgeInsetsMake title跟图片对齐

原文链接：[http://blog.csdn.net/yanxiaoqing/article/details/7230660][http_blog.csdn.net_yanxi

阳光穿透心脏的1/2处/ 2022年08月06日 12:22/ 0 赞/ 5 阅读

相关 UIEdgeInsetsMake的作用

原文链接：[http://www.devdiv.com/UIEdgeInsetsMake%E7%9A%84%E4%BD%9C%E7%94%A8-weblog-190968-73

雨点打透心脏的1/2处/ 2022年08月06日 12:22/ 0 赞/ 29 阅读

相关 UIButton title和image 水平居中

UIImage \image = \[UIImageimageWithContentsOfFile:imgPath\]; \[but setImage:image f

小咪咪/ 2022年06月01日 03:27/ 0 赞/ 199 阅读