Placing a textview on top of imageview in android

Question

I have a listview  that has a single imageview which is scrollable vertically I am trying to place a textview on top of Imageview Both the views must be visible      Is it possible   If yes  How to do it programmatically   What changes should i need to make       list view item for images xml   lt  xml version  1 0  encoding  utf-8   gt   lt RelativeLayout xmlns android  http   schemas android com apk res android      xmlns tools  http   schemas android com tools      android layout width  fill parent      android layout height  fill parent   gt        lt ImageView         android id    id flag          android layout width  fill parent          android layout height  250dp          android layout alignParentLeft  true          android layout alignParentRight  true          android scaleType  fitXY          android src   drawable ic launcher    gt    lt  RelativeLayout gt    It gives a output like below    How to do something like below    note    Dish 1  amp  2 are textviews

User · Answer

Try this    lt RelativeLayout  xmlns android  http   schemas android com apk res android  android id    id rel layout  android layout width  match parent  android layout height  match parent   gt    lt ImageView     android id    id ImageView      android layout width  wrap content      android layout height  wrap content      android src   source of image   gt    lt TextView     android id    id ImageViewText      android layout width  wrap content      android layout height  wrap content      android layout alignLeft   id ImageView      android layout alignTop   id ImageView      android layout alignRight   id ImageView      android layout alignBottom   id ImageView      android text   u r text here     android gravity  center        gt      Hope this could help you

User · Answer

As you mentioned in OP  you need to overlay Text on ImageView programmatically way  You can get ImageView drawable and write on it with the help of putting it on Canvas and Paint    private BitmapDrawable writeTextOnDrawable int drawableId  String text       Bitmap bm   BitmapFactory decodeResource getResources    drawableId  copy Bitmap Config ARGB 8888  true    Typeface tf   Typeface create  Helvetica   Typeface BOLD    Paint paint   new Paint     paint setStyle Style FILL    paint setColor Color WHITE    paint setTypeface tf    paint setTextAlign Align CENTER    paint setTextSize 11    Rect textRect   new Rect     paint getTextBounds text  0  text length    textRect    Canvas canvas   new Canvas bm    canvas drawText text  xPos  yPos  paint    return new BitmapDrawable getResources    bm

User · Answer

you can use framelayout to achieve this   how to use framelayout   lt FrameLayout xmlns android  http   schemas android com apk res android     android layout width  fill parent     android layout height  fill parent  gt       lt ImageView     android src   drawable ic launcher     android scaleType  fitCenter     android layout height  250px     android layout width  250px   gt       lt TextView    android text  Frame Demo     android textSize  30px     android textStyle  bold     android layout height  fill parent     android layout width  fill parent     android gravity  center   gt   lt  FrameLayout gt    ref  tutorialspoint

User · Answer

Maybe you should just write the ImageView first and the TextView second   That can help sometimes  That s simple but I hope it helps somebody

User · Answer

you can try this too  I use just framelayout     lt FrameLayout                 android layout width  match parent                  android layout height  wrap content                  android background   drawable cover                  android gravity  bottom  gt                    lt TextView                     android layout width  wrap content                      android layout height  wrap content                      android textAppearance   android attr textAppearanceMedium                      android text  Hello                        android id    id welcomeTV                      android textColor   color textColor                      android layout gravity  left bottom    gt               lt  FrameLayout gt

User · Answer

just drag and drop the TextView over ImageView in eclipse   lt RelativeLayout xmlns android  http   schemas android com apk res android  xmlns tools  http   schemas android com tools  android layout width  match parent  android layout height  match parent  android paddingBottom   dimen activity vertical margin  android paddingLeft   dimen activity horizontal margin  android paddingRight   dimen activity horizontal margin  android paddingTop   dimen activity vertical margin  tools context   MainActivity   gt    lt ImageView     android id    id imageView1      android layout width  wrap content      android layout height  wrap content      android layout alignParentLeft  true      android layout alignParentTop  true      android layout marginLeft  48dp      android layout marginTop  114dp      android src   drawable bluehills    gt    lt TextView     android id    id textView1      android layout width  wrap content      android layout height  wrap content      android layout alignLeft    id imageView1      android layout centerVertical  true      android layout marginLeft  85dp      android text  TextView    gt    lt  RelativeLayout gt    And this the output the above xml

User · Answer

This should give you the required layout    lt  xml version  1 0  encoding  utf-8   gt   lt RelativeLayout xmlns android  http   schemas android com apk res android      xmlns tools  http   schemas android com tools      android layout width  fill parent      android layout height  fill parent   gt        lt ImageView         android id    id flag          android layout width  fill parent          android layout height  250dp          android layout alignParentLeft  true          android layout alignParentRight  true          android scaleType  fitXY          android src   drawable ic launcher    gt        lt TextView         android id    id textview          android layout width  wrap content          android layout height  wrap content          android layout alignParentTop  true          android layout marginTop  20dp          android layout centerHorizontal  true    gt    lt  RelativeLayout gt    Play with the android layout marginTop  20dp  to see which one suits you better  Use the id textview to dynamically set the android text value   Since a RelativeLayout stacks its children  defining the TextView after ImageView puts it  over  the ImageView   NOTE  Similar results can be obtained using a FrameLayout as the parent  along with the efficiency gain over using any other android container  Thanks to Igor Ganapolsky see comment below  for pointing out that this answer needs an update

[android] Placing a textview on top of imageview in android

Examples related to android

Examples related to textview

Examples related to android-imageview