iOS 之 自定义按钮UIButton

简介: iOS 之 自定义按钮UIButton

iOS 之 自定义按钮UIButton


按钮默认是图片在左边,文字在右边的

但是我们经常需要的按钮是:

1:图片在上,文字在下

2:文字在左,图片在右

3:文字在上,图片在下

这三种类型,其实原理都是一样的。只需要改变UIbutton里面的子控件就可以了.

那就截图给大家看怎么实现。

第一步:继承UIButton

a93509423ccee6f86acb673b3acf48d0.png

Snip20160727_13.png

第二步:重写layoutSubviews 重写排布一下UIButton 里面的子控件titleLabel和imageView 的位置 特别注意一定要调用 super layoutSubviews ,注意:这里我给UIView添加了一个分类,所以直接拿到X Y W(宽) H(高),有时间教大家写一下分类。

9969886ef2821fcd82a08d9aee512b9d.png

Snip20160727_14.png

第三步:给按钮设一些基本的初始化,比如按钮背景颜色,按钮文字颜色等等

fef84780235da2091671538caab6788d.png

Snip20160727_15.png

第四部:导入头文件,然后使用就可以了这样创建出来按钮就是图片在上,文字在下

aff431c82d56ec1c91f5507b3f7f524d.png

Snip20160727_16.png

5a0597234eb49c79aa12be9a61eb066e.png

Snip20160727_18.png

看一下效果图:

d3b9a1f6a39339e9a73b51d57a2b5435.png

Snip20160728_1.png


当然 如果需要文字在左边,图片在右边,

文字在上,图片在下,这些情况,就只需要在layoutSubviews 重写排布一下UIButton 里面的子控件titleLabel和imageView 的位置 特别注意一定要调用 super layoutSubviews 就可以了


相关文章
|
23天前
|
iOS开发 UED
实现一个自定义的iOS动画效果
【4月更文挑战第9天】本文将详细介绍如何在iOS平台上实现一个自定义的动画效果。我们将通过使用Core Animation框架来实现这个动画效果,并展示如何在不同的场景中使用它。文章的目标是帮助读者理解如何使用Core Animation框架来创建自定义动画,并提供一个简单的示例代码。
15 1
|
8月前
|
iOS开发
iOS多线程之NSOperationQueue-依赖、并发数、优先级、自定义Operation等最全的使用总结
iOS多线程之NSOperationQueue-依赖、并发数、优先级、自定义Operation等最全的使用总结
223 0
|
8月前
|
API iOS开发
iOS 自定义转场动画 UIViewControllerTransitioning
iOS 自定义转场动画 UIViewControllerTransitioning
49 0
|
9月前
|
Swift iOS开发
iOS 13 之后自定义 Window 不显示解决 (SceneDelegate)
iOS 13 之后自定义 Window 不显示解决 (SceneDelegate)
258 0
|
Linux iOS开发 开发者
WIN11自定义版本ios镜像下载教程
WIN11自定义版本ios镜像下载教程
WIN11自定义版本ios镜像下载教程
|
API iOS开发 Perl
ios UIButton点击快捷回调
ios UIButton点击快捷回调
|
API iOS开发 Perl
iOS UIButton图文混排快捷显示
iOS UIButton图文混排快捷显示
iOS UIButton图文混排快捷显示
|
API iOS开发 Perl
iOS UIButton倒计时、指示器、粒子效果
iOS UIButton倒计时、指示器、粒子效果
iOS UIButton倒计时、指示器、粒子效果
|
API iOS开发 Perl
iOS UISlider自定义渐变色滑杆
iOS UISlider自定义渐变色滑杆
iOS UISlider自定义渐变色滑杆
|
API iOS开发 Perl
iOS UILabel自定义位置
iOS UILabel自定义位置
iOS UILabel自定义位置