Android Center an image

Question

I ve got a linear layout and an image      lt  xml version  1 0  encoding  utf-8   gt    lt LinearLayout xmlns android  http   schemas android com apk res android  android orientation  vertical  android layout width  fill parent  android layout height  fill parent  gt    lt ImageView android layout width  wrap content  android id    id imageView1   android src   drawable icon  android layout height  wrap content   android scaleType  center  gt  lt  ImageView gt    lt  LinearLayout gt    How do I dynamically center my image so that it will appear in the center of the screen on all devices

User · Answer

try this    lt LinearLayout     android layout width  match parent      android layout height  0dp      android gravity  center      android orientation  horizontal   gt        lt ImageView         android layout width  wrap content          android layout height  wrap content          android gravity  center          android scaleType  centerInside          android src   drawable logo    gt    lt  LinearLayout gt

User · Answer

change layout weight according you will get       Enter this     lt LinearLayout     android layout width  match parent      android layout height  wrap content      android layout gravity  center      android layout weight  0 03  gt       lt ImageView         android id    id imageView          android layout width  match parent          android layout height  wrap content          android layout weight  1          android scaleType  centerInside          android layout gravity  center          android src   drawable logo    gt    lt  LinearLayout gt

User · Answer

You can also use this   android layout centerHorizontal  true    The image will be placed at the center of the screen

User · Answer

First of all  you need to use  match parent  and don t use  fill parent  in the LinearLayout declaration  you could check the  official documentation  here https   developer android com reference android view ViewGroup LayoutParams html MATCH PARENT Another observation is that you need to use the ImageView as a child  then use ImageView should be self-closing  this  means that it should end with       Then let me show you some fast ideas  1- As natural way   lt LinearLayout xmlns android  http   schemas android com apk res android      android layout width  match parent  android layout height  match parent   gt  lt ImageView  android layout width  wrap content   android layout height  match parent  android id    id imageView1  android src   drawable ocean  android scaleType  center   gt   lt  LinearLayout gt    Then looks like   2- You could improvise fastly   lt LinearLayout xmlns android  http   schemas android com apk res android  android layout width  match parent  android layout height  match parent  android background   ffffff    gt  lt ImageView  android layout width  match parent   android layout height  match parent  android id    id imageView1  android scaleType  center   gt  lt ImageView  android layout width  match parent   android layout height  match parent  android id    id imageView1  android src   drawable ocean  android scaleType  center   gt   lt ImageView  android layout width  match parent   android layout height  match parent  android id    id imageView1  android background   ffffff  android scaleType  center   gt  lt  LinearLayout gt    And then looks like    3- Other ideas could be born in that way  for instance this one   lt LinearLayout xmlns android  http   schemas android com apk res android      android layout width  match parent  android layout height  match parent   gt  lt ImageView  android layout width  300dp   android layout height  80dp  android id    id imageView1    gt  lt ImageView  android layout width  300dp   android layout height  80dp  android id    id imageView1  android src   drawable ocean     gt    lt ImageView  android layout width  300dp   android layout height  80dp  android id    id imageView1    gt   lt  LinearLayout gt    Lokking like this    Other possibility   lt LinearLayout xmlns android  http   schemas android com apk res android  android layout width  match parent  android layout height  match parent  android background   ffffff   gt  lt ImageView  android layout width  match parent  android layout height  match parent  android src   drawable ocean  android id    id imageView1  android scaleType  center   gt  lt ImageView  android layout width  match parent  android layout height  match parent  android id    id imageView1  android background   ffffff  android scaleType  center   gt   lt ImageView  android layout width  match parent   android layout height  match parent  android id    id imageView1  android background   ffffff      android src   drawable ocean  android scaleType  center   gt  lt  LinearLayout gt      As we have been seeing  you could use  hidden spaces  or  spaces with background color  to fastly solve some trouble  obviously  this is not always a possibility

User · Answer

If you are using a LinearLayout   use the gravity attribute      lt LinearLayout xmlns android  http   schemas android com apk res android      android orientation  vertical       android layout width  match parent      android layout height  match parent      android gravity  center  gt        lt ImageView android layout width  wrap content          android id    id imageView1          android src   drawable icon          android layout height  wrap content          android scaleType  centerInside    gt   lt  LinearLayout gt    If you are using a RelativeLayout   you can use android layout centerInParent as follows      lt RelativeLayout xmlns android  http   schemas android com apk res android      android layout width  match parent      android layout height  match parent   gt        lt ImageView android id    id imageView1          android layout width  wrap content          android layout height  wrap content          android src   drawable icon          android scaleType  centerInside          android layout centerInParent  true    gt    lt  RelativeLayout gt

User · Answer

android scaleType   centerInside   --  this line use to center an image   but you need to keep height and width of an image as wrap context    lt ImageView             android id     id imageView6              android layout width   wrap content              android layout height   wrap content              android scaleType   centerInside              android layout marginTop   20dp              app srcCompat    drawable myimage    gt

User · Answer

Technically both answers above are correct  but since you are setting your ImageView to fill parent instead of wrap content  the image within is not centered  but the ImageView itself is    Give your ImageView the attributes   android scaleType  centerInside  android gravity  center    The scaleType is really only necessary in this case if the image exceeds the size of the ImageView  You may also want different scaleTypes  In conclusion  android gravity is what you re looking for in this case  but if your ImageView is set to wrap content  you should set the ImageView s gravity  android layout gravity  to be centered within the parent

User · Answer

Here are 2 ways you can center an image  or images  both vertically and horizontally in LinearLayout    1  Use the android layout gravity  center  attribute in ImageView   lt LinearLayout xmlns android  http   schemas android com apk res android      android orientation  vertical      android layout width  match parent      android layout height  match parent  gt        lt ImageView         android id    id imageView1          android layout width  wrap content          layout height  wrap content          android src   drawable icon          android layout gravity  center   gt   lt  LinearLayout gt    How this works  the android layout gravity  center  attribute in ImageView centers itself  i e  the image  vertically and horizontally relative to its parent  LinearLayout    -- OR --   2  Alternatively  you can use the android gravity  center  attribute in LinearLayout and omit the android layout gravity  center  attribute in ImageView     lt LinearLayout xmlns android  http   schemas android com apk res android      android orientation  vertical      android layout width  match parent      android layout height  match parent      android gravity  center  gt        lt ImageView         android id    id imageView1          android layout width  wrap content          layout height  wrap content          android src   drawable icon          android layout gravity  center   gt   lt  LinearLayout gt    How this works  the android gravity  center  attribute in LinearLayout centers its child children  in this case  it s the image  vertically and horizontally

User · Answer

Another method    in Relative tested  but I think in Linear would be also works       android layout width  wrap content      android layout height  wrap content      android layout alignParentTop  true      android adjustViewBounds  true      android gravity  center    If you use Eclipse you can choose graphical layout when   xml file is active  On the top  you will find the Structure and option Adjust View Bounds  It will cut short all dimensions of pseudo-frame  blue rectangle  to size of your drawable file   See also the scaleType option with make funny your image  Try it in Eclipse

User · Answer

What did it for me was  LinearLayout      RelativeLayout            lt ImageView               width                   height        --- gt      android layout centerHorizontal  true    cheers

User · Answer

This worked for me     lt LinearLayout         android layout width  match parent          android layout height  0dp          android gravity  center          android orientation  horizontal   gt            lt ImageView             android layout width  wrap content              android layout height  wrap content              android contentDescription   string Logo              android gravity  center              android scaleType  centerInside              android src   drawable logo    gt        lt  LinearLayout gt

User · Answer

In LinearLayout  use  android layout gravity  center    In RelativeLayout  use  android layout centerInParent  true

User · Answer

Simply add this to your ImageView   android layout gravity  center

[android] Android: Center an image

Examples related to android

Examples related to android-layout