Defining a percentage width for a LinearLayout

Question

I want to define a percentage width  70   for a LinearLayout that contains some buttons  so that I can center it and so that the child buttons can fill parent  Here s a picture showing what I mean     My current layout looks 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  fill parent  android layout height  fill parent      android id    id layoutContainer  android orientation  vertical  gt       lt LinearLayout android layout width  fill parent          android id    id barContainer  android orientation  horizontal          android layout height  40dp  android background   drawable titlebackground  gt           lt ImageView android id    id barLogo  android src   drawable titlelogo              android layout gravity  center vertical  android adjustViewBounds  true              android layout height  25dp  android layout width  wrap content              android scaleType  fitXY  android paddingLeft  5dp  gt  lt  ImageView gt       lt  LinearLayout gt       lt TextView android layout height  wrap content          android layout width  fill parent  android gravity  center horizontal          android id    id searchTip  android text   string searchTip          android paddingTop  10dp  android paddingBottom  10dp  gt  lt  TextView gt       lt LinearLayout android layout height  wrap content          android id    id linearLayout1  android orientation  vertical  android layout width  wrap content  gt           lt Button android text  Button  android id    id button1              android layout width  wrap content  android layout height  wrap content  gt  lt  Button gt           lt Button android layout width  wrap content  android id    id button2  android layout height  wrap content  android text  Button  gt  lt  Button gt           lt Button android layout width  wrap content  android id    id button3  android layout height  wrap content  android text  Button  gt  lt  Button gt       lt  LinearLayout gt   lt  LinearLayout gt    The LinearLayout im referring to has the id  linearLayout1  How do I do this

User · Answer

Use new percentage support library  compile  com android support percent 24 0 0    See below example   lt android support percent PercentRelativeLayout      xmlns android  http   schemas android com apk res android       xmlns app  http   schemas android com apk res-auto       android layout width  match parent       android layout height  match parent  gt        lt ImageView          app layout widthPercent  50            app layout heightPercent  50            app layout marginTopPercent  25            app layout marginLeftPercent  25    gt    lt  android support percent PercentRelativeLayout gt    For More Info Tutorial1 Tutorial2 Tutorial3

User · Answer

i know another solution  that work with weight    lt  xml version  1 0  encoding  utf-8   gt    lt LinearLayout xmlns android  http   schemas android com apk res android                android orientation  horizontal                android layout width  match parent                android layout height  match parent                 android weightSum  10                 android gravity  center horizontal  gt        lt LinearLayout             android orientation  vertical              android layout width  wrap content              android layout height  match parent               android layout weight  7  gt       lt  LinearLayout gt   lt  LinearLayout gt

User · Answer

Google introduced new API called PercentRelativeLayout  Add compile dependency like  compile  com android support percent 22 2 0   in that PercentRelativeLayout is what we can do percentagewise layout

User · Answer

You can use layout weight properties  If you want to take 70  of parent width you must set child layout width property value 0dp  like android layout width  0dp

User · Answer

As a latest update to android in 2015  Google has included percent support library     com android support percent 23 1 0   You can refer to this site for example of using it     https   github com JulienGenoud android-percent-support-lib-sample   Gradle   dependencies       compile  com android support percent 22 2 0      In the layout    lt android support percent PercentRelativeLayout     xmlns android  http   schemas android com apk res android      xmlns app  http   schemas android com apk res-auto      android layout width  match parent      android layout height  match parent  gt        lt View         android id    id top left          android layout width  0dp          android layout height  0dp          android layout alignParentTop  true          android background   ff44aacc          app layout heightPercent  20           app layout widthPercent  70     gt        lt View         android id    id top right          android layout width  0dp          android layout height  0dp          android layout alignParentTop  true          android layout toRightOf    id top left          android background   ffe40000          app layout heightPercent  20           app layout widthPercent  30     gt         lt View         android id    id bottom          android layout width  match parent          android layout height  0dp          android layout below    id top left          android background   ff00ff22          app layout heightPercent  80     gt   lt  android support percent PercentRelativeLayout gt

User · Answer

I solved a similar issue applying some padding to the LinearLayout like this    lt LinearLayout xmlns android  http   schemas android com apk res android      android layout width  match parent      android layout height  match parent      android background   drawable app background      android padding  35dip  gt    lt RelativeLayout     android layout width  fill parent      android layout height  fill parent      android background   color black  gt    lt  RelativeLayout gt   lt  LinearLayout gt    This probably won t give you an exact percentage but can be easily graduated and avoid extra unnecessary layout elements

User · Answer

You can t define width height margins     using percents in your XML  But what you would want to use is the  weight  attribute  which is  IMO  the most similar thing   Another method would be to set the sizes programmatically after you inflate the layout in your code  by getting the size of your screen and calculating needed margins

User · Answer

I think Emiam s approach is right  But also agree with Simon Veloper  one of commentators of Emiam s answer    When we need the buttons in 70  of width  we should use horizontal orientation for Linearlayout and set width of each Relativelayout to 0dip and their weight as specified So I suggest this version     lt LinearLayout xmlns android  http   schemas android com apk res android          android layout width  fill parent  android layout height  fill parent          android id    id layoutContainer  android orientation  horizontal  gt       lt RelativeLayout             android layout width  0dip              android layout height  fill parent              android layout weight  3  gt       lt  RelativeLayout gt       lt RelativeLayout             android layout width  0dip              android layout height  fill parent              android layout weight  14  gt                 This is where you add buttons  You can make them  fill parent        lt  RelativeLayout gt       lt RelativeLayout             android layout width  0dip              android layout height  fill parent              android layout weight  3  gt       lt  RelativeLayout gt   lt  LinearLayout gt

User · Answer

Hope this can help                               lt LinearLayout android layout width  fill parent      android layout height  fill parent  android orientation  horizontal  gt        lt LinearLayout android layout width  0dip          android layout height  wrap content  android orientation  horizontal          android id    id linearLayout dummy1  android layout weight   15  gt       lt  LinearLayout gt         lt LinearLayout android layout height  wrap content          android id    id linearLayout1  android orientation  vertical          android layout width  0dip  android layout weight   7  gt           lt Button android text  Button  android id    id button1              android layout width  wrap content  android layout height  wrap content              android layout gravity  center  gt           lt  Button gt           lt Button android layout width  wrap content  android id    id button2              android layout height  wrap content  android text  Button              android layout gravity  center  gt  lt  Button gt           lt Button android layout width  wrap content  android id    id button3              android layout height  wrap content  android text  Button              android layout gravity  center  gt  lt  Button gt       lt  LinearLayout gt        lt LinearLayout android layout width  0dip          android layout height  wrap content  android orientation  horizontal          android id    id linearLayout dummy2  android layout weight   15  gt       lt  LinearLayout gt    lt  LinearLayout gt       1  Set layout width to  0dip   2  Set the layout height to  xx    you want

User · Answer

You have to set the weight property of your elements  Create three RelativeLayouts as children to your LinearLayout and set weights 0 15  0 70  0 15  Then add your buttons to the second RelativeLayout the one with weight 0 70   Like this   lt LinearLayout xmlns android  quot http   schemas android com apk res android quot      android layout width  quot fill parent quot  android layout height  quot fill parent quot      android id  quot   id layoutContainer quot  android orientation  quot horizontal quot  gt       lt RelativeLayout         android layout width  quot 0dip quot          android layout height  quot fill parent quot          android layout weight  quot 0 15 quot  gt       lt  RelativeLayout gt       lt RelativeLayout         android layout width  quot 0dip quot          android layout height  quot fill parent quot          android layout weight  quot 0 7 quot  gt                    lt  -- This is the part that s 70  of the total width  I m inserting a LinearLayout and buttons -- gt                  lt LinearLayout             android layout width  quot fill parent quot              android layout height  quot wrap content quot              android layout centerInParent  quot true quot              android orientation  quot vertical quot  gt                                    lt Button                      android text  quot Button1 quot                      android layout width  quot fill parent quot                      android layout height  quot wrap content quot  gt                   lt  Button gt                   lt Button                     android text  quot Button2 quot                      android layout width  quot fill parent quot                      android layout height  quot wrap content quot  gt                   lt  Button gt                   lt Button                     android text  quot Button3 quot                      android layout width  quot fill parent quot                      android layout height  quot wrap content quot  gt                   lt  Button gt                                lt  LinearLayout gt           lt  -- 70  Width End-- gt                lt  RelativeLayout gt       lt RelativeLayout         android layout width  quot 0dip quot          android layout height  quot fill parent quot          android layout weight  quot 0 15 quot  gt       lt  RelativeLayout gt   lt  LinearLayout gt   Why are the weights 0 15  0 7 and 0 15  Because the total weight is 1 and 0 7 is 70  of the total  Result   Edit  Thanks to  SimonVeloper for pointing out that the orientation should be horizontal and not vertical and to  Andrew for pointing out that weights can be decimals instead of integers

[android] Defining a percentage width for a LinearLayout?

Examples related to android

Examples related to android-layout