Android开发 layer-list开发例子

神奇的椰子 發表於 2019-8-8 15:21:00

<h1>前言</h1>
　　举例一些 layer-list  开发实用例子，用于拓展思维
 
<h1>底部带线条的正方形背景</h1>
方式一
<div class="cnblogs_code">
<pre><layer-list xmlns:android="http://schemas.android.com/apk/res/android">

<item>
 <shape>
 <solid android:color="@color/color_blue" />
 </shape>

</item>


<item android:bottom="30dp">
 <shape >
 <solid android:color="@color/color_black"/>
 </shape>
</item>

</layer-list></pre>
</div>
效果图：
<img src="https://img2018.cnblogs.com/common/1497956/201912/1497956-20191218202851520-1487952063.png" alt="">
方式二
这种方式本质上是画一个空心矩形,但是使用关键属性:  android:bottom="0dp" android:left="-31dp" android:right="-31dp" android:top="-31dp"  这四个属性控制四条边是否显示出来
<div class="cnblogs_code">
<pre><?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item
 android:bottom="0dp"
 android:left="-31dp"
 android:right="-31dp"
 android:top="-31dp">
 <shape>
 <solid android:color="@android:color/holo_blue_bright" />
 <stroke
 android:width="30dp"
 android:color="#000000" />
 <padding android:bottom="4dp" />
 </shape>
</item>

</layer-list></pre>
</div>
效果图:
<img src="https://img2020.cnblogs.com/blog/1497956/202107/1497956-20210719160228537-444253672.png" alt="" loading="lazy">
<h1>渐变色边框</h1>
<div class="cnblogs_code">
<pre><?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
 <shape android:shape="rectangle">
 <gradient
 android:angle="270"
 android:startColor="#FBE650"
 android:endColor="#FFC215" />
 <corners android:radius="64dp" />
 </shape>
</item>
<item
 android:bottom="4dp"
 android:left="4dp"
 android:right="4dp"
 android:top="4dp">
 <shape android:shape="rectangle">
 <solid android:color="@android:color/white" />
 <corners android:radius="64dp" />
 </shape>
</item>

</layer-list></pre>
</div>
效果图
<img src="https://img2022.cnblogs.com/blog/1497956/202204/1497956-20220424111457898-1629330183.png" alt="" loading="lazy">
<h1>实现竖虚线</h1>
<div class="cnblogs_code">
<pre><?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item
 android:left="-600dp"
 android:right="-600dp">
 <rotate
 android:fromDegrees="90"
 android:visible="true">
 <shape android:shape="line">
 <stroke
 android:width="1dp"
 android:color="@color/public_color_DFDFDF"
 android:dashWidth="4dp"
 android:dashGap="2dp" />

 </shape>
 </rotate>
</item>
</layer-list></pre>
</div>
 
效果图:
<img src="https://img2020.cnblogs.com/blog/1497956/202006/1497956-20200619144211823-1035277976.png" alt="" loading="lazy">
<h1>渐变色虚线</h1>
黑色为背景色，所以高度超出可以接受，因为无法看到
<div class="cnblogs_code">
<pre><?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:height="15dp" android:top="1dp">
 <shape>
 <gradient
 android:type="linear"
 android:angle="0"
 android:endColor="#002B23"
 android:startColor="#48F3D0" />
 </shape>
</item>
<item android:height="21dp" android:left="5dp" android:right="4dp">
 <shape android:shape="line">
 <stroke
 android:dashGap="15dp"
 android:dashWidth="20dp"
 android:width="20dp"
 android:color="#141414" />
 </shape>
</item>
</layer-list></pre>
</div>
效果图：
<img src="https://img2022.cnblogs.com/blog/1497956/202206/1497956-20220613145456274-942475962.png" alt="" loading="lazy">
 
 
 
 
End
 

</div>
<div id="MySignature" role="contentinfo">
<div style="text-align: center">
本文来自博客园，作者：观心静，转载请注明原文链接：https://www.cnblogs.com/guanxinjing/p/11321368.html 
<div style="color:orange;font-size:16px;">本文版权归作者和博客园共有，欢迎转载，但必须给出原文链接，并保留此段声明，否则保留追究法律责任的权利。 </div>
</div> 
来源：https://www.cnblogs.com/guanxinjing/p/11321368.html

頁: [1]

琼殿技术论坛's Archiver

Android开发 layer-list开发例子