android xml實(shí)現(xiàn)按鈕的圓角、陰影效果及按下變化效果的實(shí)現(xiàn)代碼

更新時間：2021年05月24日 09:48:56 作者：RightStar_

這篇文章主要介紹了android xml實(shí)現(xiàn)按鈕的圓角、陰影效果以及按下變化效果,通過五個xml文件實(shí)現(xiàn)按鈕的圓角陰影效果，代碼也很簡單，需要的朋友可以參考下

前言

5個xml文件實(shí)現(xiàn) 按鈕的圓角、陰影效果以及按下變化效果

實(shí)現(xiàn)

drawable/shape.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <!-- 圓角 -->
    <corners
        android:radius="8dp"
        android:topLeftRadius="5dp"
        android:topRightRadius="5dp"
        android:bottomLeftRadius="5dp"
        android:bottomRightRadius="5dp"/><!-- 設(shè)置圓角半徑 -->
    
    <!-- 間隔 -->
    <padding
        android:left="2dp"
        android:top="2dp"
        android:right="2dp"
        android:bottom="2dp"/><!-- 各方向的間隔 -->
    
    <!-- 大小 -->
    <size
        android:width="50dp"
        android:height="50dp"/><!-- 寬度和高度 -->
    
    <!-- 填充 -->
    <solid
        android:color=" #FF03A9F4"/><!-- 填充的顏色 -->
</shape>

drawable/shapepress.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <!-- 圓角 -->
    <corners
        android:radius="8dp"
        android:topLeftRadius="5dp"
        android:topRightRadius="5dp"
        android:bottomLeftRadius="5dp"
        android:bottomRightRadius="5dp"/><!-- 設(shè)置圓角半徑 -->

    <!-- 間隔 -->
    <padding
        android:left="2dp"
        android:top="2dp"
        android:right="2dp"
        android:bottom="2dp"/><!-- 各方向的間隔 -->

    <!-- 大小 -->
    <size
        android:width="50dp"
        android:height="50dp"/><!-- 寬度和高度 -->

    <!-- 填充 -->
    <solid
        android:color="#FF7AD1F8"/><!-- 填充的顏色 -->
</shape>

drawable/shadow.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!--第一層陰影-->
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#21000000" />
            <corners android:radius="8dp"
                android:topLeftRadius="5dp"
                android:topRightRadius="5dp"
                android:bottomLeftRadius="5dp"
                android:bottomRightRadius="5dp" />
            <!-- 大小 -->
            <size
                android:width="50dp"
                android:height="50dp"/><!-- 寬度和高度 -->
        </shape>
    </item>
    <!--第二層前景-->
    <item
        android:bottom="2dp"
        android:right="3dp"
        android:drawable="@drawable/shape"
        >
    </item>
</layer-list>

drawable/shadowpress.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!--第一層陰影-->
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#0E000000" />
            <corners android:radius="8dp"
                android:topLeftRadius="5dp"
                android:topRightRadius="5dp"
                android:bottomLeftRadius="5dp"
                android:bottomRightRadius="5dp" />
            <!-- 大小 -->
            <size
                android:width="50dp"
                android:height="50dp"/><!-- 寬度和高度 -->
        </shape>
    </item>
    <!--第二層前景-->
    <!--第二層前景-->
    <item
        android:bottom="2dp"
        android:right="3dp"
        android:drawable="@drawable/shapepress"
        >
    </item>
</layer-list>

在這里插入圖片描述

drawable/button_style.xml

<?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/shadowpress"  />
    <!-- 默認(rèn)時的背景圖片-->
    <item android:drawable="@drawable/shadow" />
</selector>

activity_main.xml中引入

<Button
  android:id="@+id/button9"
  android:onClick="pushNumber"
  android:text="9"
  android:background="@drawable/button_style"
  android:textColor="@color/colorWhite"
  android:layout_margin="5dp"
  />

效果動態(tài)圖

在這里插入圖片描述

以上就是android xml實(shí)現(xiàn)按鈕的圓角、陰影效果以及按下變化效果的詳細(xì)內(nèi)容，更多關(guān)于android按鈕按下變化效果的資料請關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章:

相關(guān)文章

這篇文章主要介紹了詳解Android 8.0以上系統(tǒng)應(yīng)用如何?；?，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-08-08

Kotlin開發(fā)筆記之委托屬性與區(qū)間（譯）

最近在學(xué)習(xí)kotlin，發(fā)現(xiàn)了一些比較重要的知識點(diǎn)，所以下面這篇文章主要給大家介紹了關(guān)于Kotlin開發(fā)筆記之委托屬性與區(qū)間的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來一起看看吧。

2017-12-12