Android Application Development Cookbook: 93 Recipes for Building Winning Apps

 
Recipe 2.2 using image Buttons
❘
45
android:layout_height="wrap_content"
android:drawableRight="@drawable/ic_launcher"
android:text="Android"/>
android:id="@+id/imageTextButton4" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content"
android:drawableBottom="@drawable/ic_launcher"
android:text="Android"/>

The preceding code snippet results in the appearance shown in Figure 2-2. 
Figure 2-2 
Note that the first button is an 
ImageButton
, which enables you to display an image on top of a but-
ton. However, you cannot display text inside an 
ImageButton
. 
To display text along with text on a button, you have to use the 
android:drawableLeft
, 
android:drawableRight
, 
android:drawableTop
, or 
android:drawableBottom
attribute
within a 
Button
view. This enables you to display an image at the left, right, top, or bottom of
the button. You can also combine all these attributes, like this:
android:id="@+id/imageTextButton5" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content"
android:drawableTop="@drawable/ic_launcher"
www.it-ebooks.info

---

46
❘
ChAPter 2
using Views to design the user interFAce
android:drawableBottom="@drawable/ic_launcher"
android:drawableLeft="@drawable/ic_launcher"
android:drawableRight="@drawable/ic_launcher"
android:text="Android"/>
The preceding code snippet produces the button shown in Figure 2-3.
You can also programmatically set a button with images. Assume you have the 
following 
Button
in your UI:
android:id="@+id/imageTextButton6" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content"
android:text=""/>
The following code snippet sets the button with the text “Android” and the
image at the top of the button (see Figure 2-4):
//---Button view---
Button btn = (Button) findViewById(R.id.imageTextButton6);
btn.setText("Android");
btn.setCompoundDrawablesWithIntrinsicBounds(
0, // left
R.drawable.ic_launcher, // top
0, // right
0); // bottom