美文网首页
iOS Button 上图下文效果过程拆解

iOS Button 上图下文效果过程拆解

作者: 恩莱客 | 来源:发表于2019-10-28 14:04 被阅读0次

UIEdgeInsetsMake使用:效果上图下文,间隙可调

当对一个button同时设置了image和title时,默认情况是:image向左移动了label的宽度,标题向左移动了图片的距离,接下来通过拆解的方式来理解EdgeInsets设置实现。

1. 居中
  [button setImageEdgeInsets:UIEdgeInsetsMake(0, 0, 0, -button.titleLabel.intrinsicContentSize.width)];
  [button setTitleEdgeInsets:UIEdgeInsetsMake(0, -button.currentImage.size.width, 0, 0)];
居中
2. 上移(类似于默认情况的水平移动)
    [button setImageEdgeInsets:UIEdgeInsetsMake(-button.titleLabel.intrinsicContentSize.height, 0, 0, -button.titleLabel.intrinsicContentSize.width)];
    [button setTitleEdgeInsets:UIEdgeInsetsMake(button.currentImage.size.height, -button.currentImage.size.width, 0, 0)];
上移
3. 20高度间隙
[button setTitleEdgeInsets:UIEdgeInsetsMake(button.currentImage.size.height + 20, -button.currentImage.size.width, 0, 0)];
间隙效果

相关文章

网友评论

      本文标题:iOS Button 上图下文效果过程拆解

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