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,希望能给大家带来帮助。

  • 相关阅读:
    根据坐标点画图形
    js 解析geojson格式
    devexpress 安装
    DataTable 获取列名
    ADO.NET 注册
    css:outline
    javascript函数sort
    引用类型-2015/10/06
    2015-11-02-js
    jquery
  • 原文地址:https://www.cnblogs.com/assassin-l/p/4950108.html
Copyright © 2011-2022 走看看