Question

我在Android中有一个要求，我必须设计四个按钮，如下图所示。我不确定应该使用哪种布局以及如何在所有屏幕上调整60-40％的比例。三江源！

Answer 1

您可以使用权重属性使布局相对。我提供了一个适合你案例的例子。请注意，此示例中的权重总和始终为1.

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

    <Button
        android:id="@+id/button_1"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="0.6"
        android:background="@color/red"/>

    <Button
        android:id="@+id/button_2"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="0.4"
        android:background="@color/black"/>
</LinearLayout>

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

    <Button
        android:id="@+id/button_3"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="0.4"
        android:background="@color/green"/>

    <Button
        android:id="@+id/button_4"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="0.6"
        android:background="@color/orange"/>
</LinearLayout>

这是结果

Answer 2

使用3线性布局。第一个线性布局是垂直的，weigthSum = 2，有2个线性布局子项，它们的权重为1，每个子线性布局都是水平的，有2个按钮。

Answer 3

拖放后，对layout_width和layout_height

没有任何改动

LinearLayout (Vertical)
    LinearLayout (Horizontal) //layout_weight: 0.4
       FrameLayout //layout_weight: 0.4
       FrameLayout //layout_weight: 0.6
    LinearLayout (Horizontal) //layout_weight: 0.6
       FrameLayout //layout_weight: 0.6
       FrameLayout //layout_weight: 0.4

注意：如果您将match_parent更改为0dp，您的权重将在0.6中为60％，0.4％为40％。

代码：

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

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

        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="0.4"
            android:background="#d00000"></FrameLayout>

        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="0.6"
            android:background="#9be412" />
    </LinearLayout>

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

        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="0.6"
            android:background="#12b9a3" />

        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="0.4"
            android:background="#b208a7" />
    </LinearLayout>

</LinearLayout>

Answer 4

您应该将百分比支持库用于您的项目。

dependencies {
    compile 'com.android.support:percent:xx.x.x'
}

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

    <View
        android:id="@+id/top_left"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_alignParentTop="true"
        android:background="#ff44aacc"
        app:layout_heightPercent="20%"
        app:layout_widthPercent="70%" />

    <View
        android:id="@+id/top_right"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_alignParentTop="true"
        android:layout_toRightOf="@+id/top_left"
        android:background="#ffe40000"
        app:layout_heightPercent="20%"
        app:layout_widthPercent="30%" />

    <View
        android:id="@+id/bottom"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_below="@+id/top_left"
        android:background="#ff00ff22"
        app:layout_heightPercent="80%" />
</android.support.percent.PercentRelativeLayout>

Answer 5

这会对你有帮助..

 <?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"
    android:background="@android:color/black"
    android:weightSum="100">

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

        <Button
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:text="Button1"
            android:layout_weight="60"/>
        <Button
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:text="Button2"
            android:layout_weight="40"/>

    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="40"
        android:weightSum="100"
        android:orientation="horizontal">

        <Button
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:text="Button3"
            android:layout_weight="40"/>
        <Button
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:text="Button4"
            android:layout_weight="60"/>

    </LinearLayout>

</LinearLayout>

...谢谢

如何在Android中设计以下格式

5 个答案: