Android开发实现ListView和adapter配合显示图片和文字列表功能示例

Android开发实现ListView和adapter配合显示图片和文字列表功能示例攻略

1. 准备工作

在开始实现ListView和adapter配合显示图片和文字列表功能之前，需要进行一些准备工作。

1.1 添加依赖

在项目的build.gradle文件中，添加以下依赖项：

implementation 'com.android.support:appcompat-v7:28.0.0'
implementation 'com.android.support:recyclerview-v7:28.0.0'

1.2 准备数据源

准备一个包含图片和文字的数据源，例如一个List集合：

List<Item> itemList = new ArrayList<>();
itemList.add(new Item(R.drawable.image1, \"Item 1\"));
itemList.add(new Item(R.drawable.image2, \"Item 2\"));
// 添加更多的项...

1.3 创建自定义的数据项布局

创建一个XML布局文件，用于定义每个数据项的显示方式。例如，创建一个名为list_item.xml的布局文件：

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

    <ImageView
        android:id=\"@+id/imageView\"
        android:layout_width=\"50dp\"
        android:layout_height=\"50dp\"
        android:src=\"@drawable/default_image\" />

    <TextView
        android:id=\"@+id/textView\"
        android:layout_width=\"wrap_content\"
        android:layout_height=\"wrap_content\"
        android:textSize=\"16sp\"
        android:textColor=\"#000000\"
        android:layout_gravity=\"center_vertical\"
        android:layout_marginLeft=\"10dp\" />

</LinearLayout>

2. 实现ListView和adapter配合显示图片和文字列表功能

2.1 创建自定义的Adapter

创建一个继承自ArrayAdapter的自定义Adapter类，用于将数据源中的数据项与布局文件进行绑定。例如，创建一个名为CustomAdapter的Adapter类：

public class CustomAdapter extends ArrayAdapter<Item> {

    private Context mContext;
    private int mResource;
    private List<Item> mItems;

    public CustomAdapter(Context context, int resource, List<Item> items) {
        super(context, resource, items);
        mContext = context;
        mResource = resource;
        mItems = items;
    }

    @NonNull
    @Override
    public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {
        View view = convertView;
        if (view == null) {
            LayoutInflater inflater = LayoutInflater.from(mContext);
            view = inflater.inflate(mResource, parent, false);
        }

        Item item = mItems.get(position);

        ImageView imageView = view.findViewById(R.id.imageView);
        imageView.setImageResource(item.getImageResId());

        TextView textView = view.findViewById(R.id.textView);
        textView.setText(item.getText());

        return view;
    }
}

2.2 设置ListView和Adapter

在Activity或Fragment中，设置ListView和Adapter，将数据源与布局进行关联。例如，在MainActivity中：

public class MainActivity extends AppCompatActivity {

    private ListView mListView;
    private CustomAdapter mAdapter;

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

        mListView = findViewById(R.id.listView);

        List<Item> itemList = new ArrayList<>();
        itemList.add(new Item(R.drawable.image1, \"Item 1\"));
        itemList.add(new Item(R.drawable.image2, \"Item 2\"));
        // 添加更多的项...

        mAdapter = new CustomAdapter(this, R.layout.list_item, itemList);
        mListView.setAdapter(mAdapter);
    }
}

示例说明

示例1：显示本地图片和文字列表

在数据源中添加本地图片和文字，通过自定义Adapter将图片和文字显示在ListView中。

List<Item> itemList = new ArrayList<>();
itemList.add(new Item(R.drawable.image1, \"Item 1\"));
itemList.add(new Item(R.drawable.image2, \"Item 2\"));
// 添加更多的项...

mAdapter = new CustomAdapter(this, R.layout.list_item, itemList);
mListView.setAdapter(mAdapter);

示例2：显示网络图片和文字列表

在数据源中添加网络图片的URL和文字，通过自定义Adapter将网络图片和文字显示在ListView中。

List<Item> itemList = new ArrayList<>();
itemList.add(new Item(\"https://example.com/image1.jpg\", \"Item 1\"));
itemList.add(new Item(\"https://example.com/image2.jpg\", \"Item 2\"));
// 添加更多的项...

mAdapter = new CustomAdapter(this, R.layout.list_item, itemList);
mListView.setAdapter(mAdapter);

以上就是实现Android开发中使用ListView和adapter配合显示图片和文字列表功能的完整攻略。通过准备工作和示例说明，你可以轻松地实现这一功能。希望对你有所帮助！