美文网首页
日常搬砖组合图片

日常搬砖组合图片

作者: luoye呀 | 来源:发表于2019-08-21 17:17 被阅读0次

    嗯,搬砖 不是最累的,最累的应该是合作了吧。
    嗯,现在 一个 复选框图标,大佬 给我了 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

    相关文章

      网友评论

          本文标题:日常搬砖组合图片

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