实现此布局的最佳视图（在屏幕中以比率或百分比给出尺寸）

Question

您建议使用什么视图来在 Android 中完成此布局：

---------------------------------------
|           Cell 1          |         |
-----------------------------  Cell 4 |
|   Cell 2    |  Cell 3     |         |  
---------------------------------------

单元格的内容是标题和小文本。单元格 2 和单元格 3 的大小应与单元格 1 相同，宽度应与单元格 1 相同。单元格 1 应约为屏幕大小的 3/4，单元格 4 应为屏幕大小的 1/4。

Answer 1

<LinearLayout
android:orientation="horizontal">
     <LinearLayout
           android:orientation="vertical>
           Create cell1
           <LinearLayout
                  android:orientation="horizontal">
            Create cell 2
            Create cell 3
           </LinearLayout>

     </LinearLayout>
     Create cell 4
</LinearLayout>

使用布局权重来获得适当的间距

Answer 2

我建议使用GridLayout：

<GridLayout 
android:orientation="horizontal"
android:columnCount="2"
android:rowCount="3" >

<YourCell1View
    android:layout_rowSpan="2"/>

<YourCell2View
    android:layout_column="1" />

<YourCell3View  
    android:layout_column="1"
    android:layout_row="1" />

<YourCell4View
    android:layout_row="2"
    android:layout_columnSpan="2" />

</GridLayout>

当然，这只是一个基本布局，您必须将其余的单元格视图布局添加到此。但这应该会给你你的结果。

Answer 3

<?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="200dp" <!--choose height according to you need-->
    android:orientation="horizontal"
    android:weightSum="10">

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="7"
        android:orientation="vertical"
        android:weightSum="10">

        <View
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="5"
            android:background="@android:color/holo_blue_light" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="5"
            android:orientation="horizontal"
            android:weightSum="10">

            <View
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="5"
                android:background="@android:color/holo_green_dark" />

            <View
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="5"
                android:background="@android:color/holo_green_light" />
        </LinearLayout>


    </LinearLayout>

    <View
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="3"
        android:background="@android:color/holo_red_light" />

</LinearLayout>

带有权重的嵌套线性布局可以帮助您在所有屏幕上实现相同的比例

替代方案：-

嵌套权重通常被认为不利于性能。 您可以在支持库中找到可用于此目的的 PercentLayout。这个有两个直接导数

• 百分比相对布局
• PercentFrameLayout

我在这里使用了 PercentRelativeLayout 你可以通过添加来获得它

compile 'com.android.support:percent:23.0.0'

给你毕业

 <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="200dp">

        <View
            android:id="@+id/vwCell4"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_alignParentRight="true"
            android:background="@android:color/holo_red_dark"
            app:layout_widthPercent="30%" />

        <View
            android:id="@+id/vwCell1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_toLeftOf="@id/vwCell4"
            android:background="@android:color/holo_orange_dark"
            app:layout_heightPercent="50%"
            app:layout_widthPercent="70%" />

        <View
            android:id="@+id/vwCell2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_below="@id/vwCell1"
            android:background="@android:color/holo_green_light"
            app:layout_heightPercent="50%"
            app:layout_widthPercent="35%" />

        <View
            android:id="@+id/vwCell3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@id/vwCell1"
            android:layout_toLeftOf="@id/vwCell4"
            android:layout_toRightOf="@id/vwCell2"
            android:background="@android:color/holo_blue_dark"
            app:layout_heightPercent="50%"
            app:layout_widthPercent="35%" />


    </android.support.percent.PercentRelativeLayout>