Android毛边框效果

最新推荐文章于 2024-05-28 16:47:58 发布

0o一缕星光o0

最新推荐文章于 2024-05-28 16:47:58 发布

阅读量693

点赞数

分类专栏： Android 文章标签： Android 毛玻璃边框

本文链接：https://blog.csdn.net/hys19920320/article/details/38799189

版权

Android 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

先看效果（注意中间的悬浮框）：

因为中间部分是带有透明度的，所以不能用整张图片当背景，不仅如此，点9图片在这里也是失效的。

经过短暂的犹豫，我觉得用xml的shape试试，使用3次描边，代码如下：

<?xml version="1.0" encoding="utf-8"?>

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item
        android:bottom="4dp"
        android:left="4dp"
        android:right="4dp"
        android:top="4dp">
        <shape
            android:shape="rectangle">
            <stroke
                android:width="1dp"
                android:color="@color/transparent_white_50"
                android:dashGap="3dp"
                android:dashWidth="1dp"/>
            <!-- 填充 -->
            <solid
                android:color="@color/transparent_white_30"/>
        </shape>
    </item>

    <!-- 描边 -->
    <item
        android:bottom="1dp"
        android:left="1dp"
        android:right="1dp"
        android:top="1dp">
        <shape
            android:shape="rectangle">
            <stroke
                android:width="1dp"
                android:color="@color/transparent_white_50"
                android:dashGap="3dp"
                android:dashWidth="1dp"/>
            <!-- 填充 -->
            <solid
                android:color="@color/transparent"/>
        </shape>
    </item>

    <!-- 描边 -->
    <item
        android:bottom="2dp"
        android:left="2dp"
        android:right="2dp"
        android:top="2dp">
        <shape
            android:shape="rectangle">
            <stroke
                android:width="1dp"
                android:color="@color/transparent_white_50"
                android:dashGap="3dp"
                android:dashWidth="1dp"/>
            <!-- 填充 -->
            <solid
                android:color="@color/transparent"/>
        </shape>
    </item>

    <!-- 描边 -->
    <item
        android:bottom="3dp"
        android:left="3dp"
        android:right="3dp"
        android:top="3dp">
        <shape
            android:shape="rectangle">
            <stroke
                android:width="1dp"
                android:color="@color/transparent_white_50"
                android:dashGap="3dp"
                android:dashWidth="1dp"/>
            <!-- 填充 -->
            <solid
                android:color="@color/transparent"/>
        </shape>
    </item>

</layer-list>

通过使用shape，对View3次描边达到效果