您的位置:首页 > 产品设计 > UI/UE

UIButton的imageEdgeInsets和titleEdgeInsets

2016-02-26 17:26 218 查看

1、UIButton上有两个控件,UIImageView和UILabel,用来显示图片(不是背景图片)和文字。

为了方便,我用image.width,代表image的宽度label.width代表label的宽度

默认情况下,image在label的左边,他俩居中显示在button的中间,这个可以通过button的contentHorizontalAlignment属性来改变他俩的居中方式

当button.width >= image.witdh + label.width时,上面的默认情况成立

当(button.width < image.width + label.width)&&(button.width >=image.width)时,image正常显示,label会部分显示或不显示

当(button.width < image.width)&&(button.width < image.width)时,图片会被压缩显示

2、imageEdgeInsets和titleEdgeInsets的使用

Insets的使用是按着逆时针用的,即是个参数分别代表上、左、下、右,与网页上的布局相反,网页上的布局是顺时针。

注意向左、向上移动image或者label,参数是负数,向右、向下移动,参数是正数
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: