使用圖標和文字創建自定義按鈕

Question

我想要在我的android應用程序中創建兩個新的自定義按鈕。

我想他們是這樣的：

• 圖標左邊
• 文字右側的按鈕
• 在底部

在頂部和文本圖標另一個按鈕

所以基本上我會有一個png圖像存儲在我的資源中，這將是按鈕的圖標。我會將另一張圖像作爲按鈕背景拉伸的9patch。我嘗試了一些東西，但結果很糟糕，所以我一定在做錯事。

此代碼：

<Button 
      android:layout_width="100px" 
     android:layout_height="100px" 
      android:drawableTop="@drawable/imgIcon" 
      android:drawablePadding="2px" 
      android:text="Text" 
      android:background="@drawable/button_background" 
      /> 

後來編輯： 如果我做出這樣的Macarse波紋管提示：

<Button android:id="@+id/yourid" 
     android:layout_height="wrap_content" 
     android:layout_width="wrap_content" 
     android:text="Your text here" 
     android:drawableTop="@drawable/imgdonetracks"> 
</Button> 

我得到像在第一圖像

如果我有這樣的變化：

<Button android:id="@+id/yourid" 
     android:layout_height="wrap_content" 
     android:layout_width="wrap_content" 
     android:text="Your text here" 
     android:drawableTop="@drawable/imgdonetracks" 
     android:background="@drawable/button_background"> 
    </Button> 

一切得到的錯誤

檢查圖像http://img255.imageshack.us/i/android3.png/

Answer 1

它看起來很醜陋，因爲按鈕佈局背景有空的空間，但在9補丁映像中沒有考慮到。現在我用9p編輯器修復爲http://developer.android.com/guide/topics/graphics/2d-graphics.html#nine-patch並且工作正常

Answer 2

<button android:id="@+id/yourid" 
     android:layout_height="wrap_content" 
     android:layout_width="wrap_content" 
     android:text="Your text here" 
     android:drawabletop="@drawable/[image]"> 
</button> 

下面是文檔：http://developer.android.com/reference/android/widget/TextView.html#attr_android:drawableTop

Answer 3

你嘗試使用它也非常適合這個按鈕的寬度/高度比更好更大的背景資源？