如何在布局中水平分为4个相等的部分

Question

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

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

要创建4个相等的垂直部分，我使用android:weightSum="100" 如何横向划分为4个相等的部分（我使用LinearLayout和TableRow）

Answer 1

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

有一种“欺骗”的好方法

不要在视图上加权。然后放置高度或宽度=“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 3

你可以尝试这个肯定的工作 别忘了把margin放在linearlayout中

toplinearlayout使用weightSum四个部分进行垂直划分

linearlayout1 horizo​​ntol使用weightSum分为四个部分

linearlayout2 horizo​​ntol使用weightSum分为四个部分

linearlayout3 horizo​​ntol使用weightSum分为四个部分

linearlayout4 horizo​​ntol使用weightSum分为四个部分

Answer 4

使用此代码...
    

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