脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → Android → android按钮按下变化效果

android xml实现按钮的圆角、阴影效果及按下变化效果的实现代码

 更新时间：2021年05月24日 09:48:56   作者：RightStar_  
这篇文章主要介绍了android xml实现按钮的圆角、阴影效果以及按下变化效果,通过五个xml文件实现按钮的圆角阴影效果，代码也很简单，需要的朋友可以参考下

前言

5个xml文件实现 按钮的圆角、阴影效果以及按下变化效果

实现

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"/><!-- 设置圆角半径 -->
    
    <!-- 间隔 -->
    <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"/><!-- 设置圆角半径 -->

    <!-- 间隔 -->
    <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>

1

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"  />
    <!-- 默认时的背景图片-->
    <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"
  />

1

效果动态图

在这里插入图片描述

以上就是android xml实现按钮的圆角、阴影效果以及按下变化效果的详细内容，更多关于android按钮按下变化效果的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

相关文章

  • 详解Android 8.0以上系统应用如何保活

    详解Android 8.0以上系统应用如何保活

    这篇文章主要介绍了详解Android 8.0以上系统应用如何保活，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • Kotlin开发笔记之委托属性与区间（译）

    Kotlin开发笔记之委托属性与区间（译）

    最近在学习kotlin，发现了一些比较重要的知识点，所以下面这篇文章主要给大家介绍了关于Kotlin开发笔记之委托属性与区间的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面来一起看看吧。
    2017-12-12
  • Android Studio导入第三方类库的方法

    Android Studio导入第三方类库的方法

    这篇文章主要介绍了Android Studio导入第三方类库的方法，导入*.jar包、导入第三方java类库含源码包以及aar的引入，需要的朋友可以参考下
    2016-07-07
  • Android9.0 SystemUI 网络信号栏定制修改的流程解析

    Android9.0 SystemUI 网络信号栏定制修改的流程解析

    这篇文章主要介绍了Android9.0 SystemUI 网络信号栏定制修改的流程，本文通过图文实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-11-11
  • Android获取联系人头像的方法

    Android获取联系人头像的方法

    这篇文章主要介绍了Android获取联系人头像的方法,结合实例形式分析了Android调用联系人头像的相关操作技巧,涉及Bitmap对象及ImageView的使用方法,需要的朋友可以参考下
    2016-08-08
  • Android连接服务器端的Socket的实例代码

    Android连接服务器端的Socket的实例代码

    这篇文章主要介绍了Android连接服务器端的Socket的实例代码,需要的朋友可以参考下
    2017-05-05
  • Android 扫描附近的蓝牙设备并连接蓝牙音响的示例

    Android 扫描附近的蓝牙设备并连接蓝牙音响的示例

    本篇文章主要介绍了Android 扫描附近的蓝牙设备并连接蓝牙音响的示例，具有一定的参考价值，有兴趣的可以了解一下
    2017-09-09
  • Android形状图形与状态列表图形及九宫格图片超详细讲解

    Android形状图形与状态列表图形及九宫格图片超详细讲解

    这篇文章主要介绍了Android形状图形与状态列表图形及九宫格图片的应用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧
    2022-09-09
  • 如何利用Flutter实现酷狗流畅Tabbar效果

    如何利用Flutter实现酷狗流畅Tabbar效果

    这篇文章主要给大家介绍了关于如何利用Flutter实现酷狗流畅Tabbar效果的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2022-02-02
  • Android仿美团分类下拉菜单实例代码

    Android仿美团分类下拉菜单实例代码

    这篇文章主要为大家详细介绍了Android仿美团分类下拉菜单实例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-05-05

最新评论