android - 如何在段落中显示文本和图像

Question

我正在尝试以这种格式显示图像和文本，但我无法做到。

这可能吗？如果是这样，任何人都可以帮助我这样做。提前致谢..

这是我的列表视图行的 XML ..

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

        <ImageView
            android:id="@+id/myImageView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_launcher" />

        <TextView
            android:id="@+id/myImageViewText"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@+id/myImageView"

            android:layout_alignTop="@+id/myImageView"
            android:layout_margin="1dp"
            android:gravity="center"
            android:text="Hello"
            android:textColor="#000000" />
    </RelativeLayout>

这是getView方法：

     @Override
            public View getView(final int position, View convertView, ViewGroup parent) {
                View v = convertView;

                if (v == null) {
                    LayoutInflater vi = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
                    v = vi.inflate(R.layout.alerts_row, null);
                }
            DbNewsItem o = items.get(position);
        if (o != null) {
                   TextView desc = (TextView) v.findViewById(R.id.alert_details);
            ImageView iv = (ImageView) v.findViewById(R.id.alert_image);
                     desc.setText(o.getDesc());
                    imageLoader.displayImage(img_url, iv, options);
            }
        return view;
       }

Answer 1

您可以通过在 XML 中应用以下代码来获得该文本流：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"   
  android:id="@+id/RelativeLayout01"  
  android:layout_width="fill_parent"  
  android:layout_height="wrap_content" >

<TextView
 android:id="@+id/tv1"
 android:layout_width="200dp"
 android:layout_height="wrap_content"
 android:layout_alignBottom="@+id/image"
 android:layout_alignParentRight="true"
 android:layout_alignTop="@+id/image"
 android:text="@string/text_one"
 android:textSize="20sp" />

<ImageView
 android:id="@+id/image"
 android:layout_width="100dp"
 android:layout_height="100dp"
 android:layout_alignParentLeft="true"
 android:layout_alignParentTop="true"
 android:background="@drawable/ic_launcher" />

<TextView
 android:id="@+id/tv2"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_alignParentLeft="true"
 android:layout_below="@+id/tv1"
 android:text="@string/text_two"
 android:textSize="20sp" />

</RelativeLayout> 

输出 ：

希望这有帮助。

Answer 2

使用列表视图或自定义 UI 组件。首先定义一个行组件 XML 以在列表视图中使用。它必须在左侧包含一个图像视图，在右侧和底部包含 2 个文本视图。（您可以为您的自定义组件执行此操作。Listview 允许您显示多个帖子）

imageview 的大小必须是有界的。

之后，设置 imageview 和 textview 的值。当您的文本长度为 300-500 等字符时，将其设置为右侧的 textview1，然后将剩余的文本设置为底部的 textview2。

我认为这不是完美的解决方案，但它有效。如果您没有足够的时间可以使用它，您可以使用它。