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

android xml实现按钮的圆角、阴影效果以及按下变化效果,第1张

概述前言5个xml文件实现按钮的圆角、阴影效果以及按下变化效果实现drawable/shape.xml<?xmlversion="1.0"encoding="utf-8"?><shapexmlns:android="http://schemas.android.com/apkes/android"><!--圆角--><cornersandroi 前言

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"?><@R_550_3419@ 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></@R_550_3419@>

drawable/shadowpress.xml
<?xml version="1.0" enCoding="utf-8"?><@R_550_3419@ 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></@R_550_3419@>

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"  />

效果动态图

总结

以上是内存溢出为你收集整理的android xml实现按钮的圆角、阴影效果以及按下变化效果全部内容,希望文章能够帮你解决android xml实现按钮的圆角、阴影效果以及按下变化效果所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/1002414.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-22
下一篇2022-05-22

发表评论

登录后才能评论

评论列表(0条)

    保存