Question

我有一个自定义ListItem行，顶部有一个TextView，底部有一个TextView。我想创建一个右对齐的按钮，并垂直居中。我怎么能用XML做到这一点？

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="?android:attr/listPreferredItemHeight"
    android:padding="6dip">

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="0dip"
        android:layout_weight="1"
        android:layout_height="fill_parent">
        <TextView
            android:id="@+id/toptext"
            android:layout_width="fill_parent"
            android:layout_height="0dip"
            android:layout_weight="1"
            android:gravity="center_vertical"
       android:textSize="18sp" android:textColor="#FFFFFF"/>

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="0dip"
            android:layout_weight="1" 
            android:id="@+id/bottomtext"
            android:singleLine="true"
            android:ellipsize="marquee"
        android:textSize="15sp" android:textColor="#FFFFFF"/>

</LinearLayout>
</LinearLayout>

Answer 1

使用android:gravity或setGravity(int)

指定如何在对象本身内放置对象的内容，包括x轴和y轴。

http://developer.android.com/reference/android/widget/LinearLayout.html#attr_android:gravity

特别针对这种情况，right|center_vertical

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

        <TextView
            android:id="@+id/toptext"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="text centered"/>

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:id="@+id/bottomtext"
            android:text="text to the left"/>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/btn"
            android:text="the button is at the right"/>
</LinearLayout>

Answer 2

我以为他想要这样的东西：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent" android:layout_height="?android:attr/listPreferredItemHeight"
    android:padding="6dip">
    <Button android:text="@+id/Button01" android:id="@+id/Button01"
        android:layout_width="wrap_content" android:layout_alignParentRight="true"
        android:layout_centerVertical="true" android:layout_height="wrap_content" />

    <LinearLayout android:orientation="vertical"
        android:layout_toLeftOf="@+id/Button01" android:layout_width="fill_parent"
        android:layout_height="fill_parent" android:id="@+id/TextLayout">
        <TextView android:id="@+id/toptext" android:layout_width="fill_parent"
            android:layout_height="0dip" android:layout_weight="1"
            android:gravity="center_vertical" android:textSize="18sp"
            android:textColor="#FFFFFF" android:background="#FFAABB" />

        <TextView android:layout_width="fill_parent"
            android:layout_height="0dip" android:layout_weight="1" android:id="@+id/bottomtext"
            android:singleLine="true" android:ellipsize="marquee"
            android:textSize="15sp" android:textColor="#FFFFFF"
            android:background="#FFBBAACC" />
    </LinearLayout>
</RelativeLayout>

Answer 3

如果您使用RelativeLayout，请尝试

android:layout_alignParentRight="true"
android:layout_centerVertical="true"

这对我有用，但需要进行大量调整以使其正确。

你也可能需要

 android:layout_width="wrap_content"

Answer 4

您可以通过类似以下内容实现此目的：

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="?android:attr/listPreferredItemHeight"
    android:padding="6dip">

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="0dip"
        android:layout_weight="1"
        android:layout_height="fill_parent">
        <TextView
            android:id="@+id/toptext"
            android:layout_width="fill_parent"
            android:layout_height="0dip"
            android:layout_weight="1"
            android:gravity="center_vertical"
       android:textSize="18sp" android:textColor="#FFFFFF"/>

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="0dip"
            android:layout_weight="1" 
            android:id="@+id/bottomtext"
            android:singleLine="true"
            android:ellipsize="marquee"
        android:textSize="15sp" android:textColor="#FFFFFF"/>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="right|center_vertical"
        />

</LinearLayout>
</LinearLayout>

如何使布局中的按钮对齐？

4 个答案: