3

下のような形にしたいと思います。私が見逃しているのは、ヘッダーの色（匿名テキストの背後の色）です。2番目のテキストビューの上にマウスを移動するだけで、必要なものを再現しました。これにより、ハイライト表示され、この効果が得られます:)

現在のコード：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
 android:shape="rectangle">
 <stroke android:width="2dp" android:color="#000000" />
 <gradient android:startColor="#898989" android:endColor="#B5B5B5" android:angle="270"/> 

 <corners android:bottomRightRadius="7dp" android:bottomLeftRadius="7dp"
 android:topLeftRadius="7dp" android:topRightRadius="7dp"/>
</shape>

ここに画像の説明を入力してください

4

3 に答える 3

2

2つのドローアブルを含む レイヤーリストを使用する必要があります。

たとえば、最初の形状は形状全体をカバーし、2番目の形状はそれをオーバーレイしますが、android:top="10dp"セットを使用して、基になる最初の形状を示すオフセットを作成します。

編集：
そのように：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
        <shape android:shape="rectangle" >
            <stroke
                android:width="2dp"
                android:color="#000000" />

            <solid android:color="#00ff00" />

            <corners
                android:bottomLeftRadius="7dp"
                android:bottomRightRadius="7dp" />
        </shape>
    </item>
    <item
        android:bottom="2dp"
        android:left="2dp"
        android:right="2dp"
        android:top="20dp">
        <shape android:shape="rectangle" >
            <gradient
                android:angle="270"
                android:endColor="#B5B5B5"
                android:startColor="#898989" />

            <corners
                android:bottomLeftRadius="7dp"
                android:bottomRightRadius="7dp" />
        </shape>
    </item>
</layer-list>
于 2012-06-04T13:34:30.550 に答える
1

を使用し、背景として形状の異なるLinearLayout2 つを配置します。TextView

1 つ目は上部の角が丸く、2 つ目は下部の角が丸くなっています。

于 2012-06-04T13:43:36.073 に答える
0

このツールは、開発でさらに役立つ可能性があります

http://angrytools.com/

http://android-ui-utils.googlecode.com/hg/asset-studio/dist/index.html

于 2014-03-19T12:15:25.110 に答える