zoukankan      html  css  js  c++  java
  • 安卓 drawable xml 实现多边框背景

     Android drawable xml 实现多边框背景。

    test.xml

    <?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    
        <!-- 第一个item代表的是显示在最外层的边框背景 -->
        <item>
            <shape android:shape="rectangle">
                <solid android:color="#CF0808" />
                <corners
                    android:bottomLeftRadius="2dp"
                    android:bottomRightRadius="2dp"
                    android:topLeftRadius="2dp"
                    android:topRightRadius="2dp" />
            </shape>
        </item>
        <!--阴影-->
    
        <!-- 第二个item代表的是显示在第二层的边框背景 -->
        <item
            android:top="3dp"
            android:right="3dp"
            android:left="3dp"
            android:bottom="3dp">
            <shape android:shape="rectangle">
                <solid android:color="#2CCF08" />
                <corners
                    android:bottomLeftRadius="2dp"
                    android:bottomRightRadius="2dp"
                    android:topLeftRadius="2dp"
                    android:topRightRadius="2dp" />
            </shape>
        </item>
        <!--阴影-->
    
    
        <!--白色背景-->
        <item
            android:top="6dp"
            android:right="6dp"
            android:left="6dp"
            android:bottom="6dp">
            <shape android:shape="rectangle">
                <padding android:bottom="6dp" android:top="6dp" android:left="6dp" android:right="6dp"/>
                <solid android:color="#ffffff" />
                <corners
                    android:bottomLeftRadius="2dp"
                    android:bottomRightRadius="2dp"
                    android:topLeftRadius="2dp"
                    android:topRightRadius="2dp" />
            </shape>
        </item>
    
    </layer-list>

    用法:android:background="@drawable/test"

  • 相关阅读:
    rest framework 认证 权限 频率
    rest framework 视图,路由
    rest framework 序列化
    10.3 Vue 路由系统
    10.4 Vue 父子传值
    10.2 Vue 环境安装
    10.1 ES6 的新增特性以及简单语法
    Django 跨域请求处理
    20190827 On Java8 第十四章 流式编程
    20190825 On Java8 第十三章 函数式编程
  • 原文地址:https://www.cnblogs.com/blogzhangwei/p/14944538.html
Copyright © 2011-2022 走看看