ITPub博客

首页 > 应用开发 > Java > 直播系统app源码,渐变色按钮带阴影样式

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

原创 Java 作者:zhibo系统开发 时间:2021-12-07 14:18:58 0 删除 编辑

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

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

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


使用

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

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


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


来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/69978258/viewspace-2846232/,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2020-07-02

  • 博文量
    675
  • 访问量
    255178