如何用圖像，文本和兩種顏色創建按鈕？

https://dribbble.com/shots/1407665-Categories/attachments/204971

是否有一個通俗圖書館的人都知道，它可以管理它，否則，我沒事去用定製的路線。

我有我的9個按鈕在我的XML中定義沒有問題。

接下來我知道我必須在可繪製文件夾（如「button_shape.xml」）中創建一個xml文件。然後，我將它添加到我的代碼：

android:background="@drawable/button_shape"

我讓我的按鈕有一個形象，我認爲：

android:drawableTop="@drawable/buttonImage"

我想最後是如何創建的形狀保持底部使文字顏色保持一致。同時允許不同的按鈕尺寸。也可以很容易地我通過設置在每個按鈕上的樣式，並且限定它們作爲這樣交替的顏色：

<style name ="ButtonTheme.Custom1" parent="Base.Widget.AppCompat.Button.Colored"> 
     <item name="colorPrimary">@android:color/holo_blue_light</item> 
     <item name="colorPrimaryDark">@android:color/holo_blue_dark</item> 
    </style> 

    <style name ="ButtonTheme.Custom2" parent="Base.Widget.AppCompat.Button.Colored"> 
     <item name="colorPrimary">@android:color/holo_green_light</item> 
     <item name="colorPrimaryDark">@android:color/holo_green_dark</item> 
    </style> 

    <style name ="ButtonTheme.Custom3" parent="Base.Widget.AppCompat.Button.Colored"> 
     <item name="colorPrimary">@android:color/holo_red_light</item> 
     <item name="colorPrimaryDark">@android:color/holo_red_dark</item> 
    </style> 

    <style name ="ButtonTheme.Custom4" parent="Base.Widget.AppCompat.Button.Colored"> 
     <item name="colorPrimary">@android:color/holo_orange_light</item> 
     <item name="colorPrimaryDark">@android:color/holo_orange_dark</item> 
    </style> 

    <style name ="ButtonTheme.Custom5" parent="Base.Widget.AppCompat.Button.Colored"> 
     <item name="colorPrimary">@android:color/holo_blue_bright</item> 
     <item name="colorPrimaryDark">@android:color/holo_blue_light</item> 
    </style>

我的定製形狀到目前爲止是這樣的，這是接近;但我怎樣才能讓深色保持一致的大小，而另一個按照按鈕的大小移動？

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" > 
    <item android:bottom="10dp"> 
     <shape android:shape="rectangle" > 
      <size android:height="10dp" /> 
      <solid android:color="@color/colorPrimaryDark" /> 
     </shape> 
    </item> 

    <item android:top="120dp"> 
     <shape android:shape="rectangle" > 
      <size android:height="120dp" /> 
      <solid android:color="@color/colorPrimary" /> 
     </shape> 
    </item> 
</layer-list>

來源

2017-11-03 C. Skjerdal

「第二」顏色只是似乎是一個黑色的'textview'，具有低透明度的水平，使得它半透明的。似乎沒有什麼特別的事情發生。 – CaptJak

我以某種方式點擊textview導致問題。我不記得究竟是什麼，但我記得讀過，所以我想我應該避免使用該方法。我相信這與響應按鈕點擊或與按鈕一起點擊可以做到。 –