Android 左侧以xml为中心的文本视图
我试着在我的屏幕上创建一种笔划,它显示4种东西。左侧为Back按钮,中间为关卡名称,右侧为scoreInfoOne和scoreInfoTwo,但在彼此下方。我使用下面的代码,但奇怪的是级别名称似乎没有居中,scoreInfoTwo的值越长,级别名称就越位于左侧。有什么想法吗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
<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=“”
等,您肯定可以很容易地快速更改它。