ios开发 自定义btn_iOS一步步实现一个高度自定义UIButton控件

=-=.jpg

需求背景

日常开发中UIButton的图片与标题默认的布局是固定的，是在水平方向左右排列。但是我们会经常需要更改image和title的位置来实现需求，这是个很常见的需求就不多说了。所以下面就来谈谈如何一步步的实现一个高度自定义的UIButton控件。

实现思路

默认情况下，在button有固定的宽高值的时候，image和title是以相对左右排列，整体居中于button来显示的，如果没有固定的宽高值，即大小自适应的情况下，整个UIButton将自动缩放到刚好可以容纳image和title的大小。如图所示：

自适应大小.png

了解UIButton的各个属性

在准备自定义之前，我们需要了解UIButton的各个属性都是怎么运用和实现的，因为要修改title和image的位置与这些属性是密不可分的。

因为这些都是基本的开发知识，我就不再过多叙述，分别以图片来展示效果：

UIControlContentVerticalAlignment

UIControlContentVerticalAlignment各种效果.png

UIControlContentHorizontalAlignment

UIControlContentHorizontalAlignment各种效果.png

通过上面两张图可以清楚地看到UIControlContentVerticalAlignment和UIControlContentHorizontalAlignment在不同值下的效果，灰色背景的就是一个button的实际大小，center就是系统默认的值，明显的在两种fill值下，图片都出现了拉伸的情况，而且在水平fill下，图片并没有像垂直情况下水平铺满整个控件，image和title还重叠到了一起去。

UIEdgeInsets

UIButton的另一个重要的属性就是这个了，称之为偏移量，他分别有cont