Разделите экран на четыре равные части с использованием относительной компоновки

В настоящее время у меня есть код, который позволяет мне разделить экран на четыре равные части с кнопкой изображения в каждой части. Тем не менее, код использует линейные макеты, которые вызывают предположение, что «вложенные веса плохи для производительности». Как я могу сделать свой макет с использованием относительных макетов? Ниже приведен код, а вот изображение предполагаемого формата
enter image description here Разделите экран на четыре равные части с использованием относительной компоновки

<LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_weight="1.0" 

     android:orientation="horizontal" 
     android:background="#ff191919"> 

     <ToggleButton 
      android:id="@+id/button1" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:background="#ff414141" 
      android:layout_weight="1.0" 
      android:text="Plane" 
      android:layout_margin="5dp" 
      android:textSize="20sp" 
      android:onClick="airplaneClicked"/> 


     <ImageButton 
      android:id="@+id/button2" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:background="#ff414141" 
      android:layout_weight="1.0" 
      android:layout_margin="5dp" 
      android:scaleType="fitCenter" 
      android:src="@drawable/ic_brightness"/> 


    </LinearLayout> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_weight="1.0" 
     android:orientation="horizontal" 
     android:background="#ff191919">01 

     <ImageButton 
      android:id="@+id/button3" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:background="#ff414141" 
      android:layout_weight="1.0" 
      android:layout_margin="5dp" 
      android:scaleType="fitCenter" 
      android:src="@drawable/ic_sound" /> 


     <ImageButton 
      android:id="@+id/settingsbutton" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:background="#ff414141" 
      android:layout_weight="1.0" 
      android:layout_margin="5dp" 
    android:scaleType="fitCenter" 
    android:src="@drawable/settings2"/> 

    </LinearLayout> 
    </LinearLayout>

источник

2015-02-22 throwaway123

"Как я могу сделать мой макет, используя относительные макеты?" - AFAIK, вы не можете. Либо используйте подход «LinearLayout», либо создайте собственную пользовательскую «ViewGroup», которая реализует то, что вы ищете. – CommonsWare

Не приведет ли линейная раскладка к худшей производительности? – throwaway123

«Хуже работы» по сравнению с чем? Вероятно, это будет хуже, чем хорошо написанная пользовательская 'ViewGroup'. Однако писать такую «ViewGroup» не особенно часто. – CommonsWare

Использование ниже XML:

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:orientation="vertical" > 

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="0dp" 
    android:layout_weight="0.5" > 

    <LinearLayout 
     android:layout_width="0dp" 
     android:layout_height="match_parent" 
     android:layout_weight="0.5" 
     android:background="#242425" 
     android:gravity="center" 
     android:orientation="vertical" > 

     <ImageView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:src="@drawable/ic_launcher" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="TextView" 
      android:textColor="#d5d5d5" /> 

    </LinearLayout> 

    <LinearLayout 
     android:layout_width="0dp" 
     android:layout_height="match_parent" 
     android:layout_weight="0.5" 
     android:background="#d5d5d5" 
     android:gravity="center" 
     android:orientation="vertical" > 

     <ImageView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:src="@drawable/ic_launcher" /> 

     <TextView 
      android:id="@+id/textView2" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="TextView" /> 

    </LinearLayout> 

</LinearLayout> 

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="0dp" 
    android:layout_weight="0.5" > 

    <LinearLayout 
     android:layout_width="0dp" 
     android:layout_height="match_parent" 
     android:layout_weight="0.5" 
     android:background="#d5d5d5" 
     android:gravity="center" 
     android:orientation="vertical" > 

     <ImageView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:src="@drawable/ic_launcher" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="TextView" /> 

    </LinearLayout> 

    <LinearLayout 
     android:layout_width="0dp" 
     android:layout_height="match_parent" 
     android:layout_weight="0.5" 
     android:background="#242425" 
     android:gravity="center" 
     android:orientation="vertical" > 

     <ImageView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:src="@drawable/ic_launcher" /> 

     <TextView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="TextView" 
      android:textColor="#d5d5d5" /> 

    </LinearLayout> 


</LinearLayout>

источник

2015-02-22 17:33:53

Вы забыли написать 'orient =" horizontal "' в обоих тегах LinearLayout, которые помещают два компонента в строку. Исправьте это, я проголосую за вас – Apurva

@Apurva LinearLayouts по умолчанию горизонтальны. Просто FYI. –

@Apurva, как ** Mike ** упомянутый, LinearLayouts по горизонтали по умолчанию –

Попробуйте этот код для RelativeLayout.

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/r1" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" > 

    <RelativeLayout 
     android:id="@+id/r3" 
     android:layout_width="match_parent" 
     android:layout_height="225dp" 
     android:layout_marginBottom="10dp" 
     android:layout_alignParentTop="true" > 

     <ImageButton 
      android:id="@+id/i1" 
      android:layout_width="150dp" 
      android:layout_height="match_parent" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentTop="true" 
      android:background="@drawable/ic_launcher" /> 

     <ImageButton 
      android:id="@+id/i2" 
      android:layout_width="150dp" 
      android:layout_height="match_parent" 
      android:layout_alignParentRight="true" 
      android:layout_alignParentTop="true" 
      android:background="@drawable/ic_launcher" /> 
    </RelativeLayout> 

    <RelativeLayout 
     android:id="@+id/r2" 
     android:layout_width="match_parent" 
     android:layout_height="225dp" 
     android:layout_alignParentBottom="true" 
     android:layout_below="@+id/r3" > 

     <ImageButton 
      android:id="@+id/i3" 
      android:layout_width="150dp" 
      android:layout_height="match_parent" 
      android:layout_alignParentLeft="true" 
      android:layout_alignParentTop="true" 
      android:background="@drawable/ic_launcher" /> 

     <ImageButton 
      android:id="@+id/i4" 
      android:layout_width="150dp" 
      android:layout_height="match_parent" 
      android:layout_alignParentRight="true" 
      android:layout_alignParentTop="true" 
      android:background="@drawable/ic_launcher" /> 
    </RelativeLayout> 

</RelativeLayout>

источник

2015-02-23 04:05:45

Попробуйте это

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_weight="1.0"> 

    <Button 
     android:id="@+id/button1" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:background="@android:color/white" 
     android:layout_weight="1" 
     android:text="Button" /> 

    <Button 
     android:id="@+id/button2" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:background="@android:color/holo_green_light" 
     android:layout_weight="1" 
     android:text="Button" /> 

</LinearLayout> 

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_weight="1.0" 
    android:orientation="horizontal" > 

    <Button 
     android:id="@+id/button3" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:background="@android:color/holo_blue_light" 
     android:layout_weight="1" 
     android:text="Button" /> 

    <Button 
     android:id="@+id/button4" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:background="@android:color/holo_red_light" 
     android:layout_weight="1" 
     android:text="Button" /> 

</LinearLayout>

источник

2016-01-02 11:44:19

Разделите экран на четыре равные части с использованием относительной компоновки

ответ

Смежные вопросы