iOS UIButton 图片和文字布局调整
2017-09-17 本文已影响914人
kingsic
image_icon.png
描述：
- a. 项目中经常会遇到图片在上，文字在下的这种布局样式（整体的布局你可以采用 UICollectionView，也可采用 for 循环创建 UIButton，但 UIButton 你需要自行处理）
- b. 之前我的做法是通过自定义 UIButton，在 -layoutSubviews 方法中，调整 imageView 与 titleLabel 的 frame
解决这种问题的方法大致有 3 种：
- a. 自定义一个视图，使用 UIImageView 和 UILabel 进行布局调整
- b. 自定义 UIButton，就像我之前一样，在 UIButton 的 - (void)layoutSubviews，方法中调整 imageView 与 titleLabel 的 frame 即可
- c. 调整 UIButton 的 imageEdgeInsets 与 titleEdgeInsets 属性即可
方法分析
- a. 第一种方案：我是压根不会采取的，很麻烦，完全没有必要这样做；苹果既然提供了 UIButton 且属性中有解决方案，为何还要麻烦呢？
- b. 第二种方案：我之前一直这样用的，但现在不想用了；很简单，还需要自定义 UIButton，在内部调整 imageView 与 titleLabel 的 frame；而我仅仅想调整一下 UIButton 的 imageView 与 titleLabel 布局而已，何必兴师动众的再去自定义一个 UIButton 呢？给 UIButton 添加一个分类，拓展一个方法，岂不是更好？
- c. 第三种方案：在开始解决问题之前，还是需要查阅一下资料，毕竟网友的力量是强大的且是我最好的老师。但经过一番查阅之后，所得到的资料都不是我想要的，我想要什么？满足三要素即可：最简单的思路、最简洁的代码、最高效的方法；而我搜索的博客以及 GitHub 上面的代码都不满足我的三要素，都不是我想要的那个梗。难道就没有了吗？这是不可能的，最后看到了这篇文章；我知道，我因为这个小问题查阅资料所花费的时间是值得的；对，没错，就是她
最后提供一下我的解决方案（前面都是废话，可以略去昂，😄😄）
先看一下效果图
屏幕快照 2017-09-18 下午10.19.58.png
分类的 .h 文件介绍
屏幕快照 2017-09-17 下午4.23.06.png
分类的 .m 文件介绍
屏幕快照 2017-09-17 下午4.23.39.png
看完源码是不是觉得很简单？对，就是很简单
END
1、小问题，都是小问题；你大可不必在意，但我在意了，在意之后就自己写了一篇关于 UIButton 调整 imageView 与 titleLabel 文章
2、GitHub下载地址 ，旨在为你编程的道路上提供更有效的解决方法
