1. 程式人生 > >進擊的RecyclerView之入門

進擊的RecyclerView之入門

雖然RecyclerView面世有一段時間了,但由於它的學習成本相對較高,很多碼友只是粗略的認識了一下而沒有細緻的品味RecyclerView的真諦。

那麼從現在開始我將帶你裝逼帶你飛,一起領略Google工程師們賦予RecyclerView獨特的魅力。


首先我們看一下官方文件是怎麼介紹RecyclerView的簡介:

A flexible view for providing a limited window into a large data set.

Google的工程師寫文件還真夠精闢的,寫的什麼鬼?這不等於沒寫嗎?OK,別激動,我們慢慢來。先看看怎麼樣把RecyclerView跑起來?

接下來簡單寫一個使用RecyclerView載入網路圖片的demo。

佈局檔案如下:

<?xml version="1.0" encoding="utf-8"?>
<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"
    tools:context
="com.zqlite.android.recyclerviewadvance.MainActivity">
<android.support.v7.widget.RecyclerView android:id="@+id/recyclerView" android:layout_width="match_parent" android:layout_height="match_parent"> </android.support.v7.widget.RecyclerView> </RelativeLayout
>

Activity檔案如下:

package com.zqlite.android.recyclerviewadvance;

import android.media.Image;
import android.os.Handler;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.CardView;
import android.support.v7.widget.DefaultItemAnimator;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;

import com.squareup.picasso.Picasso;

import java.util.ArrayList;
import java.util.List;
import java.util.Random;

public class MainActivity extends AppCompatActivity {

    private RecyclerView recyclerView;

    private Handler handler = new Handler();

    public static final int ADD_DATA_DURATION = 2000;

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

    private void initView(){
        recyclerView = (RecyclerView) findViewById(R.id.recyclerView);

        final RecyclerView.LayoutManager layoutManager = new GridLayoutManager(this,3);
        recyclerView.setLayoutManager(layoutManager);
        recyclerView.setHasFixedSize(true);
        RecyclerView.ItemAnimator itemAnimator = new DefaultItemAnimator();
        recyclerView.setItemAnimator(itemAnimator);

        final MyAdapter adapter = new MyAdapter();
        recyclerView.setAdapter(adapter);

        handler.postDelayed(new Runnable() {
            @Override
            public void run() {
                adapter.addData();
                handler.postDelayed(this, ADD_DATA_DURATION);
                layoutManager.scrollToPosition(adapter.getSize());
            }
        },ADD_DATA_DURATION);
    }

    private class MyAdapter extends RecyclerView.Adapter{

        private final String[] imageUrlArray = {
                "http://o6p4e1uhv.bkt.clouddn.com/tu24967_22.jpg",
                "http://o6p4e1uhv.bkt.clouddn.com/cce4b48f8c5494ee7008eb9528f5e0fe98257eca.jpg",
                "http://o6p4e1uhv.bkt.clouddn.com/tu25422_4.jpg",
                "http://o6p4e1uhv.bkt.clouddn.com/ad7fd688d43f879424026deed01b0ef41ad53a2e.jpg",
                "http://o6p4e1uhv.bkt.clouddn.com/tu25422_6.jpg",
                "http://o6p4e1uhv.bkt.clouddn.com/refsdg.jpg",
                "http://o6p4e1uhv.bkt.clouddn.com/ggfnvbn.jpg",
                "http://o6p4e1uhv.bkt.clouddn.com/sghgfsh.jpg",
                "http://o6p4e1uhv.bkt.clouddn.com/asfasdf.jpg",
                "http://o6p4e1uhv.bkt.clouddn.com/fsbgbsfg.jpg",
                "http://o6p4e1uhv.bkt.clouddn.com/gsfdtrysrtsfdg.jpg",
                "http://o6p4e1uhv.bkt.clouddn.com/sdfgsrters.jpg"};

        private List<String> datas = new ArrayList<>();

        public MyAdapter(){
        }

        public void addData(){
            Random random = new Random();
            datas.add(imageUrlArray[random.nextInt(imageUrlArray.length)]);
            notifyItemInserted(datas.size());
        }

        public int getSize(){
            return datas.size();
        }
        @Override
        public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {

            RecyclerView.LayoutParams reLP = new RecyclerView.LayoutParams(RecyclerView.LayoutParams.MATCH_PARENT,RecyclerView.LayoutParams.WRAP_CONTENT);
            reLP.setMargins(20, 20, 20, 20);
            CardView cardView = new CardView(parent.getContext());
            cardView.setLayoutParams(reLP);


            CardView.LayoutParams cLP = new CardView.LayoutParams(parent.getMeasuredWidth()/3,(int)(parent.getMeasuredWidth()/3*1.3));
            ImageView imageView = new ImageView(parent.getContext());
            imageView.setLayoutParams(cLP);
            imageView.setScaleType(ImageView.ScaleType.FIT_XY);
            cardView.addView(imageView);

            MyHolder holder = new MyHolder(cardView);

            return holder;
        }

        @Override
        public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
            MyHolder myHolder = (MyHolder)holder;
            ImageView imageView = myHolder.imageView;
            Picasso.with(imageView.getContext()).load(datas.get(position)).into(imageView);
        }

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

        private class MyHolder extends RecyclerView.ViewHolder{

            public ImageView imageView ;
            public MyHolder(View itemView) {
                super(itemView);
                imageView = (ImageView) ((CardView)itemView).getChildAt(0);
            }
        }
    }
}

使用RecyclerView以下幾個東西是必備的:
1. RecyclerView.LayoutManager
2. RecyclerView.Adapter
其中LayoutManager負責佈局,Adapter負責資料集。
該demo執行結果如下: