如何塑造这个文本视图左侧的边框？

Question

我在 iOS 应用程序中看到过它：

我想在我的 Android 应用程序中实现这样的 TextView。所以我做了这个 drawable:

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

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#fff"/>
    <stroke android:width="1dp"
        android:color="@color/colorPrimary" />
    <padding android:left="5dp"
        android:top="5dp"
        android:right="5dp"
        android:bottom="5dp"/>
    <corners android:bottomRightRadius="7dp"
        android:bottomLeftRadius="7dp"
        android:topLeftRadius="7dp"
        android:topRightRadius="7dp"/>
</shape>

但是我不知道怎么弄左边的蓝色。谁能帮帮我？

谢谢

Answer 1

试试这个

 <?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="#FF0000" />
    </shape>
</item>
<item android:left="5dp">
    <shape android:shape="rectangle">
        <solid android:color="#000000" />
    </shape>
</item>
</layer-list>

Answer 2

你可以试试这个：

 <?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="#FF0000"/>
            <corners
                android:bottomLeftRadius="10dp"
                android:bottomRightRadius="5dp"
                android:topLeftRadius="5dp"
                android:topRightRadius="10dp"/>
        </shape>

    </item>

    <item android:left="5dp"
        >
        <shape android:shape="rectangle">
            <solid android:color="#FFFFFF"/>
            <corners
                android:bottomLeftRadius="5dp"
                android:bottomRightRadius="5dp"
                android:topLeftRadius="5dp"
                android:topRightRadius="5dp"/>

        </shape>
    </item>
</layer-list>

Answer 3

基于@Er。乔希回答，我发现这个解决方案很有效：

<?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/blueButton"/>
            <corners
                android:bottomLeftRadius="10dp"
                android:bottomRightRadius="5dp"
                android:topLeftRadius="5dp"
                android:topRightRadius="10dp"/>
        </shape>

    </item>

    <item android:left="5dp">
        <shape android:shape="rectangle">
        <solid android:color="#FFFFFF"/>
            <stroke android:width="1dp"
                android:color="#BDBDBD" />
            <padding android:left="10dp"
                android:top="5dp"
                android:right="5dp"
                android:bottom="5dp"/>
            <corners
                android:bottomLeftRadius="5dp"
                android:bottomRightRadius="5dp"
                android:topLeftRadius="5dp"
                android:topRightRadius="5dp"/>

        </shape>

    </item>
</layer-list>

如何塑造这个文本视图左侧的边框？

how to shape the border on the left of this textview?

android

shape

textview