8

我需要将视图的宽度设置为屏幕宽度的 50%，然后将此视图水平居中，同时可能有 1 个或多个按钮可以出现在屏幕的左侧或右侧。

我正在使用相对布局，以便我可以放置一个带有权重的线性布局，以使我的 50% 居中，同时将任何按钮放在连接到 RL 左边缘或右边缘的 LL 顶部。但是，此布局缺少蓝色中间条。如果我将中间视图 layout_weight 设置为 1，我会得到 3 个相同大小的条。

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="48dp">

    <LinearLayout
        android:id="@+id/stupid_android"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <View
            android:layout_width="fill_parent"
            android:layout_height="match_parent"
            android:background="#FF0000"
            android:layout_weight="1" />

        <View
            android:layout_width="fill_parent"
            android:layout_height="match_parent"
            android:background="#0000FF"
            android:layout_weight="2" />

        <View
            android:layout_width="fill_parent"
            android:layout_height="match_parent"
            android:background="#00FF00"
            android:layout_weight="1" />

    </LinearLayout>

</RelativeLayout>
4

4 回答 4

19

您应该将视图的宽度设置为0dip

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="48dp">

    <LinearLayout
        android:id="@+id/stupid_android"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <View
            android:layout_width="0dip"
            android:layout_height="match_parent"
            android:background="#FF0000"
            android:layout_weight="1" />

        <View
            android:layout_width="0dip"
            android:layout_height="match_parent"
            android:background="#0000FF"
            android:layout_weight="2" />

        <View
            android:layout_width="0dip"
            android:layout_height="match_parent"
            android:background="#00FF00"
            android:layout_weight="1" />

    </LinearLayout>

</RelativeLayout>
于 2013-03-04T14:47:48.087 回答
2

您可以使用新的 percent 库来实现这一点：

https://developer.android.com/tools/support-library/features.html#percent

通过做这样的事情：

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

    <View
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:background="#FF0000"
        app:layout_widthPercent="25%" />

    <View
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="2"
        android:background="#0000FF"
        android:centerHorizontal="true"
        app:layout_marginLeftPercent="25%"
        app:layout_widthPercent="50%" />

    <View
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:alignParentRight="true"
        android:background="#00FF00"
        app:layout_marginLeftPercent="75%"
        app:layout_widthPercent="25%" />

</android.support.percent.PercentRelativeLayout>
于 2015-08-24T07:25:10.127 回答
0

使用新的百分比支持库。

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

例子 ：

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/main"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <android.support.percent.PercentRelativeLayout
        android:layout_width="match_parent"
        android:layout_height="48dp"

        >

        <View
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#FF0000"
            app:layout_widthPercent="33%" />

        <View
            android:layout_height="match_parent"
            android:layout_weight="2"
            android:background="#0000FF"
            app:layout_marginLeftPercent="33%"
            app:layout_widthPercent="33%" />

        <View
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#00FF00"
            app:layout_marginLeftPercent="66%"
            app:layout_widthPercent="33%" />

    </android.support.percent.PercentRelativeLayout>


</LinearLayout>

有关更多信息Android 文档

*对于示例和教程 * Tutorial1 Tutorial2 Tutorial3

于 2016-10-26T13:33:02.177 回答
-2

如果我理解正确，你需要这个：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="48dp">

    <LinearLayout
        android:id="@+id/stupid_android"
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <View
            android:layout_width="fill_parent"
            android:layout_height="match_parent"
            android:background="#FF0000"
            android:layout_weight="1" ></View>

        <View
            android:layout_width="fill_parent"
            android:layout_height="match_parent"
            android:background="#0000FF"
            android:layout_weight="1.5" ></View>

        <View
            android:layout_width="fill_parent"
            android:layout_height="match_parent"
            android:background="#00FF00"
            android:layout_weight="1.5" ></View>

    </LinearLayout>

</RelativeLayout>
于 2013-03-05T07:54:06.923 回答