iOS_按钮文字图片任意布局,随意定制

导读

按钮是应用中最常见的,最基本的一个控件。
按钮的样式多种多样,系统默认样式为左右结构,图片在左边,文字在右边。系统按钮完全无法满足开发的需求,我们只能自己定制出想要的样式。

在这里分享一个自定义按钮,文字图片位置随意定制的demo给大家。源码地址:https://github.com/HelloYeah/YLButton
欢迎Star,赠人玫瑰,手有余香!!

酷我音乐中的部分按钮

111338042-817ea921d9796d98

121338042-cf9d82df2e0d0fb2

  • 图片文字,上下左右,C2 * C2 = 4,文字在图片内部的按钮,在酷我音乐中没找到,但实际上也是有的,光布局样式至少有5种。每种布局样式,文字图片大小尺寸位置也不尽相同。

实现方法

重写下面两个方法,返回正确的布局即可。

虽然可以实现,每个按钮都重写一遍,一个项目中那需要自定义多个按钮,每个都算一下布局。这是有多无聊和痛苦,有什么好的办法可以一劳永逸,适用所有的样式吗?答案是肯定的!

先上效果图

131338042-504fe24debf21f2e

自定义按钮.gif

外界调用

1.xib创建

151338042-8933694effc64083

2.纯代码创建

实现原理

1.先看.h文件

2.实现.m文件

总结

有没有一种快刀斩乱麻的感觉,有没有感觉很好用,欢迎Star。
源码地址:https://github.com/HelloYeah/YLButton

补充

评论里很多人认为用分类来实现更好一些。
那我说说我的看法,分类和继承在这里没有明显的优劣差别。但分类的实现明显要复杂一些,首先要给titleRect,imageRect设置属性关联,其次需要交换方法,把titleRectForContentRect:和 imageRectForContentRect:替换掉(runtime交换方法) 或者 直接覆盖掉(覆盖系统方法,隐患较大,不建议。)
那在使用的时候有什么差别呢,毋庸置疑,分类和继承都需要导入头文件,继承,需要创建YLButton对象,而分类直接创建系统的UIButton即可。分类使用的时候可以直接拖到项目中去,继承的话一般都会改下类的前缀再使用。
有兴趣的朋友可以自己用分类实现一下,难度不大。

1 3 收藏 评论

相关文章

可能感兴趣的话题



直接登录
跳到底部
返回顶部