UIButton使用技巧总结

作者: 乔兰伊雪 | 来源:发表于2017-07-19 18:23 被阅读103次

    UIButton是iOS中比较常用的控件,几乎处处可见,本文总结了一些我开发过程中用到的一些UIButton的功能,当然,按钮初始化,设置图片文字这些基本功能就不说了。

    1、设置按钮图片、文字位置

    214E22C7-E7CA-4DF0-BA52-0C773130F51D.png

    开发过程中我们经常会遇到各种各样的button,原生button默认是图片在左,文字在右,并且不管设置了图片还是文字或者两个都设置,他们都是默认居中,如button1,但有时有会有button2,btn3这种样式的,当我还是个小白的时候一般这种样式我都是自定义button(捂脸,好惭愧),后来发现使用imageEdgeInsets、titleEdgeInsets就能够修改图片和文字的位置:

    UIKIT_STATIC_INLINE UIEdgeInsets UIEdgeInsetsMake(CGFloat top, CGFloat left, CGFloat bottom, CGFloat right) {
        UIEdgeInsets insets = {top, left, bottom, right};
        return insets;
    }
    

    类似这样写就可以实现btn3的效果

    button3.imageEdgeInsets = UIEdgeInsetsMake(0, 60, 0, 0);
     button3.titleEdgeInsets = UIEdgeInsetsMake(0, 0, 0, 40);
    

    2、让按钮文字居左或居右

    button3.titleLabel.textAlignment = NSTextAlignmentLeft; 
    

    这行代码是没有效果的,无法改变按钮文字的对齐方式,使用下面代码修改按钮文字对齐方式:

    button3.contentHorizontalAlignment = UIControlContentHorizontalAlignmentLeft;
    button3.contentHorizontalAlignment = UIControlContentHorizontalAlignmentRight;
    

    3、按钮加载网络图片

    使用SDWebImage来异步加载网络图片(以前只知道imageview用它加载网络图片,不知道按钮也可以,记录一下,简直太小白了):

    [button3 sd_setImageWithURL:[NSURL URLWithString:url] forState:0];
    [button3 sd_setBackgroundImageWithURL:[NSURL URLWithString:url] forState:0];
    

    尽量不要用下面这种方式加载网络图片,同步加载容易卡线程:

    [button3 setImage:[UIImage imageWithData:[NSData dataWithContentsOfURL:[NSURL URLWithString:url]]] forState:0];
    

    4、按钮文字设置富文本

    NSMutableAttributedString *str = [[NSMutableAttributedString alloc] initWithString: button3.currentTitle];
        NSRange range = [button3.currentTitle rangeOfString:@"关注"];
        NSDictionary *dic = @{NSForegroundColorAttributeName:UIColorFromRGB(0x818080),NSFontAttributeName:kFont(12)};
        [str addAttributes:dic range:range];
        [button3 setAttributedTitle:str forState:0];//0是normal状态
    

    5、按钮文字倾斜

    //有时候某些需求需要设置文字为斜体加粗

    //百度搜到这个,设置后斜体貌似不明显,反正我没看出来
    button3.titleLabel.font = [UIFont fontWithName:@"TrebuchetMS-Bold" size:20];
    //然后又试了这个,这个好使
    CGAffineTransform matrix = CGAffineTransformMake(1, 0, tanf(-15 * (CGFloat)M_PI / 180), 1, 0, 0);//-15向右倾斜15度 要倾斜多少度看自己喜欢啦
        button3.transform = matrix;
    

    本文记录的功能都比较简单,入门级的,记性不好记录一下方便以后查找,有错误的话请指正,以后再用到其他相关功能也会继续更新。

    相关文章

      网友评论

      本文标题:UIButton使用技巧总结

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