Aligning textviews on the left and right edges in Android layout

Question

I am getting started with Android  I am having trouble getting a simple layout going     I would like to use a LinearLayout to position two TextViews in a single row  One TextView on the left hand side  the other on the right hand side  analogous to float left  float right in CSS    Is that possible  or do I need to use a different ViewGroup or further layout nesting to accomplish it   Here s what I have so far    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  horizontal  android padding  10sp  gt   lt TextView android id    id mytextview1  android layout height  wrap content  android text  somestringontheleftSomestring  android layout width  wrap content   gt   lt TextView android id    id mytextview2  android layout height  wrap content  android ellipsize  end      android text  somestringontheright  android layout width  wrap content   gt   lt  LinearLayout gt

User · Answer

lt TextView     android layout width  0dp      android layout height  wrap content      android layout weight  1      android text  Hello world    gt    lt View     android layout width  0dp      android layout height  match parent      android layout weight  1    gt    lt TextView     android layout width  wrap content      android layout height  wrap content      android text  Gud bye    gt

User · Answer

You can use the gravity property to  float  views    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 LinearLayout              android layout width  fill parent              android layout height  fill parent              android gravity  center vertical center horizontal              android orientation  horizontal  gt            lt TextView               android layout width  wrap content               android layout height  wrap content               android gravity  left              android layout weight  1              android text  Left Aligned                gt            lt TextView               android layout width  wrap content               android layout height  wrap content              android gravity  right              android layout weight  1              android text  Right Aligned                gt       lt  LinearLayout gt    lt  LinearLayout gt

User · Answer

Even with Rollin s s tip  Dave Webb s answer didn t work for me   The text in the right TextView was still overlapping the text in the left TextView     I eventually got the behavior I wanted with something like this    lt RelativeLayout     xmlns android  http   schemas android com apk res android      android id    id RelativeLayout01       android layout width  match parent       android layout height  match parent      android padding  10dp  gt    lt TextView      android id    id mytextview1      android layout width  wrap content       android layout height  wrap content      android layout alignParentLeft  true    gt    lt TextView      android id    id mytextview2      android layout width  match parent       android layout height  wrap content       android layout toRightOf   id mytextview1      android gravity  right   gt    lt  RelativeLayout gt    Note that mytextview2 has  android layout width  set as  match parent    Hope this helps someone

User · Answer

This Code will Divide the control into two equal sides        lt LinearLayout     android orientation  horizontal      android layout width  match parent      android layout height  match parent      android id    id linearLayout  gt       lt TextView         android text    Left Side          android layout width  match parent          android layout height  match parent          android layout weight    1          android id      id txtLeft   gt        lt TextView android text    Right Side          android layout width  match parent          android layout height  match parent          android layout weight    1          android id      id txtRight   gt       lt  LinearLayout gt

User · Answer

In case you want the left and right elements to wrap content but have the middle space   lt LinearLayout         android orientation  horizontal          android layout width  match parent          android layout height  wrap content  gt       lt TextView             android layout width  wrap content              android layout height  wrap content   gt       lt Space             android layout width  0dp              android layout height  match parent              android layout weight  1   gt       lt Button             android layout width  wrap content              android layout height  wrap content   gt   lt  LinearLayout gt

User · Answer

Use a RelativeLayout with layout alignParentLeft and layout alignParentRight    lt RelativeLayout     xmlns android  http   schemas android com apk res android      android id    id RelativeLayout01       android layout width  fill parent       android layout height  fill parent      android padding  10dp  gt        lt TextView          android layout width  wrap content           android layout height  wrap content          android layout alignParentLeft  true           android id    id mytextview1   gt        lt TextView          android layout width  wrap content           android layout height  wrap content           android layout alignParentRight  true           android id    id mytextview2   gt    lt  RelativeLayout gt    Also  you should probably be using dip  or dp  rather than sp in your layout   sp reflect text settings as well as screen density so they re usually only for sizing text items

User · Answer

There are many other ways to accomplish this  I would do something like this    lt RelativeLayout      xmlns android  http   schemas android com apk res android      android layout width  match parent      android layout height  wrap content  gt        lt TextView         android id    id textRight          android layout width  wrap content          android layout height  wrap content          android layout alignParentRight  true          android layout marginTop  30dp          android text  YOUR TEXT ON THE RIGHT          android textSize  16sp          android textStyle  italic    gt         lt TextView         android id    id textLeft          android layout width  wrap content          android layout height  wrap content          android layout alignParentLeft  true          android layout marginTop  30dp          android text  YOUR TEXT ON THE LEFT          android textSize  16sp    gt   lt  RelativeLayout gt

User · Answer

Dave Webb s answer did work for me  Thanks  Here my code  hope this helps someone    lt RelativeLayout     android background   FFFFFF      android layout width  match parent      android minHeight  30dp      android layout height  wrap content  gt       lt TextView         android height  25dp          android layout width  wrap content          android layout marginLeft  20dp          android text  ABA Type          android padding  3dip          android layout gravity  center vertical          android gravity  left center vertical          android layout height  match parent    gt       lt TextView         android background   color blue          android minWidth  30px          android minHeight  30px          android layout column  1          android id    id txtABAType          android singleLine  false          android layout gravity  center vertical          android layout weight  1          android layout height  wrap content          android layout alignParentRight  true          android layout marginRight  20dp          android layout width  wrap content    gt   lt  RelativeLayout gt    Image  Image

User · Answer

It can be done with LinearLayout  less overhead and more control than the Relative Layout option   Give the second view the remaining space so gravity can work  Tested back to API 16       lt LinearLayout     android layout width  match parent      android layout height  match parent  gt        lt TextView         android layout width  wrap content          android layout height  wrap content          android text  Aligned left    gt        lt TextView         android layout width  match parent          android layout height  wrap content          android gravity  end          android text  Aligned right    gt   lt  LinearLayout gt     If you want to limit the size of the first text view  do this   Adjust weights as required  Relative layout won t allow you to set a percentage weight like this  only a fixed dp of one of the views     lt LinearLayout     android layout width  match parent      android layout height  match parent  gt        lt TextView         android layout width  0dp          android layout weight  1          android layout height  wrap content          android text  Aligned left but too long and would squash the other view    gt        lt TextView         android layout width  0dp          android layout weight  1          android layout height  wrap content          android gravity  end          android text  Aligned right    gt   lt  LinearLayout gt

[android] Aligning textviews on the left and right edges in Android layout

Examples related to android