Android shape绘制矩形边框线渐变色
项目当中UI出图如下:本想着用shape去实现,可是shape矩形设置的渐变色为填充色,貌似这个效果没有思路解决,想到这里就去网上查阅相关的实现思路。经过大量的查阅之后发现好像没有用shape实现矩形边框线渐变色的方案,后面我想想,大概很多人遇到这种情况是让UI切图去实现的吧。不轻易放弃的我还是决定自己尝试一下shape的解决方案,经过一番摸索,我觉得可以用ps图层的思路去解决这个问题。实现思路如
·
项目当中UI出图如下:

本想着用shape去实现,可是shape矩形设置的渐变色为填充色,貌似这个效果没有思路解决,想到这里就去网上查阅相关的实现思路。经过大量的查阅之后发现好像没有用shape实现矩形边框线渐变色的方案,后面我想想,大概很多人遇到这种情况是让UI切图去实现的吧。不轻易放弃的我还是决定自己尝试一下shape的解决方案,经过一番摸索,我觉得可以用ps图层的思路去解决这个问题。实现思路如下:
1.shape绘制第一层矩形的填充为渐变色
2.shape绘制第二层矩形的填充色为白色,然后给第二层上下左右减少边框厚度的尺寸,这样子第一层矩形背景的渐变色就展示出来形成一个边框线。
代码如下:
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape android:shape="rectangle">
<corners android:radius="4dp"/>
<gradient
android:type="linear"
android:startColor="#ff28efa2"
android:endColor="#ff14c1d7"
android:angle="0" />
</shape>
</item>
<item android:left="1dp"
android:right="1dp"
android:top="1dp"
android:bottom="1dp">
<shape android:shape="rectangle">
<corners android:radius="4dp"/>
<solid android:color="@color/white"/>
<padding android:top="12dp"
android:bottom="12dp"/>
</shape>
</item>
</layer-list>
到这里此次分享的内容就完成了,如果觉得有用就拿去用,没用也别喷啊。上次就遇到一个人讽刺我,我觉得吧,不管我分享的内容比较基础或者和你的理解不一致,我们可以探讨一下,但是没有别要讽刺。互联网的精神就是分享,最起码我发布博客是在培养自己的分享精神,不知道讽刺我的人他有没有去做分享。好了不说了,感谢大家的查阅!
更多推荐



所有评论(0)