Center a button in a Linear layout

Question

I am using a linear layout to display a pretty light initial screen   It has 1 button that is supposed to centre in the screen both horizontally and vertically   However no matter what I try to do the button will top align centre   I have included the XML below  can some one point me in the right direction    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 ImageButton android id    id btnFindMe           android layout width  wrap content           android layout height  wrap content          android layout gravity  center vertical center horizontal          android background   drawable findme  gt  lt  ImageButton gt    lt  LinearLayout gt

User · Answer

This is working for me   android layout alignParentEnd  true

User · Answer

complete and working sample from my machine      x000D   x000D   lt LinearLayout xmlns android  http   schemas android com apk res android  x000D      xmlns tools  http   schemas android com tools  x000D      android layout width  fill parent  x000D      android layout height  fill parent  x000D      android paddingLeft   dimen activity horizontal margin  x000D      android paddingRight   dimen activity horizontal margin  x000D      android paddingTop   dimen activity vertical margin  x000D      android paddingBottom   dimen activity vertical margin  x000D      android orientation  vertical  x000D      tools context   MainActivity  x000D      android gravity  center  x000D      android textAlignment  center  gt  x000D   x000D   x000D       lt TextView x000D          android layout width  fill parent  x000D          android layout height  wrap content  x000D          android textAppearance   android attr textAppearanceLarge  x000D          android text  My Apps   x000D          android id    id textView  x000D          android gravity  center  x000D          android layout marginBottom  20dp  x000D         gt  x000D   x000D       lt Button x000D          android layout width  220dp  x000D          android layout height  wrap content  x000D          android text  SPOTIFY STREAMER  x000D          android id    id button spotify  x000D          android gravity  center  x000D          android layout below    id textView  x000D          android padding  20dp  x000D            gt  x000D   x000D       lt Button x000D          android layout width  220dp  x000D          android layout height  wrap content  x000D          android text  SCORES  x000D          android id    id button scores  x000D          android gravity  center  x000D          android layout below    id textView  x000D          android padding  20dp  x000D            gt  x000D   x000D   x000D       lt Button x000D          android layout width  220dp  x000D          android layout height  wrap content  x000D          android layout centerInParent  true  x000D          android text  LIBRARY APP  x000D          android id    id button library  x000D          android gravity  center  x000D          android layout below    id textView  x000D          android padding  20dp  x000D            gt  x000D   x000D       lt Button x000D          android layout width  220dp  x000D          android layout height  wrap content  x000D          android layout centerInParent  true  x000D          android text  BUILD IT BIGGER  x000D          android id    id button buildit  x000D          android gravity  center  x000D          android layout below    id textView  x000D          android padding  20dp  x000D            gt  x000D   x000D       lt Button x000D          android layout width  220dp  x000D          android layout height  wrap content  x000D          android layout centerInParent  true  x000D          android text  BACON READER  x000D          android id    id button bacon  x000D          android gravity  center  x000D          android layout below    id textView  x000D          android padding  20dp  x000D            gt  x000D   x000D       lt Button x000D          android layout width  220dp  x000D          android layout height  wrap content  x000D          android layout centerInParent  true  x000D          android text  CAPSTONE  MY OWN APP  x000D          android id    id button capstone  x000D          android gravity  center  x000D          android layout below    id textView  x000D          android padding  20dp  x000D            gt  x000D   x000D   lt  LinearLayout gt  x000D   x000D   x000D

User · Answer

just use    to make it in the center of your layout           android layout gravity  center     and use            android layout marginBottom  80dp            android layout marginTop  80dp    to change postion

User · Answer

Add this  android gravity  center    In LinearLayout

User · Answer

If you want to center an item in the middle of the screen don t use a LinearLayout as these are meant for displaying a number of items in a row   Use a RelativeLayout instead     So replace   android layout gravity  center vertical center horizontal    for the relevant RelativeLayout option   android layout centerInParent  true    So your layout file will look like this    lt  xml version  1 0  encoding  utf-8   gt   lt RelativeLayout android id    id RelativeLayout01       android layout width  fill parent       android layout height  fill parent      xmlns android  http   schemas android com apk res android  gt        lt ImageButton android id    id btnFindMe           android layout width  wrap content           android layout height  wrap content          android layout centerInParent  true          android background   drawable findme  gt  lt  ImageButton gt    lt  RelativeLayout gt

User · Answer

Set to true  android layout alignParentTop  true  and  android layout centerHorizontal  true  in the Button  like this    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       gt        lt Button         android id    id switch flashlight          android layout width  wrap content          android layout height  wrap content          android text   string turn on flashlight          android textColor   android color black          android onClick  action trn          android background   android color holo green light          android layout alignParentTop  true          android layout centerHorizontal  true          android padding  5dp    gt   lt  RelativeLayout gt

User · Answer

It would be easier to use relative layouts  but for linear layouts I usually center by making sure the width matches parent         android layout width  match parent    and then just give margins to right and left accordingly        android layout marginLeft  20dp      android layout marginRight  20dp

User · Answer

Have you tried defining android gravity  center vertical center horizontal  inside the layout and setting android layout weight  1  in the image

User · Answer

A commonly-used method that works with linear layout is to set a property on the image button  android layout gravity  center    You can choose whether to left-align  center-align  or right-align each object in the linear layout   Note that the above line is precisely the same as  android layout gravity  center vertical center horizontal

User · Answer

You can also set the width of the LinearLayout to wrap content and use android layout centerInParent  android layout centerVertical  true     lt LinearLayout xmlns android  http   schemas android com apk res android  android orientation  vertical  android layout width  wrap content  android layout height  fill parent  android layout centerInParent  true  android layout centerHorizontal  true  android layout centerVertical  true   gt    lt ImageButton android id    id btnFindMe       android layout width  wrap content       android layout height  wrap content             android background   drawable findme   gt

User · Answer

easy with this       lt LinearLayout         android layout width  match parent          android layout height  match parent          android layout weight  1          android visibility  visible           android gravity  center          android orientation  vertical   gt            lt ProgressBar             android id    id pbEndTrip              android layout width  wrap content              android layout height  wrap content              android layout gravity  center                gt            lt TextView             android layout width  match parent              android layout height  wrap content              android layout marginTop  10dp              android gravity  center              android text  Gettings    gt       lt  LinearLayout gt

User · Answer

If you use LinearLayout you can add gravity center    lt LinearLayout         android layout width  match parent          android layout height  wrap content          android orientation  vertical          android gravity  center  gt               lt Button             android layout width  200dp              android layout height  wrap content                gt   lt  LinearLayout gt

User · Answer

You can use the RelativeLayout

User · Answer

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 ImageButton android id    id btnFindMe           android layout width  match parent           android layout height  wrap content          android layout gravity    center          android background   drawable findme  gt       lt  ImageButton gt    lt  LinearLayout gt    The above code will work

User · Answer

Center using a LinearLayout    lt LinearLayout     android id    id LinearLayout1      android layout width  match parent      android layout height  match parent      android gravity  center      android orientation  vertical   gt        lt ImageButton         android id    id btnFindMe          android layout width  wrap content          android layout height  wrap content          android background   drawable findme    gt   lt  LinearLayout gt

User · Answer

use      android layout centerHorizontal  true

User · Answer

Did you try this      lt TableLayout xmlns android  http   schemas android com apk res android  android id    id mainlayout  android orientation  vertical  android layout width  fill parent  android layout height  fill parent  gt   lt RelativeLayout android layout width  fill parent  android layout height  wrap content  android padding  5px  android background   303030   gt       lt RelativeLayout     android id    id widget42      android layout width  wrap content      android layout height  wrap content      android layout centerHorizontal  true       gt       lt ImageButton     android id    id map      android layout width  wrap content      android layout height  wrap content      android text  map      android src   drawable outbox pressed      android background   null      android layout toRightOf    id location        gt       lt ImageButton     android id    id location      android layout width  wrap content      android layout height  wrap content      android text  location      android src   drawable inbox pressed      android background   null        gt       lt  RelativeLayout gt       lt ImageButton     android id    id home      android src   drawable button back      android background   null      android layout width  wrap content      android layout height  wrap content      android layout centerVertical  true        gt   lt  RelativeLayout gt   lt LinearLayout android layout width  fill parent  android layout height  wrap content  android padding  5px  android orientation  horizontal  android background   252525   gt       lt EditText     android id    id searchfield      android layout width  fill parent      android layout weight  1      android layout height  wrap content      android layout centerHorizontal  true      android background   drawable customshape        gt       lt ImageButton     android id    id search button      android src   drawable search press      android background   null      android layout width  wrap content      android layout height  wrap content      android layout centerVertical  true        gt   lt  LinearLayout gt   lt com google android maps MapView     android id    id mapview       android layout weight  1      android layout width  fill parent      android layout height  wrap content       android clickable  true      android apiKey  apikey    gt    lt  TableLayout gt

User · Answer

You also can Try this Code    lt LinearLayout             android id    id linear layout              android layout width  fill parent              android layout height  0dp              android layout gravity  center              android orientation  horizontal              android weightSum  2 0              android background   drawable anyBackground   gt            lt LinearLayout             android layout width  match parent              android layout height  wrap content              android layout gravity  center              android orientation  vertical              android layout weight  1   gt                lt ImageView                 android id    id img mail                  android layout width  wrap content                  android layout height  wrap content                  android layout gravity  center                  android background   drawable yourImage    gt           lt  LinearLayout gt            lt LinearLayout             android layout width  match parent              android layout height  wrap content              android layout gravity  center              android orientation  vertical              android layout weight  1   gt      lt ImageView             android id    id img save              android layout width  wrap content              android layout height  match parent              android layout gravity  center              android background   drawable yourImage    gt           lt  LinearLayout gt           lt  LinearLayout gt

User · Answer

As per the Android documentation for XML Attributes of android layout gravity  we can do it easily      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  match parent      android layout height  match parent  gt        lt ImageButton android id    id btnFindMe           android layout width  wrap content           android layout height  wrap content           android layout gravity  center           android background   drawable findme  gt  lt  ImageButton gt    lt  LinearLayout gt

[xml] Center a button in a Linear layout

Examples related to xml

Examples related to android

Examples related to layout