最好用的安卓按钮(3)

news2024/10/5 16:30:44

属性解释

按钮文字
app:text=“床前明月光”
按钮文字颜色
app:textColor=“@color/color_white”
按钮文字大小
app:textSize=“22sp”
按钮背景颜色
app:color_normal=“@color/color_accent”

0x2 单独设置每个圆角

效果

代码

<top.androidman.SuperButton
android:layout_width=“match_parent”
android:layout_height=“60dp”
android:layout_margin=“20dp”
app:color_normal=“@color/color_6596ff”
app:corner=“40dp”
app:corner_left_bottom=“0dp”
app:text=“单独设置左下角为0dp”
app:textColor=“@color/color_white”
app:textSize=“22sp” />

属性解释

单独设置左下角角度
app:corner_left_bottom=“0dp”
单独设置左上角角度
app:corner_left_top=“5dp”
单独设置右上角角度
app:corner_right_top=“22dp”
单独设置右下角角度
app:corner_right_bottom=“0dp”
按钮四个角的圆角角度
app:corner=“10dp”

注意：单独设置角度会覆盖corner属性

0x3 Selector

效果

代码

<top.androidman.SuperButton
android:layout_width=“match_parent”
android:layout_height=“60dp”
android:layout_margin=“20dp”
android:onClick=“test”
app:color_normal=“@color/color_accent”
app:color_pressed=“@color/color_ffB419”
app:corner=“10dp”
app:text=“点击会变色哦”
app:textColor=“@color/color_white”
app:textSize=“22sp” />

属性解释

当按钮点下时会显示设置的颜色效果
app:color_normal=“@color/color_accent”

0x4 圆形按钮

效果

代码

<top.androidman.SuperButton
android:layout_width=“160dp”
android:layout_height=“160dp”
android:layout_margin=“20dp”
android:onClick=“test”
app:color_normal=“@color/color_accent”
app:drawable_middle=“@mipmap/icon_like”
app:drawable_middle_height=“50dp”
app:drawable_middle_width=“50dp”
app:shape=“CIRCLE” />

属性解释

按钮上只有图标没有文字
app:drawable_middle=“@mipmap/icon_like”
按钮上图标高度
app:drawable_middle_height=“50dp”
按钮上图标宽度
app:drawable_middle_width=“50dp”

注意：当设置此属性时，文字的相关属性将会失效

0x5 渐变背景的按钮

效果

代码

<top.androidman.superbutton.SuperButton
android:layout_width=“match_parent”
android:layout_height=“60dp”
android:layout_margin=“20dp”
app:color_direction=“RIGHT_LEFT”
app:color_end=“@color/color_14c7de”
app:color_start=“@color/color_red”
app:corner=“20dp”
app:text=“从右到左渐变”
app:textColor=“@color/color_white”
app:textSize=“22sp” />

属性解释

开始颜色
app:color_start=“@color/color_14c7de”
结束颜色
app:color_end=“@color/color_red”
颜色渐变方向
app:color_direction=“RIGHT_LEFT”
TOP_BOTTOM 从上到下
BOTTOM_TOP 从下到上
LEFT_RIGHT 从左到右
RIGHT_LEFT 从右到左
TR_BL 从右上到左下
BL_TR 从左下到右上
BR_TL 从右下到左上
TL_BR 从左上到右下

注意：当设置颜色渐变时，color_normal，color_pressed设置将失效

0x6 有边框按钮

效果

代码

<top.androidman.SuperButton
android:layout_width=“match_parent”
android:layout_height=“60dp”
android:layout_margin=“20dp”
app:border_color=“@color/color_red”
app:border_width=“2dp”
app:color_normal=“@color/color_accent”
app:corner=“10dp”
app:text=“@string/poetry_1”
app:textColor=“@color/color_white”
app:textSize=“22sp” />

属性解释

边框宽度
app:border_width=“2dp”
边框颜色
app:border_color=“@color/color_red”

0x7 按钮不可点击

效果

代码

<top.androidman.SuperButton
android:layout_width=“match_parent”
android:layout_height=“60dp”
android:layout_margin=“20dp”
android:onClick=“test”
app:button_click_able=“false”
app:color_normal=“@color/color_accent”
app:corner=“10dp”
app:singleLine=“false”
app:text=“app:button_click_able=false\n也可以代码设置”
app:textColor=“@color/color_white”
app:textSize=“22sp” />

属性解释

按钮是否可以点击，默认为true可以点击
app:button_click_able=“false”
按钮文字是否单行，默认为true单行
app:singleLine=“false”

注意：按钮提供有方法对点击事件进行控制，请参考高级使用里面相关方法

0x8 带图标按钮

效果

代码

<top.androidman.superbutton.SuperButton
android:layout_width=“match_parent”
android:layout_height=“60dp”
android:layout_margin=“20dp”
app:color_normal=“@color/color_red”
app:corner=“20dp”
app:drawable_padding=“20dp”
app:drawable_right=“@mipmap/icon_like”
app:text=“图标在右边”
app:textColor=“@color/color_white”
app:textSize=“22sp” />