0

我想实现并排显示 3 个项目

[ICON-and-text-inside] [动态文本] [动态列表与动态宽度]

以下是我的来源

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



        <FrameLayout android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
                     android:layout_gravity="center_vertical"
                >

            <ImageView
                    android:layout_width="30dp"
                    android:layout_height="30dp"
                    android:id="@+id/imageView"
                    android:src="@drawable/bullet_bg_36px"
                    android:scaleType="centerInside"/>

            <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="10."
                    android:id="@+id/textView"
                    android:layout_gravity="center"
                    android:textColor="#ffffff"
                    android:textStyle="bold"
                    android:textSize="14dp"/>
        </FrameLayout>

        <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="LongText1 - LongText2 - LongText3 - LongText4"
                android:paddingLeft="10dp"
                android:layout_gravity="center_vertical"
                />
    <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="6dp"
            android:measureWithLargestChild="false"
            android:layout_weight="1">
        <TextView
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:text="??? reps"

                  android:textColor="#c2df00"
                  android:background="#000000"
                  android:paddingEnd="2dp"
                  android:paddingStart="2dp"
                  android:singleLine="true"
                  android:layout_weight="1"/>
        <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="with ??? lbs"

                android:textColor="#c2df00"
                android:background="#000000"
                android:paddingEnd="2dp"
                android:paddingStart="2dp"
                android:singleLine="true"
                android:layout_weight="1"/>
            </LinearLayout>
</LinearLayout>

当前的行为类似于以下屏幕截图：

在此处输入图像描述

我希望中间的 [动态文本] 仅换行（如有必要，可以换行），而第一个（icon+textinside）和最后一个（列表）可以完全正确地显示。

此外，如果中间文本不够宽，那么我希望在它之后显示列表（如场景 #1 所示）。

4

1 回答 1

1

做这样的事情。我的示例使用 3 个文本视图，只需将其替换为您的控件即可：

<RelativeLayout 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"
    android:padding="0dp"
    tools:context=".SearchResultActivity" >

    <TextView 
        android:id="@+id/text1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="aaa"/>

     <TextView 
        android:id="@+id/text2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/text1"
        android:layout_toLeftOf="@+id/text3"
        android:text="bbbbbb bbbbbb bbbbbb bbbbbb bbbbbb bbbbbb bbbbbb bbbbbb bbbbbb bbbbbb bbbbbb bbbbbb bbbbbb bbbbbb"/>

    <TextView 
        android:id="@id/text3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:text="ccc"/>

</RelativeLayout>
于 2013-09-15T00:00:04.530 回答