直播系统app源码,渐变色按钮带阴影样式

直播系统app源码,渐变色按钮带阴影样式实现的相关代码

在drawable文件夹创建文件 bg_button_blue_gradient.xml,内容如下:

 

1
<br><?xml version="1.0" encoding="utf-8"?><br><layer-list xmlns:android="http://schemas.android.com/apk/res/android"><br><!-- 阴影 --><br>    <item<br>        android:bottom="0dp"<br>        android:left="0dp"<br>        android:right="0dp"<br>        android:top="0dp"><br>        <shape android:shape="rectangle"><br>            <!-- 阴影也可以弄成渐变的阴影,偷了懒,选了很浅的颜色#E7EDFE直接当阴影了,有耐心或者有UI图的,可以自己吸色做渐变 --><br>            <gradient<br>                android:angle="270"<br>                android:endColor="#E7EDFE"<br>                android:startColor="#E7EDFE"<br>                android:type="linear"/><br>            <corners<br>                android:bottomLeftRadius="@dimen/dp_60"<br>                android:bottomRightRadius="@dimen/dp_60"<br>                android:topLeftRadius="@dimen/dp_60"<br>                android:topRightRadius="@dimen/dp_60"/><br>        </shape><br>    </item><br><!-- 实心内容 bottom、left、right、top的距离就是阴影显示的范围,0就是没有阴影显示的范围--><br>    <item<br>        android:bottom="5dp" <br>        android:left="3dp"<br>        android:right="3dp"<br>        android:top="0dp"><br>        <shape android:shape="rectangle"><br>        <!-- 圆角,想要左右两边都是半圆型,大小就要与按钮的高度一样,我按钮高度为dp_60 --><br>            <corners android:topLeftRadius="@dimen/dp_60" android:topRightRadius="@dimen/dp_60"<br>                android:bottomLeftRadius="@dimen/dp_60" android:bottomRightRadius="@dimen/dp_60"/><br>        <!-- 渐变的关键,具体自己百度文档,可以按照属性调出你想要的渐变色 -->   <br>            <gradient android:type="linear" android:useLevel="true" android:startColor="#3D7EFF" android:endColor="#0648F8" android:angle="180" /><br>        </shape><br>    </item><br></layer-list>

使用

建议用LinearLayout当按钮,因为里面好添加其他内容,如果没有其他内容要添加,也可以使用TextView,减少原生控件Button的样式对布局的困扰。

 

1
<br>    <LinearLayout<br>        android:id="@+id/ly_create_task"<br>        android:gravity="center"<br>        android:layout_marginLeft="@dimen/dp_40"<br>        android:layout_marginRight="@dimen/dp_40"<br>        android:layout_marginTop="@dimen/dp_20"<br>        android:layout_marginBottom="@dimen/dp_15"<br>        android:background="@drawable/bg_button_blue_gradient"<br>        android:layout_width="match_parent"<br>        android:layout_height="@dimen/dp_60"><br>        <!-- 为了按钮里的内容垂直居中,需要marginBottom,值大约是阴影高度的一半 --><br>        <LinearLayout<br>            android:layout_marginBottom="@dimen/dp_2"<br>            android:orientation="horizontal"<br>            android:layout_width="wrap_content"<br>            android:layout_height="wrap_content"><br>            <ImageView<br>                android:layout_width="@dimen/dp_16"<br>                android:layout_height="@dimen/dp_16"<br>                android:layout_gravity="center_vertical"<br>                android:src="@drawable/ic_button_add_circle_border" /><br>            <TextView<br>                android:layout_marginLeft="@dimen/dp_3"<br>                android:layout_width="96dp"<br>                android:layout_height="22dp"<br>                android:text="创建盘点任务"<br>                android:textColor="#ffffffff"<br>                android:textSize="16sp"<br>                /><br>        </LinearLayout><br>    </LinearLayout>

 

以上就是直播系统app源码,渐变色按钮带阴影样式实现的相关代码, 更多内容欢迎关注之后的文章

 

posted @   云豹科技-苏凌霄  阅读(175)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示