AS在布局中使用RecyclerView

项目展示

准备工作

添加依赖项

dependencies {
implementation ‘androidx.recyclerview:recyclerview:1.1.0’
}

添加布局

在tab01.xml中添加一个RecyclerView

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

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recycler_view"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />
</LinearLayout>

新建一个item.xml

为RecyclerView内的元素设定xml样式
有一个ImageVIew和一个TextView

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:adjustViewBounds="true"
        android:scaleType="centerCrop"
        tools:srcCompat="@drawable/time"tools:srcCompat="@tools:sample/avatars" />

    <TextView
        android:id="@+id/textViewPlayerName"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="30dp"
        android:gravity="center" />


</LinearLayout>

核心代码

创建一个Player对象

含有以下属性

	private int id;
    private int imageid;
    private String name;

添加适配器

public class playerAdapter extends RecyclerView.Adapter<playerAdapter.myViewHolder> {

        private List<Player> list;
        private Context context;
        private View inflater;

    public playerAdapter(List<Player> playerList) {
        list = playerList;
    }

    @NonNull
    @Override
    public playerAdapter.myViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        inflater = LayoutInflater.from(parent.getContext()).inflate(R.layout.item,parent,false);
        myViewHolder myViewHolder = new myViewHolder(inflater);
        return myViewHolder;
    }

    @Override
    public void onBindViewHolder(@NonNull playerAdapter.myViewHolder holder, int position) {
        Player player = list.get(position);
        holder.playerImage.setImageResource(player.getImageid());
        holder.playerName.setText(player.getName());
    }

    @Override
    public int getItemCount() {
        return list.size();
    }

    class myViewHolder extends RecyclerView.ViewHolder{
        View playerView;
        ImageView playerImage;
        TextView playerName;

        public myViewHolder(@NonNull View itemView) {
            super(itemView);
            playerView = itemView;
            playerImage = itemView.findViewById(R.id.imageView);
            playerName = itemView.findViewById(R.id.textViewPlayerName);
        }
    }

}

在Fragment里展示

public class playerFragment extends Fragment {

    private List<Player> playerList = new ArrayList<>();

    public playerFragment() {
        // Required empty public constructor
    }


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        View view = inflater.inflate(R.layout.tab01, container, false);
        RecyclerView recyclerView = view.findViewById(R.id.recycler_view);
        initPayers();
        StaggeredGridLayoutManager manager = new StaggeredGridLayoutManager(2,StaggeredGridLayoutManager.VERTICAL);
        recyclerView.setLayoutManager(manager);
        playerAdapter adapter = new playerAdapter(playerList);
        recyclerView.setAdapter(adapter);
        return view;
    }

    private void initPayers() {
        for (int i = 0; i < 10; i++) {
            Player player_bi = new Player(i,R.drawable.player_bi,"Brandon Ingram");
            playerList.add(player_bi);
            Player player_kb = new Player(i,R.drawable.player_kb,"Kobe Bryant");
            playerList.add(player_kb);
            Player player_lbj = new Player(i,R.drawable.player_lbj,"LeBron James");
            playerList.add(player_lbj);
            Player player_sc = new Player(i,R.drawable.player_sc,"Stephen Curry");
            playerList.add(player_sc);
            Player player_kd = new Player(i,R.drawable.player_kd,"Kevin Durant");
            playerList.add(player_kd);
            Player player_dr = new Player(i,R.drawable.player_dr,"Derrick Rose");
            playerList.add(player_dr);
            Player player_ga = new Player(i,R.drawable.player_ga,"Giannis Antetokounmpo");
            playerList.add(player_ga);
            Player player_jh = new Player(i,R.drawable.player_jh,"James Harden");
            playerList.add(player_jh);
            Player player_ad = new Player(i,R.drawable.player_ad,"Anthony Davis");
            playerList.add(player_ad);
        }
    }
}

项目总结

依赖的版本问题有点头疼，尽量还是用新版本。
这是实现了RecyclerView的一小部分功能，其实还有很多有意思的玩法可以实现，那就要更深入的学习了，在最后附上项目源码。

MyRecyclerView