上一篇主要描述了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,比较简单,代码就不贴了。然后代码中也给出了关键的注释,如还有其他问题,欢迎各位留言,共同解决。
不足之处还望多多指教!!!