如何使TextView中心在带有多个TextViews的RelativeLayout中对齐

Question

我有一个带有两个TextView的RelativeLayout ，一个对齐center ，另一end对齐，

            <RelativeLayout
                android:layout_width="wrap_content"
                android:layout_height="60dp"
                android:layout_marginEnd="@dimen/size_10dp"
                android:layout_marginStart="@dimen/size_10dp">

                <TextView
                    android:id="@+id/title_count_text"
                    fontPath="fonts/title_bold.ttf"
                    android:layout_width="wrap_content"
                    android:layout_height="60dp"
                    android:layout_alignParentEnd="true"
                    android:layout_gravity="center"
                    android:background="@color/background"
                    android:ellipsize="end"
                    android:gravity="center|center_vertical"
                    android:maxLines="1"
                    android:text="(0)"
                    android:paddingLeft="@dimen/size_5dp"
                    android:paddingStart="@dimen/size_5dp"
                    android:textColor="@color/textColorGrey"
                    android:textSize="@dimen/size_18dp"
                    android:textStyle="bold" />

                <TextView
                    android:id="@+id/title_text"
                    fontPath="fonts/title_bold.ttf"
                    android:layout_width="wrap_content"
                    android:layout_height="60dp"
                    android:layout_centerInParent="true"
                    android:layout_gravity="center"
                    android:ellipsize="end"
                    android:gravity="center"
                    android:maxLines="1"
                    android:text="This is a Sample Test"
                    android:textAlignment="center"
                    android:textColor="@color/textColorGrey"
                    android:textSize="@dimen/size_18dp"
                    android:textStyle="bold" />

            </RelativeLayout> 

看起来像这样，请找到下面的图片，

它可以在较小的文本长度下正常工作，但是如果我增加文本长度，它将与计数器文本重叠，显然， title_text在title_count_text之后呈现，

但是，如果我将android:layout_toLeftOf="@+id/title_count_text"属性添加到title_text并更改宽度以匹配父级，以使此TextView中心对齐。 title_text将松开中心重心。

看起来像这样，请在下面找到第二个附件

虽然它可能不可见，但是是的，它现在已左右移至计数器文字的宽度，

我要实现的是保留title_text的中心对齐方式，当文本长度更大并且到达计数器文本视图的开始时，应剪切文本并将...追加到末尾，

任何帮助将不胜感激，

谢谢

TL：DR如果文本长度较大，则不仅在居中对齐而且在遇到计数器文本视图时也需要裁剪。

Answer 1

<TextView
                android:id="@+id/title_text"
                android:layout_toLeftOf="@+id/title_count_text"
                android:layout_alignParentLeft="true"
                fontPath="fonts/title_bold.ttf"
                android:layout_width="wrap_content"
                android:layout_height="60dp"
                android:layout_centerInParent="true"
                android:layout_gravity="center"
                android:ellipsize="end"
                android:gravity="center"
                android:maxLines="1"
                android:text="This is a Sample Test"
                android:textAlignment="center"
                android:textColor="@color/textColorGrey"
                android:textSize="@dimen/size_18dp"
                android:textStyle="bold" />

我在您的第二个文本视图中添加了以下两行，以获取您描述的行为：

android:layout_toLeftOf="@+id/title_count_text"
android:layout_alignParentLeft="true"

不过，您可能必须尝试使用​​椭圆尺寸设置。

Answer 2

如果愿意，请删除 相对布局 的填充 ，然后将填充添加到title_text Textview

 <RelativeLayout
    android:layout_width="wrap_content"
    android:layout_height="60dp"
    >

    <TextView
        android:id="@+id/title_count_text"
        android:layout_width="wrap_content"
        android:layout_height="60dp"
        android:layout_alignParentEnd="true"
        android:layout_gravity="center"
        android:ellipsize="end"
        android:gravity="center|center_vertical"
        android:maxLines="1"
        android:text="(0)"
        android:paddingLeft="@dimen/size_5dp"
        android:paddingStart="@dimen/size_5dp"
        android:textColor="@color/textColorGrey"
        android:textSize="@dimen/size_18dp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/title_text"
        android:layout_width="wrap_content"
        android:layout_height="60dp"
        android:padding="16dp"
        android:layout_centerInParent="true"
        android:layout_gravity="center"
        android:ellipsize="end"
        android:gravity="center"
        android:maxLines="1"
        android:text="This is a Sample Test wehatb the  are u dongibng wjkl"
        android:textAlignment="center"
        android:textColor="@color/textColorGrey"
        android:textSize="@dimen/size_18dp"
        android:textStyle="bold" />

</RelativeLayout>

Answer 3

正如我在上面的注释中提到的那样，将LinearLayout的宽度设置为matchparent ，方向为horizontal 。 内部线性布局采用2个文本视图，第一个TextView宽度为0dp，权重为1，第二个TextView宽度包装内容

Answer 4

更新title_text ，如下所示：

               <TextView
                android:id="@+id/title_text"
                fontPath="fonts/title_bold.ttf"
                android:layout_width="match_parent"
                android:layout_toLeftOf="@+id/title_count_text"
                android:ellipsize="end"
                android:layout_height="60dp"
                android:gravity="center"
                android:maxLines="1"
                android:text="This is a Sample Test"
                android:textColor="@color/textColorGrey"
                android:textSize="@dimen/size_18dp"
                android:textStyle="bold" />

主要添加以下3个属性：

                    android:layout_width="match_parent"
                    android:layout_toLeftOf="@+id/title_count_text"
                    android:ellipsize="end"

另外，删除：

                android:layout_centerInParent="true"
                android:layout_gravity="center"

Answer 5

尝试这个 ：-

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:layout_marginEnd="@dimen/size_10dp"
        android:layout_marginStart="@dimen/size_10dp">

        <TextView
            android:id="@+id/title_count_text"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="match_parent"
            android:background="@color/background"
            android:textAlignment="center"
            android:ellipsize="end"
            android:maxLines="1"
            android:gravity="center"
            android:text="(0)"
            android:paddingLeft="@dimen/size_5dp"
            android:paddingStart="@dimen/size_5dp"
            android:textColor="@color/textColorGrey"
            android:textSize="@dimen/size_18dp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/title_text"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="match_parent"
            android:ellipsize="end"
            android:layout_gravity="end"
            android:maxLines="1"
            android:gravity="center"
            android:text="This is a Sample Test"
            android:textAlignment="center"
            android:textColor="@color/textColorGrey"
            android:textSize="@dimen/size_18dp"
            android:textStyle="bold" />
    </LinearLayout>
</LinearLayout>

Answer 6

试试这个，让我知道，

<?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="60dp"
    android:background="#ff0000"
    android:weightSum="1"
    >
    <TextView
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="0.8"
        android:text="test"
        android:gravity="center"/>

    <TextView
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="0.2"
        android:text="0"
        android:gravity="center"/>

</LinearLayout>

Answer 7

尝试这个：-

将android：layout_toStartOf =“ @ + id / title_count_text”和android：maxLines =“ 2”添加到ID为“ @ + id / title_text”的TextView中。 它为我工作。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="60dp"
android:layout_marginEnd="@dimen/dp10"
android:layout_marginStart="@dimen/dp10">

<TextView
    android:id="@+id/title_count_text"
    android:layout_width="wrap_content"
    android:layout_height="60dp"
    android:layout_alignParentEnd="true"
    android:ellipsize="end"
    android:gravity="center|center_vertical"
    android:maxLines="1"
    android:paddingLeft="@dimen/dp5"
    android:paddingStart="@dimen/dp5"
    android:text="(0)"
    android:textSize="@dimen/dp18"
    android:textStyle="bold" />

<TextView
    android:id="@+id/title_text"
    android:layout_width="wrap_content"
    android:layout_height="60dp"
    android:layout_gravity="center"
    android:layout_toStartOf="@+id/title_count_text"
    android:gravity="center"
    android:maxLines="2"
    android:text="This is a Sample Test This is a Sample Test This is a Sample Test This is a Sample Test"
    android:textAlignment="center"
    android:textSize="@dimen/dp18" />

</RelativeLayout>