如何在xml android中绘制半边框

时间:2016-12-19 09:36:31

标签: android xml border

我想画这样的边框, Bordered Edittext

我的代码如下:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="@color/blue" />
        </shape>
    </item>

    <item
        android:bottom="2dp"
        android:left="2dp"
        android:right="2dp">
        <!--// add android:right="5dp" and android:left="5dp" for border on left and right-->
        <shape android:shape="rectangle">
            <padding
                android:bottom="5dp"
                android:left="5dp"
                android:right="5dp"
                android:top="5dp" />
            <solid android:color="@color/bill_background" />
        </shape>
    </item>
</layer-list>

我设法做了这样的事情:My Edittext

我似乎无法调整左右边框的高度。

3 个答案:

答案 0 :(得分:3)

试试这个代码!这肯定会有所帮助

<?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item>
        <shape android:shape="rectangle" >
            <solid android:color="#00f" />

            <padding android:bottom="2dp" />
        </shape>
    </item>
    <item android:bottom="10dp">
        <shape android:shape="rectangle" >
            <solid android:color="#fff" />

            <padding
                android:left="2dp"
                android:right="2dp" />
        </shape>
    </item>
    <item>
        <shape android:shape="rectangle" >
            <solid android:color="#fff" />
        </shape>
    </item>

</layer-list>

答案 1 :(得分:1)

Toufiq Akbar。 你应该使用Vector drawable。

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportHeight="400.0"
    android:viewportWidth="580.0">
    <path
        android:fillColor="#00000000"
        android:pathData="M41.5,318L534.7,318"
        android:strokeColor="#000"
        android:strokeWidth="1.5" />
    <path
        android:fillColor="#00000000"
        android:pathData="M535.5,210L535.5,319"
        android:strokeColor="#000"
        android:strokeWidth="1.5" />
    <path
        android:fillColor="#00000000"
        android:pathData="M42.5,209L42.5,318"
        android:strokeColor="#000"
        android:strokeWidth="1.5" />
</vector>

我觉得这对你很有用...... :)

答案 2 :(得分:0)

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:bottom="2dp"
        android:left="2dp"
        android:right="2dp">
        <!--// add android:right="5dp" and android:left="5dp" for border on left and right-->
        <shape android:shape="rectangle">
            <padding
                android:bottom="5dp"
                android:left="5dp"
                android:right="5dp" />
            <solid android:color="@color/colorPrimary" />

        </shape>
    </item>

    <item
        android:bottom="2dp"
        android:left="2dp"
        android:right="2dp">
        <shape android:shape="rectangle">
            <stroke
                android:width="3dp"
                android:color="@color/red" />
            <size android:height="50dp" />
            <padding
                android:bottom="10dp"
                android:left="5dp"
                android:right="5dp" />
        </shape>
    </item>
    <item>
        <!--// add android:right="5dp" and android:left="5dp" for border on left and right-->
        <shape android:shape="rectangle">
            <padding android:bottom="5dp" />
            <solid android:color="@color/colorPrimary" />

        </shape>
    </item>


</layer-list>

使用此功能。