android中RecyclerView的简单使用（三）——瀑布流

上一篇主要描述了RecyclerView实现分割线，本篇文章就描述一下RecyclerView实现瀑布流。

实现瀑布流比较简单，先不多说，上效果图：

这个就是瀑布流的效果图。

运用瀑布流可以做一些类似于美图之类的app，这个比较简单，只是用了一个textview。其实实现瀑布流还是很简单的，它的关键代码就在于它获取随机的高度。

废话少说，直接贴代码：

package cn.lzl.pubuliu;

import java.util.ArrayList;
import java.util.List;
import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.RecyclerView.ViewHolder;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnLongClickListener;
import android.view.ViewGroup;
import android.view.ViewGroup.LayoutParams;
import android.widget.TextView;



public class MyAdapter extends RecyclerView.Adapter<MyAdapter.Viewholder>{
	private List<String>list;
	private Context ctx;
	private List<Integer>mHeight;
	private onItemClickListerner listener;//自己写的回调接口

	public MyAdapter(List<String> list, Context ctx) {
		this.list=list;
		this.ctx=ctx;

		mHeight=new ArrayList<Integer>();
		for (int i = 0; i < list.size(); i++) {
			mHeight.add((int) (150+Math.random()*300));
		}
	}

	class Viewholder extends ViewHolder{
		TextView mTv;
		public Viewholder(View itemView) {	
			super(itemView);
			mTv=(TextView) itemView.findViewById(R.id.mTv);
		}

	}

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

	@Override
	public void onBindViewHolder(final Viewholder arg0, final int arg1) {
		LayoutParams lp = arg0.mTv.getLayoutParams();
		lp.height=mHeight.get(arg1);
		arg0.mTv.setLayoutParams(lp);
		arg0.mTv.setText(list.get(arg1));

		if(listener!=null){
			arg0.itemView.setOnClickListener(new OnClickListener() {

				
				@Override
				public void onClick(View v) {
					int position = arg0.getAdapterPosition();
//					int pos=arg0.getAdapterPosition();
					
					listener.onItemClick(arg0.itemView, position);
				}
			});
			arg0.itemView.setOnLongClickListener(new OnLongClickListener() {

				@Override
				public boolean onLongClick(View v) {
					int pos=arg0.getAdapterPosition();
					listener.onLongItemClick(arg0.itemView, pos);
					return false;
				}
			});
		}

	}

	@Override
	public Viewholder onCreateViewHolder(ViewGroup arg0, int arg1) {
		View v = View.inflate(ctx, R.layout.item, null);
		return new Viewholder(v);
	}
	public interface onItemClickListerner{
		void onItemClick(View view,int position);
		void onLongItemClick(View view,int position);
	}
	public void setOnItemClickListener(onItemClickListerner listener){
		this.listener=listener;
	}
	public void RemoveView(int position){
		list.remove(position);
		notifyItemRemoved(position);
	}

}

这个是适配器的代码。关键的代码如下：

mHeight=new ArrayList<Integer>();
		for (int i = 0; i < list.size(); i++) {
			mHeight.add((int) (150+Math.random()*300));

适配器里面有一个布局文件，比较简单，只有一个textview，代码就不贴了。

实现随机高度，下面给出mainActivity中的代码：

package cn.lzl.pubuliu;

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

import android.app.Activity;
import android.os.Bundle;
import android.support.v7.widget.DefaultItemAnimator;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.StaggeredGridLayoutManager;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.Toast;
import cn.lzl.pubuliu.MyAdapter.onItemClickListerner;

public class MainActivity extends Activity {
	private RecyclerView mRecycle;
	private List<String>list=new ArrayList<String>();
	
	private MyAdapter adapter;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		initList();
		initView();
	}
	private void initView() {
		mRecycle=(RecyclerView) findViewById(R.id.mRecycle);
		mRecycle.setLayoutManager(new StaggeredGridLayoutManager(4, StaggeredGridLayoutManager.VERTICAL));//设置方向为垂直
		adapter=new MyAdapter(list, this);
		mRecycle.setAdapter(adapter);//设置适配器，绑定数据
		mRecycle.setItemAnimator(new DefaultItemAnimator());//设置条目动画
		onclick();
		
	}
	private void onclick() {
		adapter.setOnItemClickListener(new onItemClickListerner() {
			
			@Override
			public void onLongItemClick(View view, int position) {//长按移除item
				adapter.RemoveView(position);
				
			}
			
			@Override
			public void onItemClick(View view, int position) {//点击吐司
				Toast.makeText(MainActivity.this, "点击了第"+position+"条数据", 0).show();
				
			}
		});
		
	}
	private void initList() {//初始化数据源
		for (int i = 0; i < 50; i++) {
			list.add("数据"+i);
		}
		
	}

}

mainactivity中的代码相对还是比较简单的，它对应的xml布局中只有一个v7包下的recyclerView，比较简单，代码就不贴了。然后代码中也给出了关键的注释，如还有其他问题，欢迎各位留言，共同解决。

不足之处还望多多指教！！！