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 就可以了


相关文章
|
iOS开发
iOS MFMessageComposeViewController不显示取消按钮,导航条上白色,无取消按钮,无法返回应用...
iOS MFMessageComposeViewController不显示取消按钮,导航条上白色,无取消按钮,无法返回应用...
64 0
|
6月前
|
iOS开发 UED
实现一个自定义的iOS动画效果
【4月更文挑战第9天】本文将详细介绍如何在iOS平台上实现一个自定义的动画效果。我们将通过使用Core Animation框架来实现这个动画效果,并展示如何在不同的场景中使用它。文章的目标是帮助读者理解如何使用Core Animation框架来创建自定义动画,并提供一个简单的示例代码。
52 1
|
14天前
|
Swift iOS开发 UED
如何使用Swift和UIKit在iOS应用中实现自定义按钮动画
本文通过一个具体案例,介绍如何使用Swift和UIKit在iOS应用中实现自定义按钮动画。当用户点击按钮时,按钮将从圆形变为椭圆形,颜色从蓝色渐变到绿色;释放按钮时,动画以相反方式恢复。通过UIView的动画方法和弹簧动画效果,实现平滑自然的过渡。
29 1
|
23天前
|
Swift iOS开发 UED
如何使用Swift和UIKit在iOS应用中实现自定义按钮动画
【10月更文挑战第18天】本文通过一个具体案例,介绍如何使用Swift和UIKit在iOS应用中实现自定义按钮动画。当用户按下按钮时,按钮将从圆形变为椭圆形并从蓝色渐变为绿色;释放按钮时,动画恢复原状。通过UIView的动画方法和弹簧动画效果,实现平滑自然的动画过渡。
43 5
|
30天前
|
Swift iOS开发 UED
实现一个自定义的iOS动画效果
本文介绍如何使用Swift和UIKit在iOS应用中实现一个自定义按钮动画,当按钮被点击时,其颜色从蓝色渐变为绿色,形状从圆形变为椭圆形,释放后恢复原状。通过UIView动画方法实现这一效果,代码示例展示了动画的平滑过渡和状态切换,有助于提升应用的视觉体验和用户交互。
49 1
|
2月前
|
Swift iOS开发 UED
揭秘一款iOS应用中令人惊叹的自定义动画效果,带你领略编程艺术的魅力所在!
【9月更文挑战第5天】本文通过具体案例介绍如何在iOS应用中使用Swift与UIKit实现自定义按钮动画,当用户点击按钮时,按钮将从圆形变为椭圆形并从蓝色渐变到绿色,释放后恢复原状。文中详细展示了代码实现过程及动画平滑过渡的技巧,帮助读者提升应用的视觉体验与特色。
61 11
|
3月前
|
Swift iOS开发 UED
【绝妙创意】颠覆你的视觉体验!揭秘一款iOS应用中令人惊叹的自定义动画效果,带你领略编程艺术的魅力所在!
【8月更文挑战第13天】本文通过一个具体案例,介绍如何使用Swift与UIKit在iOS应用中创建独特的按钮动画效果。当按钮被按下时,其形状从圆形变化为椭圆形,颜色则从蓝色渐变为绿色;释放后,动画反向恢复原状。利用UIView动画方法及弹簧动画效果,实现了平滑自然的过渡。通过调整参数,开发者可以进一步优化动画体验,增强应用的互动性和视觉吸引力。
51 7
|
6月前
|
iOS开发
iOS13.6.1系统XR手机图文按钮显示不全问题
iOS13.6.1系统XR手机图文按钮显示不全问题
64 0
|
6月前
按钮的image图片是非圆角,直接对UIButton设置圆角,iOS13系统没有圆角效果的问题及解决方案
按钮的image图片是非圆角,直接对UIButton设置圆角,iOS13系统没有圆角效果的问题及解决方案
48 0
|
iOS开发
iOS多线程之NSOperationQueue-依赖、并发数、优先级、自定义Operation等最全的使用总结
iOS多线程之NSOperationQueue-依赖、并发数、优先级、自定义Operation等最全的使用总结
465 0