0

任何人都可以帮助我创建如下所述的 Ui。我在 Ui 下创建时面临一个问题。文本较小时，不会显示右下角的图标。请帮忙。

这是代码。

<FrameLayout
    android:id="@+id/attachmentViewFL"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_toRightOf="@id/imageView"
    android:background="@drawable/chat_bg_incoming"
    android:padding="5dp"
    >

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

        <RelativeLayout
            android:id="@+id/attachmentRL"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
          >

            <RelativeLayout
                android:id="@+id/nonThumbnailRL"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:visibility="visible">

                <ImageView
                    android:id="@+id/attachmentIV"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_centerInParent="true"
                    android:paddingRight="5dp"
                    android:paddingTop="5dp"
                    android:src="@drawable/extension_type_unknown" />

                <TextView
                    android:id="@+id/textView1"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerVertical="true"
                    android:layout_toLeftOf="@+id/progressBarRL"
                    android:layout_toRightOf="@id/attachmentIV"
                    android:text="text test  okay"
                    android:textColor="@color/dark_grey_font"
                    android:textIsSelectable="false"
                    android:textSize="16sp" />

            </RelativeLayout>
        </RelativeLayout>

        <TextView
            android:layout_below="@id/attachmentRL"
            android:layout_marginTop="5dp"
            android:id="@+id/rowChatMessageTimeTV"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

            android:text="oct 20, 10:25 AM"
            android:textColor="@color/grey_font_dark"
            android:textSize="12sp" />
        <ImageView
            android:id="@+id/rowChatMessageStatus"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@id/attachmentRL"
            android:layout_marginTop="5dp"
            android:scaleType="fitEnd"
            android:layout_marginLeft="5dp"
            android:layout_alignRight="@id/attachmentRL"
            android:layout_toRightOf="@id/rowChatMessageTimeTV"

            android:src="@drawable/ic_read_msg" />

    </RelativeLayout>
</FrameLayout>

如果文本很小ic_read_msg，则不显示图标。但是，如果文本足够大，那么它会像我期望的那样正确显示。我不想使用android:layout_alignParentRight="true"它，因为它总是在右侧获取视图并匹配屏幕的宽度。

4

1 回答 1

0

尝试android:layout_alignRight="@id/attachmentRL从 ImageView 中删除。

<ImageView
            android:id="@+id/rowChatMessageStatus"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@id/attachmentRL"
            android:layout_marginTop="5dp"
            android:scaleType="fitEnd"
            android:layout_marginLeft="5dp"
            android:layout_alignRight="@id/attachmentRL" // ---> Remove this line
            android:layout_toRightOf="@id/rowChatMessageTimeTV"
            android:src="@drawable/ic_read_msg" />
于 2018-04-30T10:54:16.933 回答