How to right align widget in horizontal linear layout Android

Question

This is the code I am using and it is not working    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  gt        lt TextView android text  TextView  android id    id textView1          android layout width  wrap content           android layout height  wrap content          android gravity  right  gt       lt  TextView gt    lt  LinearLayout gt

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  horizontal       android gravity  right   gt          lt TextView android text  TextView  android id    id textView1          android layout width  wrap content          android layout height  wrap content  gt       lt  TextView gt    lt  LinearLayout gt

User · Answer

Use match parent and gravity to set the TextView text to right  like this    lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout xmlns android  http   schemas android com apk res android      android layout width  match parent      android layout height  match parent      android orientation  horizontal  gt        lt TextView android text  TextView  android id    id textView1          android layout width  match parent          android layout height  wrap content          android gravity  right  gt       lt  TextView gt    lt  LinearLayout gt

User · Answer

Do not change the gravity of the LinearLayout to  right  if you don t want everything to be to the right   Try    Change TextView s width to fill parent Change TextView s gravity to right   Code        lt TextView                android text  TextView                 android id    id textView1                android layout width  fill parent                android layout height  wrap content                   android gravity  right  gt       lt  TextView gt

User · Answer

Adding view  is bit difficult and it cover all screen width like this    lt LinearLayout android layout width  match parent  android layout height  wrap content   gt    lt View     android layout width  0dp      android layout height  0dp      android layout weight  1    gt                    lt Button     android layout width  wrap content      android layout height  wrap content    gt      Try to this code    lt LinearLayout     android layout width  wrap content      android layout height  wrap content      android layout gravity  right       gt        lt Button         android layout width  wrap content          android layout height  wrap content          android text  Create Account   gt    lt  LinearLayout gt

User · Answer

just add android gravity  right  in your Liner Layout

User · Answer

linear layout with layout width  fill parent  and also the widget with same layout width   gravity as right would align it to the right   I m using 2 TextViews in following example  topicTitle on the left and topicQuestions on the right    lt  xml version  1 0  encoding  utf-8   gt   lt RelativeLayout xmlns android  http   schemas android com apk res android      android layout width  match parent      android layout height  match parent  gt        lt LinearLayout         android layout width  fill parent          android layout height  wrap content          android paddingLeft  20dp          android orientation  horizontal  gt        lt TextView         android id    id topicTitle          android layout width  wrap content          android layout height  wrap content          android textSize  18sp          android textStyle  bold    gt        lt TextView         android id    id topicQuestions          android layout width  fill parent          android layout height  wrap content          android gravity  right          android textSize  18sp          android textStyle  bold    gt       lt  LinearLayout gt    lt  RelativeLayout gt    Output

User · Answer

As a supplement to alcsan s answer  you can use Space since API 14  Android 4 0 ICE CREAM SANDWICH   document here      Space is a lightweight View subclass that may be used to create gaps between components in general purpose layouts     lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout xmlns android  http   schemas android com apk res android      android layout width  match parent      android layout height  match parent       android orientation  horizontal   gt        lt Space         android layout width  0dp          android layout height  0dp          android layout weight  1    gt        lt TextView         android layout width  wrap content           android layout height  wrap content          android text  TextView          android gravity  right    gt    lt  LinearLayout gt    For apps that supporting API levels under 14  there is an android support v4 widget Space since Android Support Library r22 1 0

User · Answer

You should use a RelativeLayout and just drag them until it looks good            lt ImageView         android id    id button info          android layout width  30dp          android layout height  wrap content          android layout alignParentRight  true          android layout alignParentTop  true          android layout marginRight  10dp          android contentDescription   string pizza          android src   drawable header info button    gt    lt  RelativeLayout gt

User · Answer

In case with TextView    lt TextView      android text  TextView       android id    id textView      android layout width  fill parent      android layout height  wrap content         android gravity  right      android textAlignment  gravity  gt       lt  TextView gt

User · Answer

With Linear Layout     lt LinearLayout         android layout width  fill parent          android layout height  wrap content          android background   drawable select car book tabbar          android gravity  right   gt            lt ImageView             android layout width  wrap content              android layout height  wrap content              android layout gravity  center vertical              android src   drawable my booking icon    gt       lt  LinearLayout gt      with FrameLayout   lt FrameLayout         android layout width  fill parent          android layout height  wrap content          android background   drawable select car book tabbar  gt            lt ImageView             android layout width  wrap content              android layout height  wrap content              android layout gravity  center vertical right              android src   drawable my booking icon    gt       lt  FrameLayout gt    with RelativeLayout   lt RelativeLayout         android layout width  fill parent          android layout height  wrap content          android background   drawable select car book tabbar  gt            lt ImageView             android layout width  wrap content              android layout height  wrap content              android layout alignParentRight  true              android layout centerInParent  true              android src   drawable my booking icon    gt       lt  RelativeLayout gt

User · Answer

Add android gravity  right  to LinearLayout  Assuming the TextView has layout width  wrap content

User · Answer

For aligning one element at start and one at the end of the LinearLayout  you can wrap it in an RelativeLayout    lt androidx appcompat widget LinearLayoutCompat     android layout width  quot match parent quot      android layout height  quot wrap content quot      android orientation  quot horizontal quot      android layout margin  quot 8dp quot      android weightSum  quot 2 quot  gt        lt RelativeLayout         android layout width  quot 0dp quot          android layout height  quot wrap content quot          android layout weight  quot 1 quot          android gravity  quot start quot  gt           lt com google android material button MaterialButton             android layout width  quot wrap content quot              android layout height  quot wrap content quot              android text  quot Cancel quot              android textColor  quot  android color background dark quot              android backgroundTint  quot  android color transparent quot   gt       lt  RelativeLayout gt        lt RelativeLayout         android layout width  quot 0dp quot          android layout height  quot wrap content quot          android layout weight  quot 1 quot          android gravity  quot end quot  gt           lt com google android material button MaterialButton             android layout width  quot wrap content quot              android layout height  quot wrap content quot              android textColor  quot  android color background dark quot              android backgroundTint  quot  android color transparent quot              android text  quot Save quot   gt       lt  RelativeLayout gt   lt  androidx appcompat widget LinearLayoutCompat gt   The result of this example is following  Link to the image Note  You can wrap whatever you want inside and align it

User · Answer

No need to use any extra view or element     that is so easy and simple   lt LinearLayout   android layout width  match parent    android layout height  wrap content    android orientation  horizontal   gt      this is left alignment   lt TextView       android layout width  wrap content        android layout height  wrap content        android text  No  of Travellers        android textColor   000000        android layout weight  1        android textStyle  bold        android textAlignment  textStart        android gravity  start    gt      this is right alignment   lt TextView       android layout width  wrap content        android layout height  wrap content        android text  Done        android textStyle  bold        android textColor   color colorPrimary        android layout weight  1        android textAlignment  textEnd        android gravity  end    gt    lt  LinearLayout gt

User · Answer

setting the view s layout weight  1  would do the trick     lt LinearLayout xmlns android  http   schemas android com apk res android  android layout width  match parent  android layout height  wrap content  android orientation  horizontal  gt    lt TextView     android id    id textView1      android layout width  fill parent      android layout height  wrap content      android layout weight  1    gt    lt RadioButton     android id    id radioButton1      android layout width  wrap content      android layout height  wrap content   gt

User · Answer

For LinearLayout with horizontal orientation  give layout weight to other child view except for the view that you want to align right  This works perfectly    lt LinearLayout             android layout width  quot match parent quot              android layout height  quot wrap content quot              android orientation  quot horizontal quot   gt                    lt TextView                 android layout width  quot wrap content quot                  android layout height  quot wrap content quot                  android layout weight  quot 1 quot                  android text  quot Specialization quot                    gt                    lt TextView                 android layout width  quot wrap content quot                  android layout height  quot wrap content quot                  android text  quot Right quot                  android textColor  quot  ff0000 quot    gt            lt  LinearLayout gt

User · Answer

this is my xml  dynamic component to align right  in my case i use 3 button   lt LinearLayout             android layout width  quot match parent quot              android layout height  quot wrap content quot              android orientation  quot horizontal quot              app layout constraintEnd toEndOf  quot parent quot              app layout constraintTop toBottomOf  quot   id checkinInputCodeMember quot  gt                lt LinearLayout                 android layout width  quot match parent quot                  android layout height  quot wrap content quot                  android layout weight  quot 7 quot                  android orientation  quot vertical quot    gt                lt androidx appcompat widget AppCompatButton                 android id  quot   id bttn extends quot                  style  quot  style Widget AppCompat Button Borderless quot                  android layout width  quot wrap content quot                  android layout height  quot wrap content quot                  android layout gravity  quot right quot                  android textColor  quot  color colorAccent quot                  android text  quot 3 quot   gt                lt androidx appcompat widget AppCompatButton                 android id  quot   id bttn checkout quot                  style  quot  style Widget AppCompat Button Borderless quot                  android layout width  quot wrap content quot                  android layout height  quot wrap content quot                  android layout gravity  quot right quot                  android textColor  quot  color colorAccent quot                  android text  quot 2 quot   gt                lt androidx appcompat widget AppCompatButton                 android id  quot   id checkinButtonScanQrCodeMember quot                  style  quot  style Widget AppCompat Button Borderless quot                  android layout width  quot wrap content quot                  android layout height  quot wrap content quot                  android layout gravity  quot right quot                  android textColor  quot  color colorAccent quot                  android text  quot 1 quot   gt             lt  LinearLayout gt   and the result you can hide the right first button with change visibility GONE  and this my code   lt LinearLayout             android layout width  quot match parent quot              android layout height  quot wrap content quot              android orientation  quot horizontal quot              app layout constraintEnd toEndOf  quot parent quot              app layout constraintTop toBottomOf  quot   id checkinInputCodeMember quot  gt                lt LinearLayout                 android layout width  quot match parent quot                  android layout height  quot wrap content quot                  android layout weight  quot 7 quot                  android orientation  quot vertical quot    gt                lt androidx appcompat widget AppCompatButton                 android id  quot   id bttn extends quot                  style  quot  style Widget AppCompat Button Borderless quot                  android layout width  quot wrap content quot                  android layout height  quot wrap content quot                  android layout gravity  quot right quot                  android textColor  quot  color colorAccent quot                  android text  quot 3 quot   gt                lt androidx appcompat widget AppCompatButton                 android id  quot   id bttn checkout quot                  style  quot  style Widget AppCompat Button Borderless quot                  android layout width  quot wrap content quot                  android layout height  quot wrap content quot                  android layout gravity  quot right quot                  android textColor  quot  color colorAccent quot                  android text  quot 2 quot   gt                lt androidx appcompat widget AppCompatButton                 android id  quot   id checkinButtonScanQrCodeMember quot                  style  quot  style Widget AppCompat Button Borderless quot                  android layout width  quot wrap content quot                  android layout height  quot wrap content quot                  android layout gravity  quot right quot                  android text  quot 1 quot                  android textColor  quot  color colorAccent quot                    android visibility  quot gone quot     gt             lt  LinearLayout gt   still align right  after visibility gone first right component

User · Answer

Here is a sample  the key to arrange is as follows  android layout width  0dp  android layout weight  1    Complete code   lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout xmlns android  http   schemas android com apk res android      android layout width  match parent      android layout height  wrap content      android orientation  horizontal      android padding  5dp  gt        lt TextView         android id    id categoryName          android layout width  0dp          android layout height  wrap content          android layout weight  1          android text  abcd    gt        lt TextView         android id    id spareName          android layout width  0dp          android layout height  wrap content          android layout weight  1          android text  efgh    gt    lt  LinearLayout gt

User · Answer

Try to change the layout width to android layout width  match parent  because gravity  right  aligns the text inside the layout width  and if you choose wrap content it does not have where to go  but if you choose match parent it can go to the right

User · Answer

Try to add empty View inside horizontal LinearLayout before element that you want to see right  e g     lt LinearLayout     android layout width  match parent      android layout height  wrap content   gt        lt View         android layout width  0dp          android layout height  0dp          android layout weight  1    gt                        lt Button         android layout width  wrap content          android layout height  wrap content    gt    lt  LinearLayout gt

User · Answer

I have done it by easiest way   Just take one RelativeLayout and put your child view in it  which you want to place at right side        lt LinearLayout         android id    id llMain          android layout width  match parent          android layout height  wrap content          android background   f5f4f4          android gravity  center vertical          android orientation  horizontal          android paddingBottom  20dp          android paddingLeft  15dp          android paddingRight  15dp          android paddingTop  20dp  gt            lt ImageView             android id    id ivOne              android layout width  wrap content              android layout height  wrap content              android src   drawable ic launcher    gt             lt TextView             android id    id txtOne              android layout width  wrap content              android layout height  wrap content              android layout marginLeft  20dp              android text  Hiren              android textAppearance   android style TextAppearance Medium              android textColor   android color black    gt            lt RelativeLayout             android id    id rlRight              android layout width  match parent              android layout height  wrap content              android gravity  right  gt                 lt ImageView                 android id    id ivRight                  android layout width  wrap content                  android layout height  wrap content                  android padding  5dp                  android src   drawable ic launcher    gt            lt  RelativeLayout gt       lt  LinearLayout gt    Hope it will help you

[android] How to right align widget in horizontal linear layout Android?

Examples related to android

Examples related to alignment