1. 程式人生 > >android RecycleView實現瀑布流

android RecycleView實現瀑布流

介面卡器

package com.shilian.ceshi.recycle;


import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.LinearLayout;
import android.widget.TextView;

import com.shilian.ceshi.R;

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

import butterknife.BindView;
import butterknife.ButterKnife;

/**
 *
 * Created by Administrator on 2017/4/25.
 */
public class MyRecycleAdapter extends RecyclerView.Adapter<MyRecycleAdapter.MyViewHolder> {

    private Context context;
    private List<String> res_list;
    private LayoutInflater inflater;
    private List<Integer> height_list;

    private OnClickListener on_click;

    public MyRecycleAdapter(Context context, List<String> res_list) {
        this.context = context;
        inflater = LayoutInflater.from(context);
        this.res_list = res_list;
        height_list=new ArrayList<>();
        for (int i=0;i<res_list.size();i++){
            height_list.add(100+(int)(Math.random()*300));
        }
    }

    interface OnClickListener{
        void onItemClick(View itemView,int position);
    }

    @Override
    public MyRecycleAdapter.MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = inflater.inflate(R.layout.layout_recycle_test_item, parent,false);
        MyViewHolder mvh=new MyViewHolder(view);
        return mvh;
    }

    @Override
    public void onBindViewHolder(final MyRecycleAdapter.MyViewHolder holder, int position) {
        holder.tv.setText(res_list.get(position));
        ViewGroup.LayoutParams lp=holder.itemView.getLayoutParams();
        lp.height=height_list.get(position);
        holder.itemView.setLayoutParams(lp);
        holder.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (on_click!=null){
                    on_click.onItemClick(v,holder.getLayoutPosition());
                }
            }
        });
    }

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

    public void setOnClickListener(OnClickListener onClickListener){
        on_click=onClickListener;
    }

    public void addItem(){
        res_list.add(1,"insert one");
        height_list.add(1,100+(int)(Math.random()*300));
        notifyItemInserted(1);
    }

    public void removeItem(){
        res_list.remove(1);
        height_list.remove(1);
        notifyItemRemoved(1);
    }

    class MyViewHolder extends RecyclerView.ViewHolder {

        @BindView(R.id.textView_item)
        TextView tv;

        public MyViewHolder(View itemView) {
            super(itemView);
            ButterKnife.bind(this, itemView);
        }
    }

}

測試activity

package com.shilian.ceshi.recycle;

import android.app.Activity;
import android.os.Bundle;
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.support.v7.widget.StaggeredGridLayoutManager;
import android.view.View;
import android.widget.Toast;

import com.shilian.ceshi.R;

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

import javax.xml.transform.Result;

import butterknife.BindView;
import butterknife.ButterKnife;
import butterknife.OnClick;

public class RecycleTestActivity extends Activity {

    @BindView(R.id.recyclerView)
    RecyclerView recyclerView;

    private List<String> res_list;
    private MyRecycleAdapter mra;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_recycle_test);
        ButterKnife.bind(this);
        res_list=new ArrayList<>();
        for (int i='A';i<'z';i++){
            res_list.add(""+(char)i);
        }
        mra=new MyRecycleAdapter(this,res_list);
        recyclerView.setAdapter(mra);
        recyclerView.setLayoutManager(new StaggeredGridLayoutManager(3, StaggeredGridLayoutManager.VERTICAL));

        recyclerView.setItemAnimator(new DefaultItemAnimator());
        mra.setOnClickListener(new MyRecycleAdapter.OnClickListener() {
            @Override
            public void onItemClick(View itemView, int position) {
                Toast.makeText(RecycleTestActivity.this,"onClick:"+position,Toast.LENGTH_SHORT).show();
            }
        });
    }

    @OnClick({R.id.textView_listview, R.id.textView_gridview, R.id.textView_listview_h, R.id.textView_gridview_h, R.id.textView_stargleview})
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.textView_listview:
                mra.addItem();
                break;
            case R.id.textView_gridview:
                mra.removeItem();
                break;
            case R.id.textView_listview_h:
                recyclerView.setLayoutManager(new LinearLayoutManager(this,LinearLayoutManager.VERTICAL,false));
                break;
            case R.id.textView_gridview_h:
                recyclerView.setLayoutManager(new GridLayoutManager(this,3));
                break;
        }
    }
}

recycleView實現瀑布流的關鍵是設定layoutManager為StaggeredGridLayoutManager

recyclerView.setLayoutManager(new StaggeredGridLayoutManager(3, StaggeredGridLayoutManager.VERTICAL));