Android 高级控件(七)——RecyclerView的方方面面
Android 高级控件(七)——RecyclerView的方方面面
RecyclerView出来很长时间了,相信大家都已经比较了解了,这里我把知识梳理一下,其实你把他看成一个升级版的ListView也是可以的,为什么这样说呢?我们一起来学习一下!
一.RecyclerView的基本使用
使用RecyclerView的话,大家都知道,他是V7里面的控件,所以我们需要添加源,但是大家的Gradle版本都是不一样的,这里介绍一下一种比较方便的添加方法,我们右键我们的项目
选择open module settings,然后依次选择我们的app-Dependencies,点击+号,选择Library Dependency,然后搜索RecyclerView就好了
好的,添加完成之后我们就可以在Build.gradle里面看到我们添加的源了
compile 'com.android.support:recyclerview-v7:24.2.0'
现在我们就可以开始使用RecyclerView了,在布局里添加
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"><android.support.v7.widget.RecyclerView
android:id="@+id/mRecyclerView"android:layout_width="match_parent"android:layout_height="match_parent"/></LinearLayout>
我们先来模拟一下一些基础数据,最基本的写法:
public class MainActivity extends AppCompatActivity {private RecyclerView mRecyclerView;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);initView();}/*** 初始化View*/private void initView() {mRecyclerView = (RecyclerView) findViewById(R.id.mRecyclerView);//设置布局,这里我们使用线性布局mRecyclerView.setLayoutManager(new LinearLayoutManager(this));//设置适配器mRecyclerView.setAdapter(new RecyclerView.Adapter() {@Overridepublic RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {return new ViewHolder(new TextView(parent.getContext()));}@Overridepublic void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {ViewHolder vh = (ViewHolder) holder;vh.tv.setText("我是item:" + position);}@Overridepublic int getItemCount() {return 10;}class ViewHolder extends RecyclerView.ViewHolder {private TextView tv;public ViewHolder(TextView itemView) {super(itemView);tv = itemView;}public TextView getTv() {return tv;}}});}
}
OK,运行一下
成功的运行,但是你看到,他也太丑了吧,还有,你这都是什么烂代码,怎么一点扩展性都没有,没错,因为我这还只是演示的,看官仔细看,我们接下来要做的事情!
二.RecyclerView的item
我们上面那个写死了,现在我们来个扩展性强的,我们都知道listview一般是写个item,有个实体类,还有个adapter对吧,那我们也是一样的:
首先我们的item
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><TextView
android:id="@+id/tvTitle"android:layout_width="wrap_content"android:layout_height="wrap_content"android:textSize="30sp"/><TextView
android:id="@+id/tvContent"android:layout_width="wrap_content"android:layout_height="wrap_content"/></LinearLayout>
然后就是我们的实体类了
package com.liuguilin.recyclerviewsample;/** 项目名: RecyclerViewSample * 包名: com.liuguilin.recyclerviewsample* 文件名: ItemData* 创建者: LGL* 创建时间: 2016/10/7 13:48* 描述: 实体类*/public class ItemData {private String title;private String content;public String getTitle() {return title;}public void setTitle(String title) {this.title = title;}public String getContent() {return content;}public void setContent(String content) {this.content = content;}
}
再接着实现我们的adapter
package com.liuguilin.recyclerviewsample;/** 项目名: RecyclerViewSample * 包名: com.liuguilin.recyclerviewsample* 文件名: RecyclerViewAdapter* 创建者: LGL* 创建时间: 2016/10/7 13:10* 描述: TODO*/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.List;public class RecyclerViewAdapter extends RecyclerView.Adapter {private List<ItemData> mList;public RecyclerViewAdapter(List<ItemData> mList) {this.mList = mList;}@Overridepublic RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {return new ViewHolder(LayoutInflater.from(parent.getContext()).inflate(R.layout.list_item, null));}@Overridepublic void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {ViewHolder vh = (ViewHolder) holder;ItemData item = mList.get(position);vh.getTvTitle().setText(item.getTitle());vh.getTvContent().setText(item.getContent());}@Overridepublic int getItemCount() {return mList.size();}class ViewHolder extends RecyclerView.ViewHolder {private View mView;private TextView tvTitle;private TextView tvContent;public ViewHolder(View mView) {super(mView);tvTitle = (TextView) mView.findViewById(R.id.tvTitle);tvContent = (TextView) mView.findViewById(R.id.tvContent);}public TextView getTvTitle() {return tvTitle;}public TextView getTvContent() {return tvContent;}}
}
做完这些,我们就去填充下数据
package com.liuguilin.recyclerviewsample;import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;import java.util.ArrayList;
import java.util.List;public class MainActivity extends AppCompatActivity {private RecyclerView mRecyclerView;private List<ItemData> mList = new ArrayList<>();@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);initView();}/*** 初始化View*/private void initView() {mRecyclerView = (RecyclerView) findViewById(R.id.mRecyclerView);//设置布局,这里我们使用线性布局mRecyclerView.setLayoutManager(new LinearLayoutManager(this));for (int i = 0; i < 100; i++) {ItemData item = new ItemData();item.setTitle("Title" + i);item.setContent("Content:" + i);mList.add(item);}//设置适配器mRecyclerView.setAdapter(new RecyclerViewAdapter(mList));}
}
好的,我们来运行一下:
这个扩展就比较高了对吧;我们继续来看。
三.RecyclerView的样式
你们看了这么久了肯定会觉得这个太丑了,想定义下样式,事实上,RecyclerView很灵活,很多都是通过代码来控制的不像listview一样是xml设置,我们看下setLayoutManager的具体使用姿势:
//设置布局,这里我们使用线性布局
mRecyclerView.setLayoutManager(new LinearLayoutManager(this,LinearLayoutManager.HORIZONTAL,false));
我们设置水平的,来看看效果
我们可以看到,水平了,这三个参数分别是:上下文,布局方向,是否旋转,我们现在把是否旋转设置为true再来看下效果:
显而易见,数据是倒过来的了,当然我们也不只是一种布局,我们设置表格布局
mRecyclerView.setLayoutManager(new GridLayoutManager(this,3));
参数是3列的含义,我们来看下:
好的,基本的你学会了吗?我们还有一个属性是添加分割线的,很多同学并不知道在哪里添加,其实他是需要代码设置的;
//添加分割线mRecyclerView.addItemDecoration(new MyDecoration(this,MyDecoration.VERTICAL_LIST));
但是这个MyDecoration是什么?官方为我们提供了例子,这里就不演示了
package com.liuguilin.recyclerviewsample;/** 项目名: RecyclerViewSample * 包名: com.liuguilin.recyclerviewsample* 文件名: MyDecoration* 创建者: LGL* 创建时间: 2016/10/7 14:22* 描述: 分割线*/import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.View;public class MyDecoration extends RecyclerView.ItemDecoration{private Context mContext;private Drawable mDivider;private int mOrientation;public static final int HORIZONTAL_LIST = LinearLayoutManager.HORIZONTAL;public static final int VERTICAL_LIST = LinearLayoutManager.VERTICAL;//我们通过获取系统属性中的listDivider来添加,在系统中的AppTheme中设置public static final int[] ATRRS = new int[]{android.R.attr.listDivider};public MyDecoration(Context context, int orientation) {this.mContext = context;final TypedArray ta = context.obtainStyledAttributes(ATRRS);this.mDivider = ta.getDrawable(0);ta.recycle();setOrientation(orientation);}//设置屏幕的方向public void setOrientation(int orientation){if (orientation != HORIZONTAL_LIST && orientation != VERTICAL_LIST){throw new IllegalArgumentException("invalid orientation"); } mOrientation = orientation;}@Overridepublic void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {if (mOrientation == HORIZONTAL_LIST){drawVerticalLine(c, parent, state);}else {drawHorizontalLine(c, parent, state);}}//画横线, 这里的parent其实是显示在屏幕显示的这部分public void drawHorizontalLine(Canvas c, RecyclerView parent, RecyclerView.State state){int left = parent.getPaddingLeft();int right = parent.getWidth() - parent.getPaddingRight();final int childCount = parent.getChildCount();for (int i = 0; i < childCount; i++){final View child = parent.getChildAt(i);//获得child的布局信息final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams)child.getLayoutParams();final int top = child.getBottom() + params.bottomMargin;final int bottom = top + mDivider.getIntrinsicHeight();mDivider.setBounds(left, top, right, bottom);mDivider.draw(c);//Log.d("wnw", left + " " + top + " "+right+" "+bottom+" "+i);}}//画竖线public void drawVerticalLine(Canvas c, RecyclerView parent, RecyclerView.State state){int top = parent.getPaddingTop();int bottom = parent.getHeight() - parent.getPaddingBottom();final int childCount = parent.getChildCount();for (int i = 0; i < childCount; i++){final View child = parent.getChildAt(i);//获得child的布局信息final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams)child.getLayoutParams();final int left = child.getRight() + params.rightMargin;final int right = left + mDivider.getIntrinsicWidth();mDivider.setBounds(left, top, right, bottom);mDivider.draw(c);}}//由于Divider也有长宽高,每一个Item需要向下或者向右偏移@Overridepublic void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {if(mOrientation == HORIZONTAL_LIST){//画横线,就是往下偏移一个分割线的高度outRect.set(0, 0, 0, mDivider.getIntrinsicHeight());}else {//画竖线,就是往右偏移一个分割线的宽度outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0);}}
}
设置完之后我们来运行一下
好的,分割线野有了,如果我们要自定义一下最喜欢个分割线,我们可写一个xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"android:shape="rectangle"><solid android:color="@color/colorAccent"/><size android:height="1dp"/>
</shape>
然后在我们的主题里面引用
<!-- Base application theme. --><style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"><!-- Customize your theme here. --><item name="colorPrimary">@color/colorPrimary</item><item name="colorPrimaryDark">@color/colorPrimaryDark</item><item name="colorAccent">@color/colorAccent</item><item name="android:listDivider">@drawable/divider</item></style>
再来运行一下
OK,到这里这个样式已经基本上没什么问题了
四.RecyclerView的Adapter
我们把Adapter放后面讲,也是希望大家先去看下代码,本身代码也不多,以这个adapter为例,我简单的说话这些方法的作用
- 构造方法
传递参数的,没什么可说的
- onCreateViewHolder
这里我们一般是来初始化我们的布局的,也就是我们item
- onBindViewHolder
绑定View之后就在这里面进行赋值了,分工明确
- getItemCount
返回数据长度,没什么可说的
- ViewHolder
继承RecyclerView.ViewHolder,对item的view进行初始化,也就是我们的缓存对象
到这里,大家是不是已经学会了呢?如果没有学会的话,请加群:555974449我们继续学习
Demo下载:http://download.csdn.net/detail/qq_26787115/9646804
Android 高级控件(七)——RecyclerView的方方面面相关推荐
- Android高级控件(二)——SurfaceView实现GIF动画架包,播放GIF动画,自己实现功能的初体现...
Android高级控件(二)--SurfaceView实现GIF动画架包,播放GIF动画,自己实现功能的初体现 写这个的原因呢,也是因为项目中用到了gif动画,虽然网上有很多的架包可以实现,不过我们还 ...
- Android高级控件(一)——ListView绑定CheckBox实现全选,增加和删除等功能
Android高级控件(一)--ListView绑定CheckBox实现全选,增加和删除等功能 这个控件还是挺复杂的,也是项目中应该算是比较常用的了,所以写了一个小Demo来讲讲,主要是自定义adap ...
- Android高级控件(四)——VideoView 实现引导页播放视频欢迎效果,超级简单却十分的炫酷
Android高级控件(四)--VideoView 实现引导页播放视频欢迎效果,超级简单却十分的炫酷 是不是感觉QQ空间什么的每次新版本更新那炫炫的引导页就特别的激动,哈哈,其实他实现起来真的很简单很 ...
- 移动开发技术(Android)——实验5 Android高级控件的应用
移动开发技术--实验5 Android高级控件的应用 一.实验目的 二.实验内容 1.Spinner.ListView控件与Adapter适配器(一) 2.Spinner.ListView控件与Ada ...
- 《移动项目实践》实验报告——Android高级控件
实验目的 1.熟悉App开发常用的一些高级控件及相关工具,主要包括日期时间控件的用法.列表类视图及其适配器的用法.翻页类视图及其适配器的用法.碎片及其适配器的用法等: 2.熟悉四大组件之一广播Broa ...
- Android高级控件----AdapterView与Adapter详解
在J2EE中提供过一种非常好的框架--MVC框架,实现原理:数据模型M(Model)存放数据,利用控制器C(Controller)将数据显示在视图V(View)上.在Android中有这样一种高级控件 ...
- android listview高级,Android 高级控件笔记-列表视图ListView 基本适配器BaseAdapter
我最近做项目用到了基本适配器BaseAdapter,所以写篇博客总结一下,希望也能对你有所帮助 什么时候用BaseAdapter(同一项存在多个控件,复杂的列表时) Android中Adapter类其 ...
- Android 高级控件ListView用法
BaseAdapter:是所有适配器类的父类,可以对列表项进行最大限度的定制 1.1 自定义适配器中的方法 getCount getView getItem getItemId 1.2 LayoutI ...
- Android高级控件之ListView的优化以及下拉刷新页面
1.ListView的优化 在优化之前我们先来说说配置器的自定义,为什么需要自定义配置器呢,因为系统自带的配置器不能满足我们的需求,所以就需要我们自己写配置器来实现功能, 但是在创建ListView时 ...
最新文章
- 微软采购amd服务器芯片,微软计划自研PC和服务器芯片 英特尔AMD股价应声下跌
- CSS滤镜 【转载】
- 【城市沙龙】LiveVideoStack Meet|合肥:在“霸都”邂逅音视频技术
- 数据探索性分析_探索性数据分析
- python methodtype_Python的实例定属性和方法或类绑定方法
- Win10系统如何查看电脑是否是UEFI启动模式
- 英国电信选择由 Canonical 开发的 Ubuntu OpenStack 作为云平台
- 安全绳使用方法图解_儿童安全锁使用方法
- NeuSE: A Neural Snapshot Ensemble Method for Collaborative Filtering(阅读论文笔记)
- 【25】processing-视频(中文)
- css将两张图片叠加(简易方法)
- implicit super constructor animal() is undefined for default constructor. Must define an explicit 异常
- 跟光磊学Java-macOS版Java8开发环境搭建(基于ARM 64-bit)
- MySQL远程连接报错:ERROR 2002 (HY000): Can‘t connect to server on ‘192.168.172.130‘ (115)
- 【Multisim仿真】二极管加正向和反向电压测量实验
- Java实现之普利姆(Prim)算法
- EmguCV学习(三)
- mysql ogg kafka_ogg实时同步到Kafka
- PyCharm中import显示灰色解决方案
- 可独立部署的CA系统技术方案
热门文章
- VMware NAT 网络连接 将能连同主机,以及能够上外网
- java--获取近几个月的月初和月末
- python qsub是啥意思_python – 使用qsub提交连续和独立作业的速度有多快?
- Zxing一维条码/二维条码生成与读取开发实例
- html仿冲顶大会答题源码,答题类《冲顶大会》APP原型资源
- SignalR2.1部署IIS服务器无法推送消息
- 龙芯处理器7A2000桥片iTOP-3A5000开发板
- 计算机语言处理器,中科院计算所发布国产编程语言“木兰” 支持龙芯处理器...
- 有模拟钢琴弹奏的手机APP吗?
- 黄智生博士谈语义网与Web 3.0