Android Layout Weight

Question

I am new to Android development and I have a question about setting weight in a linear layout     I am trying to create a row with two custom buttons and a custom edit text   The edit text should only take up as much room as its content  and the two buttons should expand horizontally to fill the rest of the available space in the row  Like this         Button       Button--    et      After several attempts this is the closest I can get to what I want  even though it seems overly complicated      Button   Button      ET            lt LinearLayout      android orientation  horizontal      android layout width  fill parent      android layout height  wrap content      android gravity  center horizontal center vertical      android layout weight  1       gt        lt LinearLayout          android orientation  horizontal          android layout width  fill parent          android layout height  wrap content          android layout weight  1          android gravity  center horizontal center vertical           gt           lt RelativeLayout              android id    id btn plus container               android layout width  fill parent               android layout height  wrap content               gt               lt ImageButton                  android layout height  wrap content                  android layout width  fill parent                   android id    id btn plus                   android background   drawable btn                  android layout centerInParent  true                   gt  lt  ImageButton gt               lt TextView                  android textColor   FAFAF4                  android id    id tv dice plus                   android text   string tv plus                   android layout width  wrap content                   android layout height  wrap content                  android layout centerInParent  true                   gt  lt  TextView gt           lt  RelativeLayout gt       lt  LinearLayout gt       lt LinearLayout          android orientation  horizontal          android layout width  fill parent          android layout height  wrap content          android layout weight  1          android gravity  center horizontal center vertical           gt           lt RelativeLayout              android id    id btn minus container               android layout width  fill parent               android layout height  wrap content               gt               lt ImageButton                  android layout height  wrap content                  android layout width  fill parent                   android id    id btn minus                   android background   drawable btn                  android layout centerInParent  true                   gt  lt  ImageButton gt               lt TextView                  android textColor   FAFAF4                  android id    id btn minus                   android text   string tv minus                   android layout width  wrap content                   android layout height  wrap content                  android layout centerInParent  true                   gt  lt  TextView gt           lt  RelativeLayout gt       lt  LinearLayout gt       lt LinearLayout          android orientation  horizontal          android layout width  fill parent          android layout height  wrap content          android layout weight  1          android gravity  center horizontal center vertical           gt           lt EditText              android textColor   FAFAF4              android text   string et output               android id    id et output               android layout width  wrap content               android layout height  wrap content              android inputType  number              android selectAllOnFocus  true               android minWidth  50sp                       android maxWidth  50sp              android background   drawable tv black background3              android textColorHighlight   c30505               gt  lt  EditText gt       lt  LinearLayout gt   lt  LinearLayout gt    As I understand setting  android layout weight  2   for the linear layouts holding the buttons should make them take up more room than the edit text  but it does the opposite for me  making them both half the size      Btn   Btn        et           I have tried so many different combinations I can t even remember them  and none have worked

User · Answer

android Layout weight can be used when you don t attach a fix value to your width already like fill parent etc   Do something like this     lt Button gt   Android layout width  0dp  Android layout weight 1  -----other parameters  lt  Button gt

User · Answer

In the linearLayout set the WeightSum 2   And distribute the weight to its childs as you want them to display   I have given weight   1  to the child  So both will distribute half of the total     lt LinearLayout     android id    id linear1      android layout width  match parent      android layout height  wrap content      android weightSum  2      android orientation  horizontal   gt        lt ImageView         android id    id ring oss          android layout width  0dp          android layout height  wrap content          android layout weight  1          android src   drawable ring oss    gt        lt ImageView         android id    id maila oss          android layout width  0dp          android layout height  wrap content          android layout weight  1          android src   drawable maila oss    gt   lt  LinearLayout gt

User · Answer

It doesn t work because you are using fill parent as the width  The weight is used to distribute the remaining empty space or take away space when the total sum is larger than the LinearLayout  Set your widths to 0dip instead and it will work

User · Answer

One more reason I found  vague as it may sound   The below did not work      LinearLayout vertical           LinearLayout height fillparent   weight          LinearLayout height fillparent   weight          LinearLayout height fillparent   weight         EndLinearLayout   What did work was     RelativeLayout           LinearLayout vertical                 LinearLayout height fillparent   weight              LinearLayout height fillparent   weight              LinearLayout height fillparent   weight               EndLinearLayout         EndRelativeLayout   It sounds vague by a root layout with Linear and weights under it did not work  And when I say  did not work   I mean  that after I viewed the graphical layout between various resolutions the screen consistency broke big time

User · Answer

i would suppose to set the EditTexts width to wrap content and put the two buttons into a LinearLayout whose width is fill parent and weight set to 1

User · Answer

weight values 0-1 share distribution of available space  after setting layout width  0px   in proportion to the weight value  View elements with weight not specified  no weight entry  get weight 0 which means they get no expansion   A simple alternative with no weight entries needed is to attach marquee to a view with text which tells it to expand from minimum needed for the text  wrap content  to space available EditText          android layout width  wrap content          android ellipsize  marquee

User · Answer

Think it that way  will be simpler  If you have 3 buttons and their weights are 1 3 1 accordingly  it will work like table in HTML  Provide 5 portions for that line  1 portion for button 1  3 portion for button 2 and 1 portion for button 1

User · Answer

lt LinearLayout     android id    id linear1      android layout width  match parent      android layout height  wrap content      android weightSum  9      android orientation  horizontal   gt        lt ImageView         android id    id ring oss          android layout width  0dp          android layout height  wrap content          android layout weight  3          android src   drawable ring oss    gt        lt ImageView         android id    id maila oss          android layout width  0dp          android layout height  wrap content          android layout weight  3          android src   drawable maila oss    gt   lt EditText         android id    id edittxt          android layout width  0dp          android layout height  wrap content          android layout weight  3          android src   drawable maila oss    gt   lt  LinearLayout gt

[android] Android Layout Weight

Examples related to android

Examples related to layout