代码修改自定义Button

作者: ForeverYoung21 | 来源:发表于2015-05-01 22:49 被阅读2386次

在代码定义一个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;
}

相关文章

  • 代码修改自定义Button

    在代码定义一个Button的时候,想要让Button上的文字距离边界更远或更近,我们可以通过重写titleEdge...

  • OC 的坑-1

    用代码写button, button 的 文字修改应该使用 setTitle 方法,而不应该对button.tit...

  • 自定义弹窗普通写法

    1.自定义弹窗普通写法 先写一个简单的页面 代码 Button but=(Button)findComponent...

  • 微信语音聊天笔记(一)

    本实例是学习慕课网的《仿微信语音聊天》,得到的代码,尚未做过多的修改,自用 自定义Button 主要实现 onTo...

  • TabBar中间按钮设置

    类似iOS简书中间发布文章用的圆形按钮1、在《框架搭建_纯代码》的基础上稍作修改2、自定义几个页面,用button...

  • Flutter TextButton无法占满Row

    (左边是修改过的button) 新版Flutter用TextButton替换了FlatButton,修改代码以后发...

  • 自定义控件

    自定义多段选择器 类代码 测试 自定义按键Button 类代码 测试 自定义按钮2 首先创建自己按钮的类 应用自己...

  • Android_自定义Dialog底部弹出动画

    效果图如下 点击Button调用代码 Dialog的自定义布局 Dialog的自定义布局Share样式,drawa...

  • 笔记

    1.在info中的bundle name修改app的名称 2.修改自定义返回按钮的位置,用button.conte...

  • iOS开发Tips

    1.button按钮修改文字闪烁问题 2.TextView链接颜色修改问题 3.自定义控件可在xib上使用 4.键...

网友评论

本文标题:代码修改自定义Button

本文链接:https://www.haomeiwen.com/subject/ytybfttx.html