zoukankan      html  css  js  c++  java
  • 画三角形shape layer-list

    原文:https://www.cnblogs.com/dreamGong/p/6196504.html

    1、画三角形shape

    <?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:id="@+id/shape_id">
            <!-- 正三角 -->
            <rotate
                android:fromDegrees="45"
                android:toDegrees="45"
                android:pivotX="-40%"
                android:pivotY="80%">
                <shape android:shape="rectangle">
                    <solid android:color="#000000"/>
                </shape>
            </rotate>
        </item>
    </layer-list>
    <?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:id="@+id/shape_id">
            <!-- 倒三角 -->
            <rotate
                android:fromDegrees="45"
                android:toDegrees="45"
                android:pivotX="135%"
                android:pivotY="15%">
                <shape android:shape="rectangle">
                    <solid android:color="#000000"/>
                </shape>
            </rotate>
        </item>
    </layer-list>

    2、layer-list
    可以将多个drawable按照顺序层叠在一起显示

     TAB选项的背景代码:

    <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
    
        <!-- 选中时候的样式 -->
        <item android:state_checked="true">
            <layer-list>
                <!-- 红色背景 -->
                <item>
                    <color android:color="#E4007F" />
                </item>
                <!-- 白色背景 -->
                <item android:bottom="4dp" android:drawable="@android:color/white" />
            </layer-list>
        </item>
    
        <!--未选中时候的样式-->
        <item>
            <layer-list>
                <!-- 红色背景 -->
                <item>
                    <color android:color="#E4007F" />
                </item>
                <!-- 白色背景 -->
                <item android:bottom="1dp" android:drawable="@android:color/white" />
            </layer-list>
        </item>
    
    </selector>

    带阴影的圆角矩形代码

    <?xml version="1.0" encoding="utf-8"?>
    <layer-list  xmlns:android="http://schemas.android.com/apk/res/android">
    
        <!--绘制矩形的灰色阴影-->
        <item
            android:left="2dp"
            android:top="4dp">
            <shape>
                <solid android:color="#929397"/>
                <corners android:radius="10dp"/>
            </shape>
        </item>
    
        <!--绘制矩形的白色主体-->
        <item
            android:right="2dp"
            android:bottom="4dp">
            <shape>
                <solid android:color="#ffffff"/>
                <corners android:radius="10dp" />
            </shape>
        </item>
    
    </layer-list >




  • 相关阅读:
    谷歌浏览器内核自带长截图
    js文件导入swiper方法及分页器不显示原因
    Error: Cannot find module 'gifsicle'问题解决
    新型横向移动工具原理分析、代码分析、优缺点以及检测方案
    武汉解封一周年
    JAVA线程池ThreadPoolExecutor的分析和使用(新手踩坑和推荐方案)
    JAVA常量池
    Java String的intern()注意事项(分JDK1.6及JDK1.7)
    JAVA的类加载过程
    react hooks方法获取不到最新的state解决方法
  • 原文地址:https://www.cnblogs.com/zhaozilongcjiajia/p/12572615.html
Copyright © 2011-2022 走看看