直播系统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源码,渐变色按钮带阴影样式实现的相关代码, 更多内容欢迎关注之后的文章
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现