How to split the screen with two equal LinearLayouts

Question

Wanna to split a screen for my app with two LinearLayouts  What parameters should I use to make exact splitting in two equal parts - first LinearLayout on the top and the second one is just under it

User · Answer

To Split a layout to equal parts

Use Layout Weights. Keep in mind that it is important to set layout_width as 0dp on children to make it work as intended.

on parent layout:

Set weightSum of parent Layout as 1 (android:weightSum="1")

on the child layout:

Set layout_width as 0dp (android:layout_width="0dp")
Set layout_weight as 0.5 [half of weight sum fr equal two] (android:layout_weight="0.5")

To split layout to three equal parts:

parent: weightSum 3
child: layout_weight: 1

To split layout to four equal parts:

parent: weightSum 1
child: layout_weight: 0.25

To split layout to n equal parts:

parent: weightSum n

child: layout_weight: 1

Below is an example layout for splitting layout to two equal parts.

<LinearLayout
    android:id="@+id/layout_top"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:weightSum="1">

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="0.5"
        android:orientation="vertical">

        <TextView .. />

        <EditText .../>

    </LinearLayout>

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="0.5"
        android:orientation="vertical">

        <TextView ../>

        <EditText ../>

    </LinearLayout>

</LinearLayout>

User · Answer

I am answering this question after 4-5 years but best practices to do this as below   lt RelativeLayout xmlns android  http   schemas android com apk res android     xmlns tools  http   schemas android com tools     android layout width  match parent     android layout height  match parent     tools context   MainActivity  gt       lt LinearLayout       android id    id firstLayout        android layout width  match parent        android layout height  match parent        android layout toLeftOf    id secondView        android orientation  vertical  gt  lt  LinearLayout gt       lt View       android id    id secondView        android layout width  0dp        android layout height  match parent        android layout centerHorizontal  true    gt       lt LinearLayout       android id    id thirdLayout        android layout width  match parent        android layout height  match parent        android layout toRightOf    id secondView        android orientation  vertical  gt  lt  LinearLayout gt   lt  RelativeLayout gt    This is right approach as use of layout weight is always heavy for UI operations  Splitting Layout equally using LinearLayout is not good practice

User · Answer

Use the layout weight attribute  The layout will roughly look like this    lt LinearLayout android orientation  horizontal      android layout height  fill parent       android layout width  fill parent  gt        lt LinearLayout          android layout weight  1           android layout height  fill parent           android layout width  0dp   gt        lt LinearLayout          android layout weight  1           android layout height  fill parent           android layout width  0dp   gt    lt  LinearLayout gt

User · Answer

lt  xml version  1 0  encoding  utf-8   gt   lt RelativeLayout xmlns android  http   schemas android com apk res android      xmlns tools  http   schemas android com tools      android layout width  match parent      android layout height  match parent  gt       lt LinearLayout         android orientation  horizontal          android layout width  match parent          android layout height  match parent  gt           lt LinearLayout             android orientation  vertical              android layout weight  1              android layout width  0dp              android layout height  match parent              tools context   MainActivity  gt               lt TextView                 android layout marginTop  16dp                  android textSize  18sp                  android textStyle  bold                  android padding  4dp                  android textColor   EA80FC                  android fontFamily  sans-serif-medium                  android text   string team a                  android gravity  center horizontal                  android layout width  match parent                  android layout height  wrap content    gt               lt TextView                 android id    id team a score                  android text   string  0                  android textSize  56sp                  android padding  4dp                  android gravity  center horizontal                  android layout width  match parent                  android layout height  wrap content    gt               lt TextView                 android id    id team a fouls                  android text   string fouls                  android padding  4dp                  android textSize  26sp                  android gravity  center horizontal                  android layout width  match parent                  android layout height  wrap content    gt               lt Button                 android text   string  1 points                  android layout width  match parent                  android onClick  addOnePointTeamA                  android textColor   fff                  android layout margin  6dp                  android layout height  wrap content    gt               lt Button                 android text   string  2 points                  android textColor   fff                  android onClick  addTwoPointTeamA                  android layout width  match parent                  android layout margin  6dp                  android layout height  wrap content    gt               lt Button                 android text   string  3 points                  android textColor   fff                  android onClick  addThreePointTeamA                  android layout margin  6dp                  android layout width  match parent                  android layout height  wrap content    gt               lt Button                 android text   string  1 point foul                  android textColor   fff                  android layout width  match parent                  android onClick  addOnePointFoulTeamA                  android layout margin  6dp                  android layout height  wrap content    gt           lt  LinearLayout gt           lt LinearLayout             android orientation  vertical              android layout weight  1              android layout width  0dp              android layout height  match parent              tools context   MainActivity  gt               lt TextView                 android text   string team b                  android textColor   EA80FC                  android textStyle  bold                  android padding  4dp                  android layout marginTop  16dp                  android fontFamily  sans-serif-medium                  android textSize  18sp                  android gravity  center horizontal                  android layout width  match parent                  android layout height  wrap content    gt               lt TextView                 android id    id team b score                  android text  0                  android padding  4dp                  android textSize  56sp                  android gravity  center horizontal                  android layout width  match parent                  android layout height  wrap content    gt               lt TextView                 android id    id team b fouls                  android text  Fouls                  android padding  4dp                  android textSize  26sp                  android gravity  center horizontal                  android layout width  match parent                  android layout height  wrap content    gt               lt Button                 android text   string  1 points                  android textColor   fff                  android fontFamily  sans-serif-medium                  android layout width  match parent                  android onClick  addOnePointTeamB                  android layout margin  6dp                  android layout height  wrap content    gt               lt Button                 android text   string  2 points                  android layout margin  6dp                  android fontFamily  sans-serif-medium                  android textColor   fff                  android onClick  addTwoPointTeamB                  android layout width  match parent                  android layout height  wrap content    gt               lt Button                 android text   string  3 points                  android fontFamily  sans-serif-medium                  android textColor   fff                  android onClick  addThreePointTeamB                  android layout margin  6dp                  android layout width  match parent                  android layout height  wrap content    gt               lt Button                 android text   string  1 point foul                  android textColor   fff                  android onClick  addOnePointFoulTeamB                  android layout width  match parent                  android layout margin  6dp                  android layout height  wrap content    gt             lt  LinearLayout gt       lt  LinearLayout gt       lt Button         android text   string reset          android layout marginBottom  25dp          android onClick  resetScore          android textColor   fff          android fontFamily  sans-serif-medium          android layout alignParentBottom  true          android layout centerHorizontal  true          android layout width  wrap content          android layout height  wrap content    gt    lt  RelativeLayout gt

User · Answer

Just putting it out there     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  match parent      android layout height  match parent      android background   FF0000      android weightSum  4      android padding  5dp  gt   lt  -- to show what the parent is -- gt       lt LinearLayout         android background   0000FF          android layout height  0dp          android layout width  match parent          android layout weight  2    gt       lt LinearLayout         android background   00FF00          android layout height  0dp          android layout width  match parent          android layout weight  1    gt   lt  LinearLayout gt

User · Answer

In order to split the ui into two equal parts you can use weightSum of 2 in the parent LinearLayout and assign layout weight of 1 to each as shown below   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      android weightSum  2  gt            lt LinearLayout             android layout width  0dp              android layout height  match parent              android layout weight  1              android orientation  vertical  gt            lt  LinearLayout gt           lt LinearLayout             android layout width  0dp              android layout height  match parent              android layout weight  1              android orientation  vertical  gt           lt  LinearLayout gt     lt  LinearLayout gt

[android] How to split the screen with two equal LinearLayouts?

To Split a layout to equal parts

To split layout to three equal parts:

To split layout to four equal parts:

To split layout to n equal parts:

Examples related to android

Examples related to android-linearlayout