iOS按钮设置图片在上文字在下
来源:互联网 发布:登陆淘宝账户 编辑:程序博客网 时间:2024/05/06 00:21
转自:http://victorchee.github.io/blog/button-layout-with-image-and-title/
如何布局包含Image和Title的UIButton
UIButton中的titleEdgeInsets和imageEdgeInsets可以管理button中image和title的布局。 如果对其理解不够深入,用纯数字进行布局管理,经过不断的调试,还是能试出来的,但是如果改变了图片大小或文字长度,又要再来一遍。 作为程序猿,我们不应该放弃任何一个偷懒的机会。
- 默认情况下,是图片在左,文字在右,垂直居中显示,如下图:
button.titleEdgeInsets = UIEdgeInsetsZero;button.imageEdgeInsets = UIEdgeInsetsZero;
- 设置如下布局后,图片和文字都居中显示。
button.titleEdgeInsets = UIEdgeInsetsMake(0, -button.imageView.frame.size.width, 0, 0);// button.imageEdgeInsets = UIEdgeInsetsMake(0, 0, 0, -button.titleLabel.frame.size.width);// 由于iOS8中titleLabel的size为0,用上面这样设置有问题,修改一下即可button.imageEdgeInsets = UIEdgeInsetsMake(0, 0, 0, -button.titleLabel.intrinsicContentSize.width);
- 如果想图片在上,文字在下,水平居中显示,则按下面设置即可:
button.titleEdgeInsets = UIEdgeInsetsMake(0, -button.imageView.frame.size.width, -button.imageView.frame.size.height, 0);// button.imageEdgeInsets = UIEdgeInsetsMake(-button.titleLabel.frame.size.height, 0, 0, -button.titleLabel.frame.size.width);// 由于iOS8中titleLabel的size为0,用上面这样设置有问题,修改一下即可button.imageEdgeInsets = UIEdgeInsetsMake(-button.titleLabel.intrinsicContentSize.height, 0, 0, -button.titleLabel.intrinsicContentSize.width);
如果觉得图片和文字离的太近了,稍微分开一点:
CGFloat offset = 40.0f;button.titleEdgeInsets = UIEdgeInsetsMake(0, -button.imageView.frame.size.width, -button.imageView.frame.size.height-offset/2, 0);// button.imageEdgeInsets = UIEdgeInsetsMake(-button.titleLabel.frame.size.height-offset/2, 0, 0, -button.titleLabel.frame.size.width);// 由于iOS8中titleLabel的size为0,用上面这样设置有问题,修改一下即可button.imageEdgeInsets = UIEdgeInsetsMake(-button.titleLabel.intrinsicContentSize.height-offset/2, 0, 0, -button.titleLabel.intrinsicContentSize.width);
- 文字左对齐,图片右对齐
button.titleEdgeInsets = UIEdgeInsetsMake(0, -button.imageView.frame.size.width - button.frame.size.width + button.titleLabel.intrinsicContentSize.width, 0, 0); button.imageEdgeInsets = UIEdgeInsetsMake(0, 0, 0, -button.titleLabel.frame.size.width - button.frame.size.width + button.imageView.frame.size.width);
阅读全文
1 0
- iOS按钮设置图片在上文字在下
- iOS按钮设置图片在上文字在下
- iOS UIButton按钮图片在上文字在下
- 按钮图片在上文字在下
- IOS 初学 runtime 自定义Button实现按钮图片在上文字在下
- 自定义一个图片在上,文字在下的按钮
- UIButton设置图片在上 文字在下的方法
- 自定义RadioButton 文字在下,图片在上
- 自定义RadioButton 文字在下,图片在上
- 自定义RadioButton 文字在下,图片在上 .
- 自定义UIButton,文字图片位置设置 例:图片在上文字在下
- 【iOS】UIButton 图标在上文字在下
- IOS 利用 runtime 实现UIButton图片在上和文字在下
- swift 自定义UIButton 图片在上 文字在下
- 实用知识:UIButton 图片在上文字在下
- iOS Button 按钮 设置图片在文字的右边
- iOS实战演练之——封装图片在上文字在下的button以及相关问题
- 实现LIstView图标在上文字在下
- storyboard autolayout 约束距底部空间跳动问题
- 欢迎使用CSDN-markdown编辑器
- CSS之中间固定两边自适应宽度
- opendaylight实现无线路由连接 -2
- 1.数组初始化
- iOS按钮设置图片在上文字在下
- linux下编译安装libcurl(附使用示例)
- web中常见的状态码
- 二元函数泰勒公式
- jdk动态代理原理
- jenkins控制台输出中文乱码解决方法
- Eclipse开发Android应用程序入门
- js实现类似java中String.format的函数
- html5 对话列表样式