android - 平行四辺形の背景を作成するには?

Question

テキストビューの平行四辺形の背景を作成しようとしていますが、正しく表示されません...次の出力が表示されます

<layer-list  >
    <item>
        <rotate
            android:fromDegrees="10"
            android:toDegrees="10"
            android:pivotX="-40%"
            android:pivotY="87%" >
            <shape
                android:shape="rectangle" >
                <stroke android:color="#000000" android:width="10dp"/>

            </shape>

        </rotate>

    </item>
</layer-list>

私はこのような出力が必要です........

Answer 1

ナビゲーションメニューのことですか？その場合、このコードを使用して平行四辺形を作成できます。

ul#nav li a {
display: inline-block;
text-decoration:none;
padding:4px 10px;
border-radius:3px;
transform: skew(-10deg);
-o-transform: skew(-10deg);
-moz-transform: skew(-10deg);
-webkit-transform: skew(-10deg);
color:#000000;
}
ul#nav li a span {
display: inline-block;
transform: skew(10deg);
-o-transform: skew(10deg);
-moz-transform: skew(10deg);
-webkit-transform: skew(10deg);
}

codepenで HTML と CSS のバージョンを確認することもできます。

お役に立てれば。