日常搬砖组合图片

2019-08-21  本文已影响0人  luoye呀

嗯,搬砖 不是最累的,最累的应该是合作了吧。
嗯,现在 一个 复选框图标,大佬 给我了 3套图片,一套是没有选择的圈圈,一套是选中的圈圈,一套是选中后中间的小点。我觉得 我快干不下去了。
突然想起了 Android 图片 有一个 layer-list ,这是一个好东西。算了 我还是去 阿里图标 https://www.iconfont.cn/
上面去下载svg 吧。
但是文档还是要写下去吧。
说另外一个效果吧。

image.png
渐变边框?这个想法足够骚了。
好了,说思路吧,一个一个图层的话就需要大佬切图了,算了,不麻烦大佬了,自己解决吧。
一个图层 不行,那就2个,我们可以将效果分为 一个渐变底图,一个覆盖图层,比如这样。
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <solid android:color="#ff9d77"/>
    <gradient
        android:startColor="#ff8c00"
        android:endColor="#673AB7" />
    <corners
        android:radius="20dp" />
</shape>
image.png

然后一个 纯色的覆盖层。
因为layer-list 可以设置 相对位置。像这样。

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/shape_biankuang"/>
<item android:top="3dp" android:left="3dp" android:right="3dp" android:bottom="3dp" android:drawable="@drawable/shape_biankuang_1"/>
</layer-list>

然后显示出来就是这个样子了。


image.png
上一篇下一篇

猜你喜欢

热点阅读