-
在xml布局里面按照设计稿的尺寸位置写一个Textview
-
按照设计稿规定的颜色和圆角在drawable目录下创建一个shape文件
-
将这个shape文件作为Textview的背景
这样一个很标准的按钮就诞生了,然后就可以继续愉快的开发了。这本来没有什么问题,也比让UI妹纸切图高级了很多,但是随着开发的进行你会发现,UI妹纸的想法很多,不同的界面有各种不同圆角和不同背景颜色的按钮,这个时候你需要把上面的三个步骤再进行N次。
最后你会发现你的drawable目录下有各种各样的按钮背景资源,难以管理。特别是假如有的按钮要求有点击效果时需要使用selector,这个时候可能就会产生三个文件用来满足需求,所以总得来说很繁琐。
想法
基于以上原因以及按钮使用的普遍程度,感觉很有必要写一个使用简单且能满足日常各种需求的按钮。我们先梳理下按钮需要达到的效果:
-
使用简单(即可以利用属性对按钮进行各种设置)
-
可以支持设置按钮文字、按钮文字颜色、按钮文字大小
-
可以支持统一设置圆角大小,也可以单独设置按钮每个圆角的大小
-
可以支持设置按钮背景颜色
-
可以支持selector
-
可以支持圆形按钮
-
可以支持渐变色按钮,可以支持各个方向设置渐变色
-
可以支持设置带边框的按钮,可以设置边框的颜色和宽度
-
可以支持设置按钮是否可以点击
-
可以设置带图标的按钮,支持自定义按钮大小,和自动缩放,图标支持设置在文字上下左右四个方向,支持自定义文字距离图标的距离
引入
implementation ‘top.androidman:superbutton:1.0.1’
实现效果
0x1 基本使用代码解释
效果
代码
<top.androidman.SuperButton
android:layout_width=“match_parent”
android:layout_height=“60dp”
android:layout_margin=“20dp”
app:color_normal=“@color/color_accent”
app:corner=“10dp”
app:text=“@string/poetry_1”
app:textColor=“@color/color_white”
app:textSize=“22sp” />
属性解释
-
按钮文字
app:text=“床前明月光” -
按钮文字颜色
app:textColor=“@color/color_white” -
按钮文字大小
app:textSize=“22sp” -
按钮背景颜色
app:color_normal=“@color/color_accent”
0x2 单独设置每个圆角
效果
代码
<top.androidman.SuperButton
and