Question

因此，我目前正在使用Android上的应用，我遇到了有关RelativeLayout的特定问题，我无法找到解决方法。

我在布局中有三个视图如下：TextView，Textview和ImageView（水平放置），这里是ios对应的截图：

中间的Textview应该坚持第一个，直到他进入Imageview，当他这样做时，他保持最小尺寸（换行内容），而第一个Textview截断。

在IOS上我设置了约束的优先级来实现这一目标，但我无法弄清楚如何在Android上解决这个问题。

这是我试过的：

<android.support.percent.PercentRelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:background="@drawable/daily_movie_title_box">

    <TextView
    android:id="@+id/daily_header_textview"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"


    android:padding="15dp"
    android:text="New Text aawi oa ioawfwi"
    android:textSize="16sp"

    android:textStyle="bold"
    android:textColor="@color/white"

    android:lines="1"
    android:singleLine="true"

    android:layout_alignParentStart="true"
    />


    <TextView
    android:id="@+id/duration_text"
    android:text="138 mins"
    android:layout_width="100dp"
    android:layout_height="wrap_content"
    android:textSize="13sp"
    android:textColor="@color/white"
    android:lines="1"
    android:layout_alignBaseline="@id/daily_header_textview"

    android:layout_toStartOf="@+id/certification_icon"
    android:layout_toEndOf="@id/daily_header_textview"

    />

    <ImageView
    android:id="@id/certification_icon"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_alignParentEnd="true"
    android:src="@drawable/uk12a"
    android:layout_alignBottom="@id/daily_header_textview"
    app:layout_aspectRatio="100%"/>

</android.support.percent.PercentRelativeLayout>

这导致了这个（这就是我想要的）：

但是当我增加第一个Textview文本时，它的表现并不像我想要的那样......

是否有可能在Android中实现我想要的行为（保留中间的Textview换行内容，并在需要时截断第一个内容）？

如果我最终找到解决方案，我会发布更新，只是想看看是否有人能找到一种简单的方法来实现这种行为，因为我怀疑它有。

感谢。

Answer 1

根据我的理解，您希望第一个TextView尽可能大，如果文本太小，则不会在文本后面添加空格。第二个TextView应该只有wrap_content，但是当行没有时，它应该填充父布局的其余部分。 ImageView设置为wrap_content。

我用这种布局测试了它：

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

    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:shrinkColumns="0"
        android:stretchColumns="1">

        <TableRow>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:singleLine="true"
                android:text="Shrinking text dddddddddddddddddddddd"/>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Midle column"/>

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@mipmap/ic_launcher"/>
        </TableRow>

    </TableLayout>

</LinearLayout>

唯一的问题是，如果第二列的文本非常大，它会将其他视图推出父级。但在你的情况下，我认为这不会是一个问题。否则，我认为它可以胜任。

Answer 2

这些是一些建议的解决方案：

您可以LinearLayout使用每个组件的水平方向和重量（TextViews和ImageView）。
您可以为第二个TextView设置最小和最大文本长度。

但我更喜欢应用第一种解决方案。您可以使用以下方法为每个组件指定权重（屏幕上的空间量）：

android:layout_height

两个视图之间的Relativelayout位置视图

2 个答案: