How to show the text on a ImageButton

Question

I have an ImageButton and I want to show a text and an image on it  But when I try on emulator    lt ImageButton      android text  OK       android id    id buttonok       android src   drawable buttonok      android layout width  match parent       android layout height  wrap content    gt    I get the image but without the text  How can I show the text  Please help me

User · Answer

It is technically possible to put a caption on an ImageButton if you really want to do it. Just put a TextView over the ImageButton using FrameLayout. Just remember to not make the Textview clickable.

Example:

<FrameLayout>
    <ImageButton
        android:id="@+id/button_x"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="@null"
        android:scaleType="fitXY"
        android:src="@drawable/button_graphic" >
    </ImageButton>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:clickable="false"
        android:text="TEST TEST" >
    </TextView>
</FrameLayout>

User · Answer

Actually  android text is not an argument accepted by ImageButton but  If you re trying to get a button with a specified background  not android default  use the android background xml attribute  or declare it from the class with  setBackground

User · Answer

I solved this by putting the ImageButton and TextView inside a LinearLayout with vertical orientation  Works great     lt LinearLayout     android id    id linLayout      android layout width  80dp      android layout height  wrap content      android orientation  vertical   gt        lt ImageButton         android id    id camera ibtn          android layout width  60dp          android layout height  60dp          android layout gravity  center          android background   drawable camera    gt        lt TextView         android id    id textView2          android layout width  80dp          android layout height  wrap content          android gravity  center          android text   string take pic          android textColor   FFFFFF          android textStyle  bold    gt    lt  LinearLayout gt

User · Answer

you can use a regular Button and the android drawableTop attribute  or left  right  bottom  instead

User · Answer

Here is the solution  lt LinearLayout     android id  quot   id buttons line1 quot      android layout centerHorizontal  quot true quot      android layout centerVertical  quot true quot      android layout width  quot wrap content quot      android layout height  quot wrap content quot  gt       lt ImageButton         android id  quot   id btn mute quot          android src  quot  drawable btn mute quot          android background  quot  drawable circle gray quot          android layout width  quot 60dp quot          android layout height  quot 60dp quot   gt       lt ImageButton         android id  quot   id btn keypad quot          android layout marginLeft  quot 50dp quot          android src  quot  drawable btn dialpad quot          android background  quot  drawable circle gray quot          android layout width  quot 60dp quot          android layout height  quot 60dp quot   gt       lt ImageButton         android id  quot   id btn speaker quot          android layout marginLeft  quot 50dp quot          android src  quot  drawable btn speaker quot          android background  quot  drawable circle gray quot          android layout width  quot 60dp quot          android layout height  quot 60dp quot   gt   lt  LinearLayout gt   lt LinearLayout     android layout below  quot   id buttons line1 quot      android layout centerHorizontal  quot true quot      android layout centerVertical  quot true quot      android layout marginTop  quot 10dp quot      android layout width  quot wrap content quot      android layout height  quot wrap content quot  gt       lt TextView         android text  quot mute quot          android clickable  quot false quot          android textAlignment  quot center quot          android textColor  quot  color Grey quot          android layout width  quot 60dp quot          android layout height  quot wrap content quot   gt       lt TextView         android text  quot keypad quot          android clickable  quot false quot          android layout marginLeft  quot 50dp quot          android textAlignment  quot center quot          android textColor  quot  color Grey quot          android layout width  quot 60dp quot          android layout height  quot wrap content quot   gt       lt TextView         android text  quot speaker quot          android clickable  quot false quot          android layout marginLeft  quot 50dp quot          android textAlignment  quot center quot          android textColor  quot  color Grey quot          android layout width  quot 60dp quot          android layout height  quot wrap content quot   gt   lt  LinearLayout gt

User · Answer

Best way to show Text on button with image   Your Question  How to show text on imagebutton  Answer  You can not display text with imageButton  Method that tell in Accepted answer also not work  because If you use android drawableLeft  quot  drawable buttonok quot  then you can not set drawable in center of button  If you use android background  quot  drawable button bg quot  then color of your drawable will be changed  In android world there are thousands of option to do this  But here i provide best alternate according to my point of view   see below   Solution  Use cardView with LinearLayout  Your drawable image use in LinearLayout because it shows in center  And with help of textView you can set text on this  We makes cardView background to transparent   lt androidx cardview widget CardView                 android layout width  quot match parent quot                  android layout height  quot 99dp quot                  android layout margin  quot 16dp quot                  app cardBackgroundColor  quot  android color transparent quot                  app cardElevation  quot 0dp quot                  app cardUseCompatPadding  quot true quot  gt                   lt LinearLayout                     android layout width  quot match parent quot                      android layout height  quot match parent quot                      android background  quot  drawable your selected image quot                       gt                        lt TextView                         android layout width  quot match parent quot                          android layout height  quot match parent quot                          android text  quot Happy Coding quot                          android textSize  quot 33sp quot                          android gravity  quot center quot                           gt                       lt  TextView gt                    lt  LinearLayout gt               lt  androidx cardview widget CardView gt   here i explain some terms  app cardBackgroundColor  quot  android color transparent quot  for make transparent background of cardView app cardElevation  quot 0dp quot  for hide evelation lines around cardView app cardUseCompatPadding  quot true quot  its provide actual size of cardView  Always use this when you use cardView set your image drawable in LinearLayout as a background  Sorry  for my Bad English  Happy Coding

User · Answer

Heres a nice circle example   drawable circle xml    lt  xml version  1 0  encoding  utf-8   gt   lt shape     xmlns android  http   schemas android com apk res android      android shape  oval  gt        lt solid         android color   ff87cefa   gt        lt size         android width  60dp          android height  60dp   gt   lt  shape gt    And then the button in your xml file    lt Button     android id    id btn send      android layout width  60dp      android layout height  60dp      android background   drawable circle      android text  OK   gt

User · Answer

You can use a LinearLayout instead of using Button it s an arrangement i used in my app     lt LinearLayout         android layout width  match parent          android layout height  wrap content          android layout margin  20dp          android background   color mainColor          android orientation  horizontal          android padding  10dp  gt            lt ImageView             android layout width  50dp              android layout height  50dp              android background   drawable ic cv              android textColor   color offBack              android textSize  20dp    gt            lt TextView             android layout width  wrap content              android layout height  wrap content              android layout margin  10dp              android text   string cartyCv              android textColor   color offBack              android textSize  25dp    gt        lt  LinearLayout gt

User · Answer

Best way    lt Button  android text  OK   android id    id buttonok   android background   drawable buttonok  android layout width  match parent   android layout height  wrap content   gt

User · Answer

Guys I need to develop the setting and logout button  I used the below code         lt Button         android id    id imageViewLogout          android layout width  100dp          android layout height  wrap content          android layout margin   dimen size 30dp          android layout alignParentLeft  true          android text  Settings          android drawablePadding  10dp          android background   android color transparent          android layout alignParentBottom  true          android drawableTop   drawable logout    gt

User · Answer

As you can t use android text I recommend you to use a normal button and use one of the compound drawables  For instance    lt Button      android id    id buttonok       android layout width  match parent       android layout height  wrap content      android drawableLeft   drawable buttonok      android text  OK   gt    You can put the drawable wherever you want by using  drawableTop  drawableBottom  drawableLeft or drawableRight   UPDATE  For a button this too works pretty fine  Putting android background is fine    lt Button     android id    id fragment left menu login      android layout width  wrap content      android layout height  wrap content      android background   drawable button bg      android text   string login string    gt    I just had this issue and is working perfectly

User · Answer

ImageButton can t have text  or  at least  android text isn t listed in its attributes     The Trick is   It looks like you need to use Button  and look at drawableTop or setCompoundDrawablesWithIntrinsicBounds int int int int

[android] How to show the text on a ImageButton?

Examples related to android

Examples related to imagebutton