storyboard之设置button图像跟文字的位置+代码调整

storyboard之设置button图像和文字的位置+代码调整

一个button有 image和 backgroundImage 他们有何区别?

区别就是 1.image从区域来说,默认是处在button的中心的只会占据 Button一小部分的imageView;而backgroundImage则会会填充整个Button在最后显示;

                2.如果创建的button是system那么默认的setImage可能是无法正常使用的,会出现蓝色底的现象,所以 如果大家使用storyboard创建后者手动编写代码时,注意把button的类型设置为custom的

               3.setImage这个对应的imageView是可以调整它在button中的位置的;

本文提供两种方法:

1.使用storyboard

(1)调整title/或者image:

在 inspector/属性栏选择 Edge即可选择image或则title来调整位置

inset 的四个  值则分别可以调整 image/button的位置

如下图:

   

更改inset之后,效果如下:

下一篇:使用代码调整button的image和title位置