如何在 Android Studio 中使用 xml 布局填充列表视图项？

Question

我正在开发一个 Android 项目，我想用 XML 布局填充列表视图项。该布局由图像文本框和 TextView 组成。

我该怎么做？

Answer 1

您需要为对象创建模型，然后创建模型类型的自定义 ArrayAdapter，如下所示

public class MyAdapter extends ArrayAdapter<MyModel> {

public MyAdapter(Context context, ArrayList<MyModel> objects) {
    super(context, 0, objects);
}

@Override
public View getView(int position, View view, ViewGroup viewGroup) {
    ViewHolder viewHolder;

    if (view == null) {
        view = LayoutInflater.from(getContext()).inflate(R.layout.Your_xml_layout, viewGroup, false);

        viewHolder = new ViewHolder();

        viewHolder.textView = (TextView) view.findViewById(R.id.Your_TextView_id);
        viewHolder.imageView = (ImageView) view.findViewById(R.id.Your_ImageView_id);
        view.setTag(viewHolder);
    } else {
        viewHolder = (ViewHolder) view.getTag();
    }

    MyModel myModel = getItem(position);

    viewHolder.textView.setText(myModel.getter_for_textView);    
    viewHolder.imageView // Load your image to the imageView

   return view;
}

static class ViewHolder {
    TextView textView;
    ImageView imageView;
}

}

在您的主要活动中，获取对 listView 的引用，创建适配器的对象并将适配器设置在 listview 上。

Answer 2

尝试这种方式，您需要创建自定义适配器

 <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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <ListView
       android:id="@+id/list"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

    </ListView>

</RelativeLayout>

列出项目

  <?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" >

        <ImageView
            android:id="@+id/img"
            android:layout_width="50dp"
            android:layout_height="50dp"/>

        <TextView
            android:id="@+id/txt"
            android:layout_width="wrap_content"
            android:layout_height="50dp" />


</LinearLayout >

适配器

import android.app.Activity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;

public class CustomList extends ArrayAdapter<String>{

private final Activity context;
private final String[] web;
private final Integer[] imageId;
public CustomList(Activity context,
String[] web, Integer[] imageId) {
super(context, R.layout.list_single, web);
this.context = context;
this.web = web;
this.imageId = imageId;

}
@Override
public View getView(int position, View view, ViewGroup parent) {
LayoutInflater inflater = context.getLayoutInflater();
View rowView= inflater.inflate(R.layout.list_single, null, true);
TextView txtTitle = (TextView) rowView.findViewById(R.id.txt);

ImageView imageView = (ImageView) rowView.findViewById(R.id.img);
txtTitle.setText(web[position]);

imageView.setImageResource(imageId[position]);
return rowView;
}
}

主要活动

public class MainActivity extends Activity {
    ListView list;
    String[] web = {
        "Google Plus",
            "Twitter",
            "Windows",
            "Bing",
            "Itunes",
            "Wordpress",
            "Drupal"
    } ;
    Integer[] imageId = {
            R.drawable.image1,
            R.drawable.image2,
            R.drawable.image3,
            R.drawable.image4,
            R.drawable.image5,
            R.drawable.image6,
            R.drawable.image7

    };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        CustomList adapter = new
                CustomList(MainActivity.this, web, imageId);
        list=(ListView)findViewById(R.id.list);
                list.setAdapter(adapter);
                list.setOnItemClickListener(new AdapterView.OnItemClickListener() {

                    @Override
                    public void onItemClick(AdapterView<?> parent, View view,
                                            int position, long id) {
                        Toast.makeText(MainActivity.this, "You Clicked at " +web[+ position], Toast.LENGTH_SHORT).show();

                    }
                });

    }

}