使用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这三剑客仅仅是略知一二. ...
随机推荐
- MEX文件编写和调试
作者kaien,2010/02/16 以前我写过一篇文章,详细的介绍过MEX的格式,语法,编译,调试等.可惜记不清放在哪里了.而最近又用到MEX编程,所以只能重新温习一番.时间有限,只记下简要流程和注 ...
- uva11992-Fast Matrix Operations(区间增值、改值)
题意: r行c列的全0矩阵 有三种操作 1 x1 y1 x2 y2 v子矩阵(x1,y1,x2,y2)所有元素增加v 2 x1 y1 x2 y2 v子矩阵(x1,y1,x2,y2)所有元素设为v ...
- Serv-U搭建FTP服务器
1.打开软件,勾选start automatically 2.点击domain,新建domain 3.依次输入IP.端口号.域名.域名类型 完成后的样子 4.右键单击Users,新建用户.依次输入用户 ...
- SRM 596 DIV 2
前段时间终于配置好了TopCoder的环境,所以就拿这场的DIV2练习了一下 1. 250pt FoxAndSightseeing 题意 给你n个城市的位置,他们在同一直线上,要求你跳过其中某一个城市 ...
- -lrt
在编写pthread有关的程序时,编译时老是报"undefined reference to `pthread_create'"的错误,原因是没有链接pthread相关的库,gcc ...
- 说说单节点集群里安装hive、3\5节点集群里安装hive的诡异区别
这几天,无意之间,被这件事情给迷惑,不解!先暂时贴于此,以后再解决! 详细问题如下: 在hive的安装目录下(我这里是 /home/hadoop/app/hive-1.2.1),hive的安装目录的l ...
- Java网络编程(UDP协议:发送端)
package WebProgramingDemo; import java.io.IOException; import java.net.DatagramPacket; import java.n ...
- [Objective-c 基础 - 3.3] block数据类型
A.概念 1.block类似函数 (1)可以保存代码 (2)有返回值 (3)有形参 2.block的标志:^ // 没有参数和返回值的block void (^myblock)() = ^{ // ...
- C++学习笔记(十七):RTTI
这个知识点被遗漏了,可以结合之前的这篇文章看类型转换这个知识点. RTTI(Run-Time Type Information,运行时类型信息)即程序能够使用基类的指针或引用来检查这些指针或引用所指的 ...
- 常用SQL代码段
代码使用时须测试. --聚合函数 use pubs go select avg(distinct price) --算平均数 from titles where type='business' go ...