代码修改自定义Button

在代码定义一个Button的时候,想要让Button上的文字距离边界更远或更近,我们可以通过重写titleEdgeInsets方法来实现。

比如我们用代码创建了一个自定义的button,如下图:

可以看到文字与Button的边缘很不好看,我们想让文字处于Button内的合适位置,这时候就可以在Button的类中重写titleEdgeInsets方法:

- (UIEdgeInsets)titleEdgeInsets
{
    return UIEdgeInsetsMake(4.0f, 28.0f, 4.0f, 28.0f);
}

顾名思义,这个方法返回的就是button的title距离button边缘的距离。效果如下:

可以看到,这不是我们预期的那样。因为我们只是修改了title距离button边缘的距离,但并没有修改button的大小。解决方法如下:

在Button类中重写intrinsicContentSize方法。

- (CGSize)intrinsicContentSize
{
    CGSize s = [super intrinsicContentSize];

    return CGSizeMake(s.width + self.titleEdgeInsets.left + self.titleEdgeInsets.right,
                      s.height + self.titleEdgeInsets.top + self.titleEdgeInsets.bottom);
    
}

现在我们告诉了button,你的contentSize不再是原来那样,而是原来的内容大小加上文字距离边缘的距离。效果如下:


另外,在自定义button的时候,需要设置button的type为custom,否则在修改字体之类的时候不会起作用(?)。

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

推荐阅读更多精彩内容

  • 6、View的绘制 (1)当测量好一个View之后,我们就可以简单的重写 onDraw()方法,并在 Canvas...
    b5e7a6386c84阅读 5,888评论 0 3
  • IOS 小常识 2:按钮的图与标题位置调整 如图: 这5张图中,最左边的是正常的按钮图文排列,图左文右。另外4张分...
    金鲤阅读 3,644评论 0 0
  • 导语 系统的 UIButton 默认状态下的样式是图标在左标题在右,但有时候可能需要不同的排版。当然可以通过继承添...
    iOSugarCom阅读 8,335评论 1 2
  • 文/陈若鱼 01 在陶喜有关爱情最早的记忆里,是隔壁家大爷问李云晖,陶喜和陶媛你喜欢谁? 李云晖想也没想就说,他喜...
    正宗陈若鱼阅读 4,392评论 5 10
  • 其实,最真最初的才是最好的。 当在外奔波打拼 挑灯夜读 当周围都寂静了 你的内心 就开始了诉说 当热闹奢靡萦绕 你...
    初勋阅读 2,555评论 0 1

友情链接更多精彩内容