1

アンドロイドのボタンの下にデザインしたいです。シェイプドローアブルを使用してデザインしました。

http://i48.tinypic.com/9gh7ye.png

私はほとんどこれをデザインしますが、ボタンにボーダーを付けることができません(各ボタンの上のボーダー)。

Uは、各ボタンの上部に暗い境界線があることがわかります。これをデザインする方法レイヤーリストについて聞いたのですが、使い方がわかりませんか?

誰もがこれを知ることができますか?あなたの考えを共有してください。よろしくお願いします。

最新のボタンxml->

 <Button
        android:id="@+id/buttonRefresh"
        android:layout_width="@dimen/titlebar_refresh_button_width"
        android:layout_height="@dimen/titlebar_button_height"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:background="@drawable/refresh_btn_state_list_drawable"
        android:drawableLeft="@drawable/refresh"
        android:paddingLeft="14dp" />
  1. newest_btn_state_list_drawable.xml

    <item android:drawable="@drawable/newest_btn_shape_drawable_h" android:state_pressed="true"/>
    <!-- pressed -->
    <item android:drawable="@drawable/newest_btn_shape_drawable_f" android:state_selected="true"/>
    <!-- focused -->
    <item android:drawable="@drawable/newest_btn_shape_drawable"/>
    <!-- default -->
    

2.newest_btn_shape_drawable.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >

    <gradient
        android:angle="45"
        android:endColor="#6080A8"
        android:startColor="#6080A8" />

    <padding
        android:bottom="5dp"
        android:left="5dp"
        android:right="5dp"
        android:top="5dp" />

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

    <stroke
        android:width="0.2dip"
        android:color="#000000" >
    </stroke>

</shape>

3.newest_btn_shape_drawable_h.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >

    <gradient
        android:angle="45"
        android:endColor="#405070"
        android:startColor="#405070" />

    <padding
        android:bottom="5dp"
        android:left="5dp"
        android:right="5dp"
        android:top="5dp" />

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

    <stroke
        android:width="1dip"
        android:color="#000000" >
    </stroke>

</shape>

4.newest_btn_shape_drawable_h.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >

    <gradient
        android:angle="45"
        android:endColor="#405070"
        android:startColor="#405070" />

    <padding
        android:bottom="5dp"
        android:left="5dp"
        android:right="5dp"
        android:top="5dp" />

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

    <stroke
        android:width="1dip"
        android:color="#000000" >
    </stroke>

</shape>
4

0 に答える 0