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

I am answering this question after 4-5 years but best practices to do this as below

<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">

   <LinearLayout
      android:id="@+id/firstLayout"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:layout_toLeftOf="@+id/secondView"
      android:orientation="vertical"></LinearLayout>

   <View
      android:id="@+id/secondView"
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_centerHorizontal="true" />

   <LinearLayout
      android:id="@+id/thirdLayout"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:layout_toRightOf="@+id/secondView"
      android:orientation="vertical"></LinearLayout>
</RelativeLayout>

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

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    lt LinearLayout     android id    id layout top      android layout width  fill parent      android layout height  wrap content      android weightSum  1  gt        lt LinearLayout         android layout width  0dp          android layout height  wrap content          android layout weight  0 5          android orientation  vertical  gt            lt TextView      gt            lt EditText      gt        lt  LinearLayout gt        lt LinearLayout         android layout width  0dp          android layout height  wrap content          android layout weight  0 5          android orientation  vertical  gt            lt TextView     gt            lt EditText     gt        lt  LinearLayout gt    lt  LinearLayout gt

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

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

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

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

Examples related to android

Examples related to android-linearlayout