0

次の画像のようにボタンのグラデーション画像を作成したい。imageを使用する必要はありません。gradient を使用して開発しました。次の画像では、ボタンが同様の効果を達成できません。

メイン画像

http://postimg.org/image/is1cvy09d/

現像画像

http://postimg.org/image/6lojcsayh/

.xml コード 

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true"><shape>
        <solid android:color="#343434" />
        <corners android:bottomLeftRadius="10dp" android:bottomRightRadius="10dp" android:topLeftRadius="10dp" android:topRightRadius="10dp" />
        <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />
    </shape></item>
<item><shape>
        <gradient android:angle="270" android:endColor="#556E6E6E" android:startColor="#55828282" />
        <corners android:bottomLeftRadius="10dp" android:bottomRightRadius="10dp" android:topLeftRadius="10dp" android:topRightRadius="10dp" />
        <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />
    </shape></item>

上の画像とは大きく異なる次の画像の結果を確認できます。

同様の結果を達成する方法はありますか？

任意の提案をいただければ幸いです。

4

1 に答える 1

0

これを試して..

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true"><shape>
        <solid android:color="#7A7A7B" />
        <corners android:bottomLeftRadius="10dp" android:bottomRightRadius="10dp" android:topLeftRadius="10dp" android:topRightRadius="10dp" />
        <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />
    </shape></item>
<item><shape>
        <gradient android:angle="270" android:endColor="#707070" android:startColor="#848484" />
        <corners android:bottomLeftRadius="10dp" android:bottomRightRadius="10dp" android:topLeftRadius="10dp" android:topRightRadius="10dp" />
        <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />
    </shape></item>
    </selector>
于 2013-11-09T04:36:09.017 に答える