使用RecyclerView实现瀑布流的效果
主函数:
public class MainActivity extends AppCompatActivity { private RecyclerView recyclerView;
private List<String> dataList = new ArrayList<String>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//找到控件
recyclerView = (RecyclerView) findViewById(R.id.recyclerView);
//初始化数据
initData();
//设置瀑布流的布局方式,参数一:3列 参数二:垂直方向
StaggeredGridLayoutManager staggeredGridLayoutManager = new StaggeredGridLayoutManager(3,StaggeredGridLayoutManager.VERTICAL);
//为recyclerView设置布局管理器
recyclerView.setLayoutManager(staggeredGridLayoutManager);
//创建适配器
final MyRecyclerViewAdapter myRecyclerViewAdapter =new MyRecyclerViewAdapter(this,dataList);
//设置适配器
recyclerView.setAdapter(myRecyclerViewAdapter);
//自定义监听
myRecyclerViewAdapter.setOnItemCickListener(new MyRecyclerViewAdapter.MyOnItemClickListener() {
@Override
public void myOnItemClickListener(int position, View view) {
Toast.makeText(MainActivity.this, "点击了第"+position+"条", Toast.LENGTH_SHORT).show();
myRecyclerViewAdapter.deleteData(position);
}
});
myRecyclerViewAdapter.setOnLongCickListener(new MyRecyclerViewAdapter.MyOnLongClickListener() {
@Override
public void myOnLongClickListener(int position, View view) {
myRecyclerViewAdapter.addData(position,"我是新来的");
}
});
} private void initData() {
for (int i = 0; i < 30; i++) {
dataList.add(i+"");
}
}
}
MyRecycleViewAdapter:
package fanggao.qf.recyclerstaggredgridview01; 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.TextView; import java.util.ArrayList;
import java.util.List;
import java.util.Random; /**
* Created by Administrator on 2016/9/28.
*/
public class MyRecyclerViewAdapter extends RecyclerView.Adapter<MyRecyclerViewAdapter.MyViewHolder> {
private Context context;
private List<String> dataList ;
private int random;
private List<Integer>heightList = new ArrayList<Integer>();
private MyOnItemClickListener myOnItemClcikListener;
private MyOnLongClickListener myOnLongClickListener; public MyRecyclerViewAdapter(Context context, List<String> dataList) {
this.context = context;
this.dataList = dataList;
//初始化高度
if(dataList != null&&dataList.size() != 0){
for (int i = 0; i < dataList.size(); i++) {
random = new Random().nextInt(200)+100;//[100,300)
heightList.add(random);
}
}
}
@Override
public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
//加载布局
View inflate = LayoutInflater.from(context).inflate(R.layout.recyclerview_item, parent,false);
//将布局传入viewholder并返回给onBindViewHolder
return new MyViewHolder(inflate);
} /**
* 该方法类似与listview中的getView方法,每次加载视图的时候都会调用,但是这里给了每个item随机的高度,因此当屏幕复用时,
* 会不断复用不同的高度,当屏幕滑到顶部时,会因为高度不等产生大片空白,然后回到初始状态,因此,需要给每个item记录高度,
* 将其存到集合,每次调用该item时,设置高度
* @param holder
* @param position
*/
@Override
public void onBindViewHolder(final MyViewHolder holder, int position) {
holder.text.setText(dataList.get(position));
//设置高度
int height = heightList.get(position);
//得到控件的高度
ViewGroup.LayoutParams layoutParams = holder.text.getLayoutParams();
//设置高度
layoutParams.height = height;
//设置点击事件
if(myOnItemClcikListener != null && !holder.text.hasOnClickListeners()){
holder.text.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//回调方法,,将view控件和索引传回,索引必须是布局在父布局中的索引,否则索引错乱最终报错
myOnItemClcikListener.myOnItemClickListener(holder.getLayoutPosition(),v);
}
});
}
if(myOnLongClickListener != null ){
holder.text.setOnLongClickListener(new View.OnLongClickListener() {
@Override
public boolean onLongClick(View v) {
myOnLongClickListener.myOnLongClickListener(holder.getLayoutPosition(),v);
return true;
}
});
} }
@Override
public int getItemCount() {
return dataList.size();
} public void deleteData(int position) {
//使用notifyItemInserted/notifyItemRemoved会有动画效果
// 而使用notifyDataSetChanged()则没有
heightList.remove(position);
dataList.remove(position);
notifyItemRemoved(position);
}
public void addData(int position,String str){
dataList.add(position,str);
int random = new Random().nextInt(200)+100;
heightList.add(position,random);
notifyItemInserted(position);
} //注意:该类是公共的,不然适配器设置设置泛型失败
public class MyViewHolder extends RecyclerView.ViewHolder{
private TextView text;
public MyViewHolder(View itemView) {
super(itemView);
text = (TextView) itemView.findViewById(R.id.tv_text);
}
}
//对外暴露的方法,当设置该方法时,会创建接口的实现类
public void setOnItemCickListener(MyOnItemClickListener myOnItemClickListener){
this.myOnItemClcikListener = myOnItemClickListener;
}
public void setOnLongCickListener(MyOnLongClickListener myOnLongClickListener){
this.myOnLongClickListener = myOnLongClickListener;
}
//自定义点击接口
public interface MyOnItemClickListener{
void myOnItemClickListener(int position,View view);
}
//自定义长按接口
public interface MyOnLongClickListener{
void myOnLongClickListener(int position,View view);
}
}
效
果:
使用RecyclerView实现瀑布流的效果的更多相关文章
- android实现超酷的腾讯视频首页和垂直水平网格瀑布流一揽子效果
代码地址如下:http://www.demodashi.com/demo/13381.html 先来一波demo截图 实现ListView.GridView.瀑布流 1.导入RecyclerView的 ...
- Android RecyclerView(瀑布流)水平/垂直方向分割线
Android RecyclerView(瀑布流)水平/垂直方向分割线 Android RecyclerView不像过去的ListView那样随意的设置水平方向的分割线,如果要实现Recycle ...
- [Android Pro] RecyclerView实现瀑布流效果(二)
referece to : http://blog.csdn.net/u010687392 在上篇中我们知道RecyclerView中默认给我们提供了三种布局管理器,分别是LinearLayoutMa ...
- RecyclerView实现瀑布流效果(图文详解+源码奉送)
最近有时间研究了一下RecyclerView,果然功能强大啊,能实现的效果还是比较多的,那么今天给大家介绍一个用RecyclerView实现的瀑布流效果. 先来一张效果图: 看看怎么实现吧: 整体工程 ...
- RecyclerView实现瀑布流效果(二)
在上篇中我们知道RecyclerView中默认给我们提供了三种布局管理器,分别是LinearLayoutManager.GridLayoutManager.StaggeredGridLayoutMan ...
- Android-Recyclerview-GridView&瀑布流等效果
由于Recyclerview是在 android.support.v7.widget.包 RecyclerView,所以需要导Recycler库: 导Recycler库: 选择项目,右键--> ...
- 初步使用RecyclerView实现瀑布流
先看效果 关于RecyclerView,真的是很强大. 个人觉得主要方便的地方是 1.直接可以设置条目布局,通过setLayoutManager LinearLayoutManager:线性布局,横向 ...
- RecyclerView 制作瀑布流图片
这是瀑布流的效果图 RecyclerView(ListView的升级版) 加载图片用的是第三方图片加载框架 ------------------------------------- 在Xml中 &l ...
- 玩转Masonry JS库来实现瀑布流Web效果
工作项目中需要制作个Mobile上的Web App的展示,方便快捷访问和评价反馈.在展示页面能看到应用展示图,点击进入Web应用.我不是前端开发者,对HTML, CSS, JS这三剑客仅仅是略知一二. ...
随机推荐
- visual studio 2012 update3
http://www.microsoft.com/zh-cn/download/confirmation.aspx?id=39305
- This Android SDK requires Android Developer Toolkit version 23.0.0 or above
2014-07-05 12:58 6445人阅读 评论(1) 收藏 举报 This Android SDK requires Android Developer Toolkit version 23. ...
- 【转载】sed命令详解
[转载自]http://www.cnblogs.com/edwardlost/archive/2010/09/17/1829145.html sed -i 把后面的操作后的文本输出回原文本 ...
- CA1060
Move P/Invokes to NativeMethods class 规则描述: 平台调用服务访问非托管代码. 平台调用方法(使用了System.Runtime.InteropServices. ...
- BNUOJ-26474 Bread Sorting 逆序对
题目链接:http://www.bnuoj.com/bnuoj/problem_show.php?pid=26474 题意:给一个数列,可以对三个数操作:把最后一个数放到第一个,前两个数后移一位.问最 ...
- SQL Server Cpu 100% 的常见原因及优化
SQL Server Cpu 100% 的情况并不太常见,一般引起 SQL Server 产生性能问题的,都是 阻塞.连接数.IO 磁盘等.所以,一般SQL Server 的使用率都是比较低的.但是, ...
- JM编解码264
看到有人说JM解码编码264 尝试了一下http://iphome.hhi.de/suehring/tml/download/win7下 vs2010 编译后,得到编码解码可执行文件ldecod.ex ...
- <转>HTML中的table转为excel
转换html 中的table 为excel,firefox浏览器支持,代码如下 <%@ page language="java" contentType="text ...
- 教程-DelphiXE7如何调用Java Class,JAR等文件?
源文地址:http://jingyan.baidu.com/article/e4d08ffdb61b040fd3f60d44.html 第一步,我们先在互联网上把java2pas这个工具下载下来. 下 ...
- 问题-File not "controls.res"(XE2+Win7虚拟机)
问题现象:我在Win7的虚拟机中安装XE2,前提是原来的系统上有D2007,安装后,新建个工程,F9报"File not controls.res".百思不得其解. 问题原因:因为 ...