3

この例のように、角を丸くし、カスタム ヘッダーを使用して、TextView のカスタム XML レイアウトを作成したいと考えています。

ここに画像の説明を入力

次の非常によく似た結果を作成するこの非常に便利なリンクを見つけました。

ここに画像の説明を入力

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- Bottom 2dp Shadow -->
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#d8d8d8" />
            <corners android:radius="7dp" />
        </shape>
    </item>

    <!-- White Top color -->
    <item android:bottom="3px">
        <shape android:shape="rectangle">
            <solid android:color="#FFFFFF" />
            <corners android:radius="7dp" />
        </shape>
    </item>
</layer-list>

上記の XML レイアウトを変更して、ヘッダーの「ADD FRIEND」スタイルを取得することは可能でしょうか。これは、より暗い灰色の背景であり、ヘッダーのテキストビュー (「ADD FRIEND」) と下のテキストビュー (「ニックネームまたはメール」と「検索」ボタン)。

画像/描画可能な背景で行う方がおそらく簡単だと思いますが、XMLで行うと（たとえば再利用性の点で）素晴らしいでしょう。

続行方法に関するヘルプや提案は大歓迎です!

4

1 に答える 1

0

そのために画像を使用しない場合は、drawable に 3 つの xml が必要で、このタイプのレイアウトを作成します: 1 linearlayout_background.xml

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


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

        <corners android:radius="2dp" />
    </shape>
</item>
<item
    android:bottom="2dp"
    android:left="0dp"
    android:right="0dp"
    android:top="0dp">
    <shape android:shape="rectangle" >
        <solid android:color="@android:color/white" />

        <corners android:radius="2dp" />
    </shape>
</item>

  1. header_background :

        <corners android:topLeftRadius="5dp" android:topRightRadius="5dp" />

    <solid android:color="@color/off_black1" />
</shape></item>

  1. ボタンの背景

        <corners android:radius="5dp" />

    <solid android:color="#00000000" />

    <stroke android:width="1dp" android:color="@color/off_white2" />
</shape></item>

于 2015-06-02T19:41:47.603 に答える