关于在AndroidStudio中自定义Button的样式

最新推荐文章于 2023-05-17 21:33:09 发布

MrOneside

最新推荐文章于 2023-05-17 21:33:09 发布

阅读量2.8w

点赞数 5

CC 4.0 BY-SA版权

分类专栏： Android 文章标签： Android Button XML

本文链接：https://blog.youkuaiyun.com/riskys/article/details/52386318

Android 专栏收录该内容

17 篇文章

订阅专栏

本文详细介绍了如何在Android Studio中自定义Button的样式。通过在res/drawable文件夹下创建XML文件定义样式，然后设置Button的背景为该XML文件，可以实现按钮样式的变化。例如，创建了一个名为button_style.xml的文件，使用<selector>标签结合android:state_pressed属性，定义了按钮按下和未按下的不同状态，并引用了相应的drawable资源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于自定义Button的样式，是在res/drawable文件夹下自定义一个xml文件，在xml文件中进行定义，然后通过将Button的backgroud改为定义的xml文件实现的。下面将进行详细介绍，并举例说明。

在res/drawable下新建一个button_style.xml文件，这个文件用于描述按钮的样式

[html]view plaincopy 
   
 <?xml version="1.0" encoding="utf-8"?>  
 <selector xmlns:android="http://schemas.android.com/apk/res/android" >  
     <item android:state_pressed="true" android:drawable="@drawable/btn_p"/>  
     <item android:state_pressed="false" android:drawable="@drawable/btn_n"/>  
 </selector> 

有很多样式可够选择：

在使用时，

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello" />
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/button_style"
/>
</LinearLayout>

这样就完成了简单的Button样式。

可以利用上述的参数设置完成一些很酷炫的按钮样式。

<?xml version="1.0" encoding="utf-8"?>
<selector
    xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <shape>
            <gradient android:startColor="#99CC33"
                android:endColor="#99CC33"
                android:angle="270" />
            <stroke android:width="1dip" android:color="#f403c9" />
            <corners android:radius="2dp" />
            <padding android:left="10dp" android:top="10dp"
                android:right="10dp" android:bottom="10dp" />
        </shape>
    </item>

    <item android:state_focused="true">
        <shape>
            <gradient android:startColor="#ffc2b7"
                android:endColor="#ffc2b7"
                android:angle="270" />
            <stroke android:width="1dip" android:color="#f403c9" />
            <corners android:radius="2dp" />
            <padding android:left="10dp" android:top="10dp"
                android:right="10dp" android:bottom="10dp" />
        </shape>
    </item>

    <item>
        <shape>
            <gradient android:startColor="#336633"
                android:endColor="#336633"
                android:angle="180" />
            <stroke android:width="1dip" android:color="#f403c9" />
            <corners android:radius="5dip" />
            <padding android:left="10dp" android:top="10dp"
                android:right="10dp" android:bottom="10dp" />
        </shape>
    </item>
</selector>