具有自定义行布局的 ListView - Android

Posted 2023-05-07

【中文标题】具有自定义行布局的 ListView - Android

【英文标题】：ListView with customized Row Layout - Android

【发布时间】：2012-07-02 04:12:43

【问题描述】：

我想创建一个Activity，其中包含一个列表，其中的行具有自定义布局。 因此，我创建了list_entry_layout.xml 文件，定义了列表中每一行应具有的布局（在我的示例中，每一行都应具有标题和摘要）：

<?xml version="1.0" encoding="utf-8"?>

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

    <TextView
        android:id="@+id/list_entry_title"
        android:layout_
        android:layout_
        android:textSize="20dp" >
    </TextView>

    <TextView
        android:id="@+id/list_entry_summary"
        android:layout_
        android:layout_
        android:textSize="10dp" >
    </TextView>

</LinearLayout>

我的问题是我不知道如何将数据添加到ListActivity 类中的每一行。 使用以下代码 sn-p 我可以添加每一行的标题：

public class MyActivity extends ListActivity 


    @Override
    protected void onCreate(Bundle savedInstanceState) 
     

        super.onCreate(savedInstanceState);
        setContentView(R.layout.list_activity);

        ListView listView = (ListView) findViewById(android.R.id.list);
        String[] values = new String[]  "Android", "iPhone", "WindowsMobile",
            "Blackberry", "WebOS", "Ubuntu", "Windows7", "Max OS X",
            "Linux", "OS/2" ;

        ArrayAdapter<String> titleAdapter = new ArrayAdapter<String>(this, R.layout.list_entry_layout, R.id.list_entry_title, values);
        // Assign adapter to ListView
        listView.setAdapter(titleAdapter);

    

要添加摘要我应该怎么做？

如果我添加此代码，我将显示摘要，而不是标题：

String[] values = new String[]  "Android_summary", "iPhone_summary", "WindowsMobile_summary", "Blackberry_summary", "WebOS_summary", "Ubuntu_summary", "Windows7_summary", "Max OS X_summary", "Linux_summary", "OS/2_summary" ;
ArrayAdapter<String> summaryAdapter = new ArrayAdapter<String>(this, R.layout.list_entry_layout, R.id.list_entry_summary, values);
// Assign adapter to ListView
listView.setAdapter(summaryAdapter);

以下是我想要得到的结果：

【参考方案1】：

您需要创建自己的ArrayAdapter：

private class YourAdapter extends ArrayAdapter<String> 
   // do some work

然后您应该指定如何使用 XML 来查看您的行，这完全符合您的目标，我建议您使用 RelativeLayout，它可以如下所示：

row.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_
    android:layout_>

    <TextView 
        android:id="@+id/name"
        android:layout_
        android:layout_
        android:layout_alignParentLeft="true"
        />

    <TextView 
        android:id="@+id/email"
        android:layout_
        android:layout_
        android:layout_alignParentLeft="true"
        android:layout_below="@id/name"
        />

</RelativeLayout>

那么在 YourAdapter 中你必须设置超级构造函数：

public YourAdapter() 
   super(YourActivity.this, R.layout.row, data);

然后为了在ListView + 更有效的实现中自定义您的数据，我建议您覆盖getView() 方法并使用Holder design pattern。

@Override
public View getView(int position, View convertView, ViewGroup parent)          
   ViewHolder holder = null;
   LayoutInflater inflater = getLayoutInflater();
      if (convertView == null) 
         convertView = inflater.inflate(R.layout.row, null, false);
         holder = new ViewHolder(convertView);
         convertView.setTag(holder);
      
      else 
         holder = (ViewHolder) convertView.getTag();
           
      holder.getUpperText().setText(dataSource[position]);
      holder.getLowerText().setText(dataSource[position]);

   return convertView;  

最后只需初始化ListView并设置Adapter：

ListView list = (ListView) findViewById(R.id.list);
list.setAdapter(new YourAdapter());

注意： Design pattern Holder 代表任意对象，其中包含每行的子小部件，因此您只需找到它们一次，然后使用 Holder 对象您将始终可以访问他们。

Holder 的实现如下所示：

public class ViewHolder 
   private View row;
   private TextView upperText = null, lowerText = null;

   public ViewHolder(View row) 
      this.row = row;
   

   public TextView getUpperText() 
      if (this.upperText == null) 
         this.upperText = (TextView) inView.findViewById(R.id.someId);
      
      return this.upperText;
   

   public TextView getLowerText() 
      if (this.lowerText == null) 
         this.lowerText = (TextView) inView.findViewById(R.id.someId);
      
      return this.lowerText;
   

希望对您有所帮助。

【参考方案2】：

您可以使用android.R.layout.simple_list_item_2 来实现此布局，而不是创建自定义行布局。

无论如何，如果您想使用自定义行布局方法，那么我已经为您准备好了 sn-p。

给你。

SampleActivity.java

package org.sample;

import java.util.ArrayList;

import android.app.ListActivity;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;
import android.widget.TwoLineListItem;

public class SampleActivity extends ListActivity 

    @Override
    public void onCreate(Bundle icicle) 
        super.onCreate(icicle);

        Mobile mobile;

        ArrayList<Mobile> mobiles  new ArrayList<Mobile>();

        mobile = new Mobile();
        mobile.setName("Android");
        mobile.setSummary("summary goes here");
        mobiles.add(mobile);

        mobile = new Mobile();
        mobile.setName("Blackberry");
        mobile.setSummary("summary goes here");
        mobiles.add(mobile);

        setListAdapter(new MyAdapter(this, mobiles));
    

Mobile.java

class Mobile 
    String name;
    String summary;

    public String getName() 
        return name;
    

    public void setName(String name) 
        this.name = name;
    

    public String getSummary() 
        return summary;
    

    public void setSummary(String summary) 
        this.summary = summary;
    

MyAdapter.java

class MyAdapter extends BaseAdapter 

    private Context context;
    private ArrayList<Mobile> mobiles;

    public MyAdapter(Context context, ArrayList<Mobile> mobiles) 
        this.context = context;
        this.mobiles = mobiles;
    

    @Override
    public int getCount() 
        return mobiles.size();
    

    @Override
    public Object getItem(int position) 
        return mobiles.get(position);
    

    @Override
    public long getItemId(int position) 
        return 0;
    

    @Override
    public View getView(int position, View convertView, ViewGroup parent) 


        if (convertView == null) 
            LayoutInflater inflater = (LayoutInflater) context
                    .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            convertView = (View) inflater.inflate(
                    R.layout.list_entry_layout, null);
        

        TextView name = (TextView)convertView.findViewById(R.id.list_entry_title);
        TextView summary=(TextView)convertView.findViewById(R.id.list_entry_summary);

        name.setText(mobiles.get(position).getName());
        summary.setText(mobiles.get(position).getSummary());

        return convertView;
    

【讨论】：

是否需要为自定义布局创建自定义适配器

【参考方案3】：

建立自己的ArrayAdapter。 参见例如http://www.ezzylearning.com/tutorial.aspx?tid=1763429。

【讨论】：

这是唯一可能的解决方案？

您需要覆盖ArrayAdapter 的getView() 方法来填写您的列表行。

好的，我有 2 种可能性？您认为哪个更好，重写一个方法，还是编写我自己的 arrayadapter？

不，我的意思是你需要ArrayAdapter 来覆盖ArrayAdapter 的getView() 方法。

本教程对我很有帮助。我建议做的唯一不同的事情是代替数组（天气 []），我发现（感谢***.com/a/20479071/2162226）我应该使用 List .. 这样当您更新列表时，您可以调用更新后的 notify 方法，它将更新 listView UI 元素。