Android Text over image

Question

I have an imageView with an image  over that image I want to place a text  How can I achieve that

User · Answer

Try the below code this will help you        lt RelativeLayout     android layout width  match parent      android layout height  150dp  gt        lt ImageView         android layout width  wrap content          android layout height  match parent          android src   drawable gallery1   gt         lt TextView         android layout width  wrap content          android layout height  wrap content          android layout alignParentBottom  true          android background   7ad7d7d7          android gravity  center          android text  Juneja Art Gallery          android textColor   000000          android textSize  15sp   gt   lt  RelativeLayout gt

User · Answer

You may want to take if from a diffrent side  It seems easier to have a TextView with a drawable on the background      lt TextView             android id    id text              android background   drawable rounded rectangle              android layout width  wrap content              android layout height  wrap content           lt  TextView gt

User · Answer

You can use a TextView and change its background to the image you want to use

User · Answer

For this you can use only one TextView with android drawableLeft Right Top Bottom to position a Image to the TextView  Furthermore you can use some padding between the TextView and the drawable with android drawablePadding     Use it like this    lt TextView     android id    id textAndImage      android layout width  wrap content      android layout height  wrap content       android drawableBottom   drawable yourDrawable      android drawablePadding  10dp       android text  Look at the drawable below   gt    With this you don t need an extra ImageView  It s also possible to use two drawables on more than one side of the TextView   The only problem you will face by using this  is that the drawable can t be scaled the way of an ImageView

User · Answer

There are many ways  You use RelativeLayout or AbsoluteLayout   With relative  you can have the image align with parent on the left side for example and also have the text align to the parent left too    then you can use margins and padding and gravity on the text view to get it lined where you want over the image

User · Answer

You could possibly    make a new class inherited from the Class ImageView and  override the Method onDraw  Call super onDraw   in that method first and  then draw some Text you want to display    if you do it that way  you can use this as a single Layout Component which makes it easier to layout together with other components

User · Answer

The below code this will help you  public class TextProperty       private int heigt                                             private String   context   new String 1024                               parameter wordNum                    public TextProperty int wordNum  InputStreamReader in  throws Exception           int i 0          BufferedReader br   new BufferedReader in           String s          while  s br readLine     null               if s length   gt wordNum                   int k 0                  while k wordNum lt  s length                         context i      s substring k  k wordNum                       k k wordNum                                    context i      s substring k s length                               else                  context i    s                                  this heigt   i          in close            br close                public int getHeigt             return heigt             public String   getContext              return context            public class MainActivity extends AppCompatActivity        private Button btn      private ImageView iv      private final int WORDNUM   35                         private final int WIDTH   450                    Override     public void onCreate Bundle savedInstanceState            super onCreate savedInstanceState           setContentView R layout activity main            iv    ImageView  findViewById R id imageView           btn    Button  findViewById R id button            btn setOnClickListener new View OnClickListener                 public void onClick View v                    int x 5 y 10                  try                       TextProperty tp   new TextProperty WORDNUM  new InputStreamReader getResources   getAssets   open  1 txt                          Bitmap bitmap   Bitmap createBitmap WIDTH  20 tp getHeigt    Bitmap Config ARGB 8888                       Canvas canvas   new Canvas bitmap                       Paint paint   new Paint                        paint setColor Color WHITE                       paint setTextAlign Paint Align LEFT                       paint setTextSize 20f                        String    ss   tp getContext                        for int i 0 i lt tp getHeigt   i                             canvas drawText ss i   x  y  paint                           y y 20                                             canvas save Canvas ALL SAVE FLAG                       canvas restore                        String path   Environment getExternalStorageDirectory       image png                       System out println path                       FileOutputStream os   new FileOutputStream new File path                        bitmap compress Bitmap CompressFormat PNG  100  os                         Display the image on ImageView                      iv setImageBitmap bitmap                       iv setBackgroundColor Color BLUE                       os flush                        os close                                      catch  Exception e                           TODO Auto-generated catch block                     e printStackTrace

User · Answer

That is how I did it and it worked exactly as you asked for inside a RelativeLayout    lt RelativeLayout      xmlns android  http   schemas android com apk res android      android id    id relativelayout      android layout width  fill parent      android layout height  fill parent   gt        lt ImageView         android id    id myImageView          android layout width  wrap content          android layout height  wrap content          android src   drawable myImageSouce    gt        lt TextView         android id    id myImageViewText          android layout width  wrap content          android layout height  wrap content          android layout alignLeft   id myImageView          android layout alignTop   id myImageView          android layout alignRight   id myImageView          android layout alignBottom   id myImageView          android layout margin  1dp          android gravity  center          android text  Hello          android textColor   000000    gt    lt  RelativeLayout gt

User · Answer

You want to use a FrameLayout or a Merge layout to achieve this  Android dev guide has a great example of this here  Android Layout Tricks  3  Optimize by merging

[android] Android Text over image

Examples related to android

Examples related to android-imageview

Examples related to android-image