概述
倒三角的图标应用场景挺多,如:地图覆盖物方向标识等。一般这种图标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 的旋转效果,根据属性的设置,实现相应的旋转角度。
网友评论