How to align LinearLayout at the center of its parent

Question

I ve looked through numerous similar questions here at SO  but nothing helps  I have a hierarchy of different nested layouts  all have android layout width  fill parent   and the inner-most layout has android layout width  wrap content - I need to align it at the center  horizontally   How do I do that   Update   I ve found the cause of the problem - if I put the inner LinearLayout into RelativeLayout with android layout width  fill parent   it still wraps it s content  The TableRow  however  is really filling the screen    lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout xmlns android  http   schemas android com apk res android      android layout width  fill parent      android layout height  fill parent      android orientation  vertical   gt       lt FrameLayout         android layout width  fill parent          android layout height  wrap content   gt           lt TableLayout             android layout width  fill parent              android layout height  wrap content   gt               lt TableRow  gt               lt LinearLayout              android orientation  horizontal                      android layout width  wrap content                      android layout height  wrap content  gt                       lt TextView                     android layout height  wrap content                      android layout width  wrap content                      android text  1                      android textAppearance   android attr textAppearanceLarge    gt                         lt TextView                     android layout height  wrap content                      android layout width  wrap content                      android text  2                      android textAppearance   android attr textAppearanceLarge    gt                lt  LinearLayout gt              lt  TableRow gt           lt  TableLayout gt       lt  FrameLayout gt   lt  LinearLayout gt

User · Accepted Answer

These two attributes are commonly confused:

android:gravity sets the gravity of the content of the View it's used on.
android:layout_gravity sets the gravity of the View or Layout relative to its parent.

So either put android:gravity="center" on the parent or android:layout_gravity="center" on the LinearLayout itself.

I have caught myself a number of times mixing them up and wondering why things weren't centering properly...

User · Answer

I experienced this while working with nested RelativeLayouts   My solution ended up being simple  but it s a little gotcha that s worth being aware of   My layout was defined with     android layout height  fill parent  android layout below   id someLayout android gravity  center       however  I didn t think that the layout below this one was placed on top of it   Everything inside this layout was shifted towards the bottom instead of centered   Adding     android layout above   id bottomLayout       fixed my issue

User · Answer

Please try this in your linear layout    android layout centerHorizontal  true  android layout centerVertical  true

User · Answer

this worked for me    lt LinearLayout gt        android gravity  center      gt    lt TextView android layout gravity    center    gt   lt Button android layout gravity  center    gt    lt  LinearLayout gt    so you re designing the Linear Layout to place all its contents TextView and Button  in its center and then the TextView and Button are placed relative to the center of the Linear Layout

User · Answer

lt RelativeLayout     android layout width  fill parent      android layout height  wrap content       gt       lt LinearLayout              android orientation  horizontal              android layout centerHorizontal  true              android layout width  wrap content              android layout height  wrap content  gt               lt TextView                  android layout height  wrap content                   android layout width  wrap content                   android text  1                   android textAppearance   android attr textAppearanceLarge    gt               lt TextView                  android layout height  wrap content                   android layout width  wrap content                   android text  2                   android textAppearance   android attr textAppearanceLarge    gt       lt  LinearLayout gt   lt  RelativeLayout gt    consider wrapping relativeLayout over LinearLayout  android layout centerHorizontal  true  will position the view center horizontal

User · Answer

This worked for me   adding empty view      lt LinearLayout        android layout width  match parent          android layout height  wrap content         android layout gravity  center horizontal          android orientation  horizontal            gt   lt View             android layout width  0dp              android layout height  0dp              android layout weight  1                gt          lt com google android gms ads AdView           android id    id adView           android layout width  wrap content           android layout height  wrap content            android layout gravity  center horizontal           ads adSize  BANNER           ads adUnitId   string banner ad unit id   gt        lt  com google android gms ads AdView gt       lt View             android layout width  0dp              android layout height  0dp              android layout weight  1                gt         lt  LinearLayout gt

User · Answer

The problem is that the root s  the main layout you store the other elements  gravity is not set  If you change it to center the other elements  gravity must work just fine

User · Answer

add layout gravity  center  or  center horizontal  to the parent layout   On a side note  your LinearLayout inside your TableRow seems un-necessary  as a TableRow is already an horizontal LinearLayout

User · Answer

jksschneider explation is almost right  Make sure that you haven t set any gravity to parent layout  and then set layout gravity  center  to your view or layout

User · Answer

Below is code to put your Linearlayout at bottom and put its content at center  You have to use RelativeLayout to set Layout at bottom      lt RelativeLayout xmlns android  http   schemas android com apk res android      android layout width  match parent      android layout height  match parent      android orientation  vertical  gt      lt LinearLayout     android layout width  match parent      android layout height  50dp      android background   97611F      android gravity  center horizontal      android layout alignParentBottom  true      android orientation  horizontal  gt        lt TextView         android layout width  wrap content          android layout height  50dp          android text  View Saved Searches          android textSize  15dp          android textColor   fff          android gravity  center vertical          android visibility  visible    gt       lt TextView         android layout width  30dp          android layout height  24dp          android text  12          android textSize  12dp          android textColor   fff          android gravity  center horizontal          android padding  1dp          android visibility  visible    gt     lt  LinearLayout gt     lt  RelativeLayout gt

User · Answer

for ImageView or others views who layout-gravity or gravity does not exist use               android layout centerInParent  true  in the child   I had a relative layout with an ImageView as a child

User · Answer

I have faced the same situation while designing custom notification  I have tried with the following attribute set with true    android layout centerInParent

User · Answer

Try  lt TableRow android gravity  center horizontal  gt  This will center the inner LinearLayout within the tablerow

User · Answer

Try this    lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout xmlns android  http   schemas android com apk res android      android layout width  fill parent      android layout height  fill parent      android orientation  vertical       gt       lt FrameLayout         android layout width  fill parent          android layout height  wrap content   gt           lt TableLayout             android layout width  fill parent              android layout height  wrap content   gt               lt TableRow  gt               lt LinearLayout              android orientation  horizontal                      android layout width  wrap content                      android layout height  wrap content                      android gravity  center horizontal                       android layout gravity  center horizontal   gt                       lt TextView                     android layout height  wrap content                      android layout width  wrap content                      android text  1                      android textAppearance   android attr textAppearanceLarge    gt                         lt TextView                     android layout height  wrap content                      android layout width  wrap content                      android text  2                      android textAppearance   android attr textAppearanceLarge    gt                lt  LinearLayout gt              lt  TableRow gt           lt  TableLayout gt       lt  FrameLayout gt   lt  LinearLayout gt

[android] How to align LinearLayout at the center of its parent?

Examples related to android

Examples related to android-layout

Examples related to android-ui