How to make layout with View fill the remaining space

Question

I m designing my application UI  I need a layout looks like this       lt  and   are Buttons   The problem is  I don t know how to make sure the TextView will fill the remaining space  with two buttons have fixed size   If I use fill parent for Text View  the second button     can t be shown   How can I craft a layout that looks like the image

User · Answer

It  s simple You set the minWidth or minHeight  depends on what you are looking for  horizontal or vertical  And for the other object the one that you want to fill the remaining space  you set a weight of 1  set the width to wrap it  s content   So it will fill the rest of area    lt LinearLayout         android layout width  wrap content          android layout height  match parent          android layout weight  1          android gravity  center left          android orientation  vertical   gt   lt  LinearLayout gt   lt LinearLayout         android layout width  80dp          android layout height  fill parent          android minWidth  80dp   gt   lt  LinearLayout gt

User · Answer

i found    lt TextView         android layout width  wrap content          android layout height  match parent          android layout marginEnd  10dp          android fontFamily  casual          android text   By Zeus B0t             android textSize  10sp          android gravity  bottom          android textStyle  italic    gt

User · Answer

When using a relative layout  you can make a view stretch by anchoring it to both of the views it s supposed to stretch toward  Although the specified height will be disregarded  Android still requires a height attribute  which is why I wrote  0dp   Example    lt View     android id    id topView      android layout width  match parent      android layout height  40dp      android layout alignParentTop  true      android layout marginTop  8dp   gt    lt View     android id    id stretchableView      android layout width  match parent      android layout height  0dp      android layout below   id topView      android layout above    id bottomView      android layout marginTop  8dp      android layout marginBottom  8dp      android adjustViewBounds  true   gt    lt View     android id   id bottomView      android layout width  wrap content      android layout height  40dp      android layout alignParentBottom  true      android layout marginBottom  16dp   gt

User · Answer

Answer from woodshy worked for me  and it is simpler than the answer by Ungureanu Liviu since it does not use RelativeLayout  I am giving my layout for clarity    lt LinearLayout        android layout width  fill parent        android layout height  wrap content        android orientation  horizontal         gt         lt Button         android layout width    80dp          android layout weight    0          android layout height    wrap content          android text   amp lt    gt        lt TextView         android layout width    fill parent          android layout height    wrap content          android layout weight    1   gt        lt Button         android layout width    80dp          android layout weight    0          android layout height    wrap content          android text   amp gt    gt       lt  LinearLayout gt

User · Answer

In case if  lt  TEXT VIEW   is placed in LinearLayout  set the Layout weight proprty of  lt  and   to 0 and 1 for TextView In case of RelativeLayout align  lt  and   to left and right and set  Layout to left of  and  Layout to right of  property of TextView to ids of  lt  and

User · Answer

If you use RelativeLayout  you can do it something like this    lt RelativeLayout     android layout width    fill parent      android layout height    fill parent  gt       lt ImageView         android id      id my image          android layout width    wrap content          android layout height    wrap content          android layout alignParentTop   true    gt       lt RelativeLayout         android id    id layout bottom          android layout width  fill parent          android layout height    50dp          android layout alignParentBottom    true  gt           lt Button             android id      id but left              android layout width    80dp              android layout height    wrap content              android text   amp lt               android layout alignParentLeft    true   gt           lt TextView             android layout width    fill parent              android layout height    wrap content              android layout toLeftOf      id but right              android layout toRightOf     id but left    gt           lt Button             android id     id but right              android layout width    80dp              android layout height    wrap content              android text   amp gt               android layout alignParentRight    true   gt       lt  RelativeLayout gt   lt  RelativeLayout gt

User · Answer

For those having the same glitch with  lt LinearLayout    gt  as I did   It is important to specify android layout width  fill parent   it will not work with wrap content   OTOH  you may omit android layout weight    0   it is not required   My code is basically the same as the code in https   stackoverflow com a 25781167 755804  by Vivek Pandey

User · Answer

You can use set the layout width or layout width to 0dp  By the orientation you want to fill remaining space   Then use the layout weight to make it fill remaining space

User · Answer

Using a ConstraintLayout  I ve found something like     lt Button     android id    id left button      android layout width  80dp      android layout height  48dp      android text   amp lt       app layout constraintBottom toBottomOf  parent      app layout constraintLeft toLeftOf  parent      app layout constraintTop toTopOf  parent    gt    lt TextView     android layout width  0dp      android layout height  0dp      app layout constraintBottom toBottomOf  parent      app layout constraintLeft toRightOf    id left button      app layout constraintRight toLeftOf    id right button      app layout constraintTop toTopOf  parent    gt    lt Button     android id    id right button      android layout width  80dp      android layout height  48dp      android text   amp gt       app layout constraintBottom toBottomOf  parent      app layout constraintRight toRightOf  parent      app layout constraintTop toTopOf  parent    gt      works  The key is setting the right  left  top  and bottom edge constraints appropriately  then setting the width and height to 0dp and letting it figure out it s own size

User · Answer

you can use high layout weight attribute  Below you can see a layout where ListView takes all free space with buttons at bottom    lt LinearLayout xmlns android  http   schemas android com apk res android      xmlns tools  http   schemas android com tools      android layout width  fill parent      android layout height  fill parent      tools context   ConfigurationActivity      android orientation  vertical       gt            lt ListView             android id    id listView              android layout width  fill parent              android layout height  fill parent              android layout weight  1000                gt             lt Button             android id    id btnCreateNewRule              android layout width  fill parent              android layout height  wrap content              android layout weight  1              android text  Create New Rule    gt              lt Button             android id    id btnConfigureOk              android layout width  fill parent              android layout height  wrap content              android layout weight  1              android text  Ok    gt     lt  LinearLayout gt

User · Answer

use a Relativelayout to wrap LinearLayout   lt RelativeLayout xmlns android  http   schemas android com apk res android  xmlns round  http   schemas android com apk res-auto  xmlns app  http   schemas android com apk res-auto  android layout width  match parent  android layout height  match parent  gt   lt LinearLayout android layout width  fill parent  android layout height  match parent  android orientation  vertical  gt       lt Button         android layout width    wrap content          android layout height    wrap content          android text   amp lt    gt       lt TextView         android layout width    fill parent          android layout height    wrap content          android layout weight    1   gt       lt Button         android layout width    wrap content          android layout height    wrap content          android text   amp gt    gt    lt  LinearLayout gt    lt  RelativeLayout gt

User · Answer

You should avoid nesting 2 relative layout since relative layout always make 2 pass for drawing  against 1 for any other type of layout   It becomes exponential when you nest them  You should use linear layout with width 0 and weight 1 on the element you want to fill the space left  This answer is better for performance and the practices  Remember  use relative layout ONLY when you don t have other choice    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  vertical  gt        lt ImageView         android id    id imageview          android layout width  wrap content          android layout height  wrap content    gt        lt LinearLayout         android layout width  match parent          android layout height  50dp          android orientation  horizontal  gt            lt Button             android id    id prev button              android layout width  80dp              android layout height  wrap content              android text   amp lt     gt            lt TextView             android layout width  0dp              android layout height  wrap content              android layout weight  1              android ellipsize  end              android singleLine  true              android gravity  center              android text  TextView    gt            lt Button             android id    id next button              android layout width  80dp              android layout height  wrap content              android text   amp gt     gt       lt  LinearLayout gt   lt  LinearLayout gt

[android] How to make layout with View fill the remaining space?

Examples related to android

Examples related to layout

Examples related to android-layout