使用图标和文字创建自定义按钮

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

你尝试使用它也非常适合这个按钮的宽度/高度比更好更大的背景资源？