zoukankan      html  css  js  c++  java
  • [Android] Shape背景制作半圆或半边框

    实现原理使用layer-list对shape进行叠加显示。

    直接上代码:

    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    
        <item>
            <shape>
                <corners android:radius="10dp" />
                <solid android:color="@color/purple" />
            </shape>
        </item>
    
        <item android:top="10dp">
            <shape>
                <solid android:color="@color/purple" />
            </shape>
        </item>
    
    </layer-list>
    

    以上是半圆的实现效果。

    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    
        <item>
            <shape>
                <stroke
                    android:width="1dp"
                    android:color="@color/purple" />
                <solid android:color="@color/white" />
            </shape>
        </item>
    
        <item
            android:left="1dp"
            android:right="1dp">
            <shape>
                <solid android:color="@color/white" />
            </shape>
        </item>
    
    </layer-list>
    

    半边框的实现效果。

    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    
        <item>
            <shape>
                <corners android:radius="5dp" />
                <solid android:color="@color/white" />
                <stroke
                    android:width="1dp"
                    android:color="@color/purple" />
            </shape>
        </item>
    
        <item android:bottom="5dp">
            <shape>
                <solid android:color="@color/white" />
                <stroke
                    android:width="1dp"
                    android:color="@color/purple" />
            </shape>
        </item>
        
        <item
            android:bottom="5dp"
            android:left="1dp"
            android:right="1dp">
            <shape>
                <solid android:color="@color/white" />
            </shape>
        </item>
    
    </layer-list>
    

    奉上一个半圆并且半边框的shape,希望能给大家带来帮助。

  • 相关阅读:
    C#微信开发文档
    XML相关操作
    css基本样式总结
    CSS选择器及其优先级
    Java学习之路(七)
    G2( bizCharts ) React 绘制混合图例
    G2 绘制混合图例 demo
    python 前后端分离 简单的数据库返回接口
    nginx 跨域
    react-router-dom
  • 原文地址:https://www.cnblogs.com/assassin-l/p/4950108.html
Copyright © 2011-2022 走看看