美文网首页work
Android Layer_list 实现倒三角效果

Android Layer_list 实现倒三角效果

作者: IT一书生 | 来源:发表于2018-03-19 23:06 被阅读459次

    概述

    倒三角的图标应用场景挺多,如:地图覆盖物方向标识等。一般这种图标UI会给出切图,当然这种方式也是比较简单的实现方式,但是多多少少也是增加了安装包的大小,在这里看看代码中怎么实现。

    效果

    image 10.JPG

    代码实现

    <TextView  
        android:id="@+id/textView"  
        android:layout_width="80dp"  
        android:layout_height="80dp"  
        android:background="@drawable/xxxx" /> 
    
    <?xml version="1.0" encoding="utf-8"?>  
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
        <item>  
            <!-- 倒三角 -->  
            <rotate  
                android:fromDegrees="45"  
                android:pivotX="135%"  
                android:pivotY="15%"  
                android:toDegrees="45">  
                <shape android:shape="rectangle">  
                    <solid android:color="#f00" />  
                </shape>  
            </rotate>  
        </item>  
    </layer-list> 
    
    • layer_list:
      layer_list 也是 drawable 资源,是 res/drawable 文件夹下的 xml 资源,用法同 shape。
      类似于 FrameLayout 是一种叠加的效果,不同的图层使用 item 节点来定义,下面的覆盖上面的图层。
      网上关于 layer_list 的介绍比较多,这里就不做过得多的说明。

    • rotate:
      view 的旋转效果,根据属性的设置,实现相应的旋转角度。

    相关文章

      网友评论

        本文标题:Android Layer_list 实现倒三角效果

        本文链接:https://www.haomeiwen.com/subject/vhofqftx.html