Android drawable自定义形状描边多项

时间:2018-05-11 11:35:44

标签: android android-layout android-custom-view drawable android-tabs

我想要创建一个自定义形状作为tabview的背景。

这是理想的结果:

end result

我正在尝试使用此步骤创建活动标签的背景。

我的背景颜色不同,所以我现在可以看到正在做什么。

这是我到目前为止所做的: This is what I have so far

但是当尝试向形状添加笔划时,会发生以下情况: Trying to add the stroke

有没有人知道如何才能得到我上面提到的结果(角半径'和笔画)?

以下是可绘制代码(drawable/tab_active.xml):

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- Colored rectangle-->
    <item>
        <shape android:shape="rectangle">
            <size
                android:width="100dp"
                android:height="40dp" />
            <solid android:color="#13a89e" />
            <stroke
                android:width="2dp"
                android:color="@color/warmGray" />
            <corners
                android:topRightRadius="0dp"
                android:topLeftRadius="32dp"
                android:bottomLeftRadius="0dp"
                android:bottomRightRadius="32dp" />
        </shape>
    </item>

    <!-- This rectangle for the left side -->
    <item
        android:right="100dp"
        android:left="-100dp"
        android:top="-100dp"
        android:bottom="-100dp">
        <rotate
            android:fromDegrees="45">
            <shape android:shape="rectangle">
                <solid android:color="#13a89e" />
                <stroke
                    android:width="2dp"
                    android:color="@color/warmGray" />
                <padding
                    android:bottom="0dip"
                    android:left="0dip"
                    android:right="0dip"
                    android:top="0dip" />

                <corners
                    android:topRightRadius="0dp"
                    android:topLeftRadius="32dp"
                    android:bottomLeftRadius="0dp"
                    android:bottomRightRadius="32dp" />
            </shape>
        </rotate>
    </item>

    <!-- This rectangle for the right side -->
    <item
        android:right="-100dp"
        android:left="100dp"
        android:top="-100dp"
        android:bottom="-100dp">
        <rotate
            android:fromDegrees="45">
            <shape android:shape="rectangle">
                <solid android:color="#ffffff" />
                <stroke
                    android:width="2dp"
                    android:color="@color/warmGray" />

                <corners
                    android:topRightRadius="32dp"
                    android:topLeftRadius="32dp"
                    android:bottomLeftRadius="32dp"
                    android:bottomRightRadius="32dp" />
            </shape>
        </rotate>
    </item>
</layer-list>

然后我用它来调用它:

<View
    android:layout_centerInParent="true"
    android:layout_width="100dp"
    android:layout_height="40dp"
    android:background="@drawable/tab_active"
    android:scaleY="-1" />

0 个答案:

没有答案