logo标签列表

具有标题，图像和文本的列表视图？

androidandroid-layoutlistviewandroid-xml
8
我需要制作一个列表视图，左侧有一张图片，右侧是标题，图片下方是描述。我查看了文档中的列表视图，但似乎没有这种示例。我在XML中定义了选项卡视图（例如android示例tabs1），其中包含一个列表视图作为第一个选项卡内容。但是，我希望通过RSS新闻源以编程方式将内容添加到列表视图中。
我考虑使用WebView并使用HTML注入字符串，但我如何从drawable文件夹中插入图像？（这些图像仅是存储在本地的“新闻图标”，而不是来自互联网的图像）
如果我的问题有点初学者级别，请见谅，但感谢任何帮助 :)
4个回答
10

我猜你所描述的结构是指ListView项目的内容。你可以通过为每个项目定义一个布局来实现这一点。以下代码在一个类似的情况下对我有效：

<?xml version="1.0" encoding="UTF-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:padding="6dip" android:layout_height="?android:attr/listPreferredItemHeight">
    <ImageView
        android:id="@+id/result_icon"        
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_alignParentBottom="true"
        android:layout_marginRight="6dip"        
        android:src="@drawable/image1"/>
    <TextView
        android:id="@+id/result_name"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"        
        android:layout_toRightOf="@id/result_icon"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"        
        android:layout_alignWithParentIfMissing="true"                
        android:gravity="center_vertical"
        android:text="Title" />
    <TextView  
        android:id="@+id/result_second_line"
        android:layout_width="fill_parent"
        android:layout_height="26dip"      
        android:layout_toRightOf="@id/result_icon"
        android:layout_below="@id/result_name"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"        
        android:singleLine="true"
        android:ellipsize="marquee"
        android:text="Second line" />
</RelativeLayout>

你需要扩展一个BaseAdapter并将其用于ListActivity。你需要填充布局并从RSS源中提取数据。

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    Result result = this.results.get(position);


    LayoutInflater inflater = (LayoutInflater) context.getSystemService(
                                        Context.LAYOUT_INFLATER_SERVICE);
    RelativeLayout view = (RelativeLayout) 
            inflater.inflate(R.layout.result_item, null, false);

    ImageView image = (ImageView) view.findViewById(R.id.result_icon);
    image.setImageResource(result.imageResource);

    TextView name = (TextView) view.findViewById(R.id.result_name);
    name.setText(result.location);

    TextView secondLine = (TextView) view.findViewById(R.id.result_second_line);
    secondLine.setText(result.shortDescription);

    return view;
}
1
我应该指出RelativeLayout文件可能保存为result_item.xml在project/res/layout/。 - Bjorn
1
0
<?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="match_parent"
    android:orientation="vertical" >





    <GridLayout
        android:id="@+id/gridLayout1"
        android:layout_width="match_parent"
        android:layout_height="0dip"
        android:layout_weight="1.07"
        android:columnCount="2" >

        <ImageView
            android:id="@+id/chkItemImage"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_column="0"
            android:layout_gravity="left"
            android:layout_row="0"
            android:layout_rowSpan="3"
            android:src="@drawable/ic_launcher"
            android:scaleType="fitXY" />

        <TextView
            android:id="@+id/chkItemName"
            android:layout_column="1"
            android:layout_gravity="left"
            android:layout_row="0"
            android:text=""
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <TextView
            android:id="@+id/chkItemDescription"
            android:layout_column="1"
            android:layout_gravity="left"
            android:layout_row="1"
            android:text=""
            android:textAppearance="?android:attr/textAppearanceLarge" />

        <TextView
            android:id="@+id/chkItemPrice"
            android:layout_column="1"
            android:layout_gravity="left"
            android:layout_row="2"
            android:text=""
            android:textAppearance="?android:attr/textAppearanceLarge" />


    </GridLayout>

0
你需要设计ListView的项，包含TextView和ImageView。
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="horizontal" >

 <ImageView
 android:id="@+id/imageView"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content" />

 <TextView
 android:id="@+id/textView1"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_marginLeft="40dp"
 android:layout_gravity="center_vertical"
 android:text="TextView" />
<TextView
 android:id="@+id/textView2"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_marginLeft="40dp"
 android:layout_gravity="center_vertical"
 android:text="TextView" />

</LinearLayout>

接下来你需要设计ListView的布局。 然后你需要通过获取布局填充器来填充你的行项目布局。

  LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
  View single_row = inflater.inflate(R.layout.list_row, null,
 true);
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接