android - 如何在布局中水平分成4等份

Question

我必须创建一个这样的应用程序

http://s22.postimg.org/fhhzngr65/Untitled.png

要垂直创建 4 个相等的部分，我使用android:weightSum="100" How to devided into 4 个相等的部分水平（我使用 LinearLayout 和 TableRow）

Answer 1

使用此代码...

<LinearLayout
    android:id="@+id/first"
    android:layout_width="fill_parent"
    android:layout_height="60dp"
    android:layout_weight="1"
    android:orientation="horizontal"
    android:weightSum="4" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_weight="1"
        android:text="01" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_weight="1"
        android:text="02" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_weight="1"
        android:text="03" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_weight="1"
        android:text="04" />
</LinearLayout>

<LinearLayout
    android:id="@+id/second"
    android:layout_width="fill_parent"
    android:layout_height="60dp"
    android:layout_weight="1"
    android:orientation="horizontal"
    android:weightSum="4" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_weight="1"
        android:text="11" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_weight="1"
        android:text="12" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_weight="1"
        android:text="13" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_weight="1"
        android:text="14" />
</LinearLayout>

<LinearLayout
    android:id="@+id/third"
    android:layout_width="fill_parent"
    android:layout_height="60dp"
    android:layout_weight="1"
    android:orientation="horizontal"
    android:weightSum="4" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_weight="1"
        android:text="21" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_weight="1"
        android:text="22" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_weight="1"
        android:text="23" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_weight="1"
        android:text="24" />
</LinearLayout>

<LinearLayout
    android:id="@+id/fourth"
    android:layout_width="fill_parent"
    android:layout_height="60dp"
    android:layout_weight="1"
    android:orientation="horizontal"
    android:weightSum="4" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_weight="1"
        android:text="31" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_weight="1"
        android:text="32" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_weight="1"
        android:text="33" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_weight="1"
        android:text="34" />
</LinearLayout>

</LinearLayout>

Answer 2

    <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:weightSum="100" >

    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="25"
        android:text="1"
        android:gravity="center"
        android:singleLine="true" />

    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="25"
        android:text="2"
        android:gravity="center"
        android:singleLine="true" />

    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="25"
        android:text="3"
        android:gravity="center"
        android:singleLine="true" />

    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="25"
        android:text="4"
        android:gravity="center"
        android:singleLine="true" />
</LinearLayout>

我希望它会有所帮助！

Answer 3

有一种“作弊”的好方法

不要对你的观点施加任何影响。然后放置高度或宽度=“0dp”和重量=“1”的视图，然后这些不可见视图将占用您的数字视图未占用的所有空间，这将使所有内容均匀分布。我的一个项目中的自定义工具栏中的类似内容：

<LinearLayout android:id="@+id/toolbar"
                style="@style/Toolbar"
                xmlns:android="http://schemas.android.com/apk/res/android">

    <ImageButton
            android:id="@+id/button1"
            style="@style/ToolbarButton"
            android:src="@drawable/sc_bookopen_white"
            android:text="">
    </ImageButton>

    <View
            android:layout_width="0dp"
            android:layout_height="1dp"
            android:layout_weight="1" >
    </View>

    <ImageButton
            android:id="@+id/button2"
            style="@style/ToolbarButton"
            android:src="@drawable/sc_favourites_add"
            android:text="">
    </ImageButton>

    <View
            android:layout_width="0dp"
            android:layout_height="1dp"
            android:layout_weight="1" >
    </View>

    <ImageButton
            android:id="@+id/button3"
            style="@style/ToolbarButton"
            android:src="@drawable/sc_bulls_eye"
            android:text="">
    </ImageButton>

    <View
            android:layout_width="0dp"
            android:layout_height="1dp"
            android:layout_weight="1" >
    </View>

    <ImageButton
            android:id="@+id/button4"
            style="@style/ToolbarButton"
            android:src="@drawable/sc_search"
            android:text="">
    </ImageButton>

    <View
            android:layout_width="0dp"
            android:layout_height="1dp"
            android:layout_weight="1" >
    </View>

    <ImageButton
            android:id="@+id/button5"
            style="@style/ToolbarButtonRight"
            android:src="@drawable/sc_flip"
            android:text="">
    </ImageButton>

</LinearLayout>

Answer 4

你可以试试这个肯定工作不要忘记在线性布局中放置边距

toplinearlayout 使用 weightSum 垂直分为四部分

linearlayout1horizo​​ntol 使用 weightSum 分为四部分

linearlayout2horizo​​ntol 使用 weightSum 分为四部分

linearlayout3horizo​​ntol 使用 weightSum 分为四部分

linearlayout4horizo​​ntol 使用 weightSum 分为四部分