Tạo các nút tùy chỉnh có biểu tượng và văn bản

Question

Tôi muốn tạo hai nút tùy chỉnh mới để sử dụng trong ứng dụng Android của mình.

tôi muốn họ được như thế này:

• Biểu tượng ở bên trái
• Văn bản trên bên phải cho một nút
• Một nút có biểu tượng trên đầu trang và văn bản trên đáy

Vì vậy, về cơ bản tôi sẽ có một hình ảnh png được lưu trữ trong tài nguyên của tôi sẽ là biểu tượng của nút. Tôi sẽ có một hình ảnh như một 9patch căng ra như là nền nút. Tôi đã thử một cái gì đó nhưng kết quả là ghê gớm, vì vậy tôi phải làm điều gì đó sai trái.

Mã này:

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

Sau đó Edit: Nếu tôi làm như đề xuất bởi Macarse dưới đây:

<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> 

tôi nhận được như trong hình ảnh đầu tiên

Nếu tôi thực hiện thay đổi này:

<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> 

tất cả mọi thứ được của sai

Kiểm tra hình ảnh http://img255.imageshack.us/i/android3.png/

Answer 1

Có vẻ rất xấu vì nền bố cục nút có không gian trống nhưng không được chú ý trong hình ảnh vá 9. Bây giờ tôi đã sửa với trình chỉnh sửa 9p là http://developer.android.com/guide/topics/graphics/2d-graphics.html#nine-patch và hoạt động tốt

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> 

Dưới đây là tài liệu: http://developer.android.com/reference/android/widget/TextView.html#attr_android:drawableTop

Answer 3

có bạn cố gắng sử dụng một nguồn tài nguyên nền lớn hơn mà cũng phù hợp với nút/chiều cao tỷ lệ chiều rộng tốt hơn?