Android button自定义样式显示

最新推荐文章于 2024-08-15 10:43:01 发布

android_cmos

最新推荐文章于 2024-08-15 10:43:01 发布

阅读量1.8k

点赞数

分类专栏： Android 文章标签： android ui

本文链接：https://blog.csdn.net/android_cmos/article/details/51045889

版权

本文探讨了如何提升Android应用的UI吸引力，重点讲解了如何自定义Button的显示。通过XML文件设置属性，如添加android:background="@drawable/bt_style_bg"，可以实现圆角或圆形背景。此外，还介绍了自定义形状、颜色、图样的按钮实现步骤，包括设计不同状态的图片和创建描述文件。最后，提到了9-patch图片背景技术，这是一种保证图片拉伸不失真的方法，并详细解释了如何制作9-patch图片。

摘要由CSDN通过智能技术生成

一个好的APP从直观上最能吸引用户的必定是好看的UI界面及良好的交互体验和特效，有时甚至连主要功能都是次要的！好吧，软件也到了拼脸的时代，主要看气质！

所以这篇文章就聊聊button的自定义显示，下一篇聊聊Android动画。

1.通过XML文件设置属性

定义后和未定义的对比

给button添加自定义的显示也非常简单，在button属性里加上android:background="@drawable/bt_style_bg" 其中最主要的是在drawable文件夹下的bt_style_bg.xml文件

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <!-- 被按下 -->
    <item android:state_pressed="true"><shape>

            <!-- 颜色渐变 startColor开始颜色，endColor结束颜色,angle开始渐变的角度（值只能为90的倍数，0时为左到右渐变，90时为下到上渐变，依次逆时针类推-->
            <gradient android:angle="270" android:endColor="#ADFF2F" android:startColor="#ADFF2F"/>
            <!-- 按钮边缘框 -->
            <stroke android:width="1dip" android:color="#f403c9" />
            <!-- 按钮圆角度 -->
            <corners android:radius="2dp" />
            <!-- 按钮文字和边缘距离(内边距) -->
            <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />
        </shape></item>

    <!-- 获取焦点 -->
    <item android:state_focused="true"><shape>
            <gradient android:angle="270" android:endColor="#00ff00" android:startColor="#00ffff" />

            <stroke android:width="1dip" android:color="#f403c9" /