Android 左侧以xml为中心的文本视图

Android 左侧以xml为中心的文本视图,android,xml,android-linearlayout,Android,Xml,Android Linearlayout,我试着在我的屏幕上创建一种笔划,它显示4种东西。左侧为Back按钮,中间为关卡名称,右侧为scoreInfoOne和scoreInfoTwo,但在彼此下方。我使用下面的代码,但奇怪的是级别名称似乎没有居中,scoreInfoTwo的值越长,级别名称就越位于左侧。有什么想法吗 <LinearLayout android:layout_width="fill_parent" android:layout_height="35dp" android

我试着在我的屏幕上创建一种笔划,它显示4种东西。左侧为Back按钮,中间为关卡名称,右侧为scoreInfoOne和scoreInfoTwo,但在彼此下方。我使用下面的代码,但奇怪的是级别名称似乎没有居中,scoreInfoTwo的值越长,级别名称就越位于左侧。有什么想法吗

<LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="35dp"
        android:background="#25ab89"
        android:orientation="horizontal"
        android:weightSum="4" >

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical" >

            <ImageView
                android:id="@+id/ivBackButton"
                android:layout_width="18dp"
                android:layout_height="18dp"
                android:src="@drawable/arrow" />
        </LinearLayout>

        <TextView
            android:id="@+id/tvScoreBoard"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_weight="2"
            android:gravity="center"
            android:text="level"
            android:textColor="#ffffff"
            android:textSize="18dp" />

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_weight="1"
            android:gravity="right"
            android:orientation="vertical"
            android:paddingRight="2dp" >

            <TextView
                android:id="@+id/tvScoreInfoOne"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:text="0/30"
                android:textColor="#ffffff"
                android:textSize="12dp" />

            <TextView
                android:id="@+id/tvScoreInfoTwo"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="right"
                android:text="score:"
                android:textColor="#ffffff"
                android:textSize="12dp" >
            </TextView>
        </LinearLayout>

您的子视图必须将布局宽度设置为零:

android:layout_width="0px"
因此,您的布局将如下所示:

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="35dp"
    android:background="#25ab89"
    android:orientation="horizontal"
    android:weightSum="4" >

    <LinearLayout
        android:layout_width="0px"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_weight="1"
        android:gravity="center"
        android:orientation="vertical" >

        <ImageView
            android:id="@+id/ivBackButton"
            android:layout_width="18dp"
            android:layout_height="18dp"
            android:src="@drawable/arrow" />
    </LinearLayout>

    <TextView
        android:id="@+id/tvScoreBoard"
        android:layout_width="0px"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_weight="2"
        android:gravity="center"
        android:text="level"
        android:textColor="#ffffff"
        android:textSize="18dp" />

    <LinearLayout
        android:layout_width="0px"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_weight="1"
        android:gravity="right"
        android:orientation="vertical"
        android:paddingRight="2dp" >

        <TextView
            android:id="@+id/tvScoreInfoOne"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="right"
            android:text="0/30"
            android:textColor="#ffffff"
            android:textSize="12dp" />

        <TextView
            android:id="@+id/tvScoreInfoTwo"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="right"
            android:text="score:"
            android:textColor="#ffffff"
            android:textSize="12dp" >
        </TextView>
</LinearLayout>

首先,您不能在
线性布局中使用
android:layout\u gravity=“anything”
。对于
LinearLayout
s,使用权重定义要使用的空间大小。对于您试图做的事情,我建议使用
RelativeLayout
,然后您可以使用
android:layout\u lower=“@+id/other\u TextView
来定义您希望
TextView
或其他项目的位置,并且有很多
android:layout\u[方向]
可供选择,您可以使用
layout\u=”将其置于水平位置的中心“

    <RelativeLayout
            android:layout_width="fill_parent"
            android:layout_height="35dp"
            android:background="#25ab89">

                <ImageView
                    android:id="@+id/ivBackButton"
                    android:layout_width="18dp"
                    android:layout_height="18dp"
                    android:layout_alignParentLeft="true"
                    android:layout_alignParentTop="true"
                    android:src="@drawable/arrow" />

                <TextView
                    android:id="@+id/tvScoreBoard"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_horizontal"
                    android:layout_below="@id/ivBackButton"
                    android:gravity="center"
                    android:text="level"
                    android:textColor="#ffffff"
                    android:textSize="18dp" />

                 <TextView
                    android:id="@+id/tvScoreInfoOne"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="right"
                    android:layout_below="@id/tvScoreBoard"
                    android:alignParentRight="true"
                    android:text="0/30"
                    android:textColor="#ffffff"
                    android:textSize="12dp" />

                <TextView
                    android:id="@+id/tvScoreInfoTwo"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="right"
                    android:layout_below="@id/tvScoreInfoTwo"
                    android:alignParentRight="true"
                    android:text="score:"
                    android:textColor="#ffffff"
                    android:textSize="12dp" />
</RelativeLayout>


非常感谢,这就是关键!你能解释一下哪里出了问题吗?我使用了包裹内容,它的位置不应该超过我给它的重量,不是吗?
包裹内容将忽略重量值。你应该始终使用
0px
(或任何其他测量-
dip
dp
,等等)在布局方向上。因此,对于加权的水平布局,您将宽度设置为0,对于垂直方向的布局,您将
layout\u height
设置为0。谢谢@Matt,应该也可以。代码更少。前三项彼此相邻,所以我想应该使用右边的。我只是试图了解您的情况尝试这样做,然后编写与之匹配的代码。通过使用
layout\u-toRightOf=“”
等,您肯定可以很容易地快速更改它。