UIButton的Image和Title的布局
来源:互联网 发布:编程语言使用排行 编辑:程序博客网 时间:2024/05/07 16:10
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);
0 0
- UIButton的Image和Title的布局
- UIButton的Image和Title的布局
- 如何布局包含Image和Title的UIButton
- UIButton 设置 image 和 title 的布局问题
- UIButton 的 image 和title 位置设置
- 自定义UIButton的title和image位置
- UIButton 调整title和image的位置
- 关于UIButton的IMAGE和TITLE的共存
- [iOS]详解调整UIButton的title和image的位置
- iOS-调整UIButton的title和image的位置
- 详解调整UIButton的title和image的位置
- UIButton上image和title的位置调整
- UIButton不能实现image和title共存的问题
- UIButton通过UIEdgeInsetsMake设置image和title的位置
- iOS 自定义UIButton的title和image位置
- iOS自定义UIButton的Image和Title位置
- 使用UIButton设置title和image,达到tabBarItem的效果
- uibutton 修改title在image 的左面
- opencv 相关
- 数据库高可用架构(MySQL、Oracle、MongoDB、Redis)
- [Leetcode]Longest Palindromic Substring
- SQL创建函数不成功的问题-log_bin_trust_function_creators参数研究
- 【反思】:反思之计网考试前
- UIButton的Image和Title的布局
- JSON序列化与反序列化没有任何格式或空格缩进的对象
- dom4j
- Bonfire: Check for Palindromes 答案
- 多行文本溢出显示省略号(…)全攻略
- vc window style
- webSocket应用:同步html5画布
- Xcode查看、下载、替换APP沙盒数据
- java—连接池 C3p0 DBCP