【问题标题】:How do I use a RecyclerView如何使用 RecyclerView
【发布时间】:2017-10-20 05:49:18
【问题描述】:

我正在尝试将RecyclerView 添加到我的应用程序中,但我遇到了很多困难。我希望RecyclerView 拥有此布局的items

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

<TextView
    android:id="@+id/txtChords"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    android:layout_gravity="center_horizontal"
    />
<TextView
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    android:id="@+id/txtLyrics"/>

</LinearLayout>

我把它放到了它自己的XML 文件中,并在layout 中声明了RecyclerView。但我不知道如何显示items

谢谢!!

我搜索了documentation 和教程,但与我想做的相比,它们都做了一些稍微不同且过于复杂的事情。我只是想学习RecyclerViews 的基础知识以及如何使用它们。

我会接受示例和任何链接

请注意,我对 android 还很陌生,可能需要更简单的解释

【问题讨论】:

标签: java android xml layout android-recyclerview


【解决方案1】:

回收站视图:

Recycler view 和 listview 一样,但是 recyclerview 被添加到了 android 支持库中,用于 Material Design 概念。

例子:

为 recyclerview 添加依赖

compile 'com.android.support:recyclerview-v7:23.1.0'

在主布局文件中添加recyclerview

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
    <android.support.v7.widget.RecyclerView
        android:id="@+id/item_list"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scrollbars="vertical"
        />
</LinearLayout>

制作一个项目布局xml文件(这里是你的项目文件)

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

<TextView
    android:id="@+id/txtChords"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    android:layout_gravity="center_horizontal"
    />
<TextView
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    android:id="@+id/txtLyrics"/>

</LinearLayout>

为列表中的每个项目创建一个模型类。它可以是任何自定义类。

public class Item {

    private String name;

    public Item(String n) {
        name = n;
    }
    public String getName() {
        return name;
    }

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

现在最重要的部分是为recyclerview制作适配器:

import android.support.v7.widget.RecyclerView;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import com.codexpedia.list.viewholder.R;
import java.util.ArrayList;


public class ItemArrayAdapter extends RecyclerView.Adapter<ItemArrayAdapter.ViewHolder> {

    //All methods in this adapter are required for a bare minimum recyclerview adapter
    private int listItemLayout;
    private ArrayList<Item> itemList;
    // Constructor of the class
    public ItemArrayAdapter(int layoutId, ArrayList<Item> itemList) {
        listItemLayout = layoutId;
        this.itemList = itemList;
    }

    // get the size of the list
    @Override
    public int getItemCount() {
        return itemList == null ? 0 : itemList.size();
    }


    // specify the row layout file and click for each row
    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(listItemLayout, parent, false);
        ViewHolder myViewHolder = new ViewHolder(view);
        return myViewHolder;
    }

    // load data in each row element
    @Override
    public void onBindViewHolder(final ViewHolder holder, final int listPosition) {
        TextView item = holder.item;
        item.setText(itemList.get(listPosition).getName());
    }

    // Static inner class to initialize the views of rows
    static class ViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener {
        public TextView item;
        public ViewHolder(View itemView) {
            super(itemView);
            itemView.setOnClickListener(this);
            item = (TextView) itemView.findViewById(R.id.txtChords);
        }
        @Override
        public void onClick(View view) {
            Log.d("onclick", "onClick " + getLayoutPosition() + " " + item.getText());
        }
    }

这是一个具有最低要求的简单适配器。

现在将适配器与 recyclerview 绑定

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.DefaultItemAnimator;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;

import com.codexpedia.list.viewholder.R;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {

    RecyclerView recyclerView;

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

        // Initializing list view with the custom adapter
        ArrayList <Item> itemList = new ArrayList<Item>();

        ItemArrayAdapter itemArrayAdapter = new ItemArrayAdapter(R.layout.list_item, itemList);
        recyclerView = (RecyclerView) findViewById(R.id.item_list);
        recyclerView.setLayoutManager(new LinearLayoutManager(this));
        recyclerView.setItemAnimator(new DefaultItemAnimator());
        recyclerView.setAdapter(itemArrayAdapter);

        // Populating list items
        for(int i=0; i<100; i++) {
            itemList.add(new Item("Item " + i));
        }

    }

}

希望这个例子能帮助你... 如果您有任何困惑,您可以提出任何问题。

如果你想制作复杂的列表,你可以参考这个链接

https://www.binpress.com/tutorial/android-l-recyclerview-and-cardview-tutorial/156

【讨论】:

  • 这是做什么的?? return itemList == null ? 0 : itemList.size();
  • 如果您的项目列表为空,则该行将不会停止生成空指针异常。如果您的列表包含 10 个值,它将显示 10 行。该行返回 recyclerview 行的计数值的简单术语
  • 您能解释一下?: 等每个符号的含义吗??
  • 称为三元运算符?:。如果 itemList 为空,则返回 0。如果 itemList 不为空,则返回 itemList.size()
  • ViewHolder 错误已解决?如果不是尝试 Recyclerview.ViewHolder
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-03-17
  • 2015-10-01
  • 1970-01-01
  • 1970-01-01
  • 2021-07-26
  • 2018-01-04
相关资源
最近更新 更多