Android实现支付宝AR功能,Android RecyclerView 实现支付宝首页效果
Android RecyclerView 实现支付宝首页效果
[TOC]
虽然我本人不喜欢支付宝的,但是这个网格本身其实还是不错的,项目更新中更改了一个布局为网格模式,类似支付宝.(估计是产品抄袭的=.=,我不管设计,只管实现就好.)
类名
描述
RecyclerView.Adapter
托管数据集合,为每个Item创建视图
RecyclerView.ViewHolder
承载Item视图的子视图
RecyclerView.LayoutManager
负责Item视图的布局
RecyclerView.ItemDecoration
为每个Item视图添加子视图,在Demo中被用来绘制Divider
RecyclerView.ItemAnimator
负责添加、删除数据时的动画效果
RecyclerView的功能已经模块化了,如下所示:
类名
描述
RecyclerView.Adapter
托管数据集合,为每个Item创建视图
RecyclerView.ViewHolder
承载Item视图的子视图
RecyclerView.LayoutManager
负责Item视图的布局
RecyclerView.ItemDecoration
为每个Item视图添加子视图,在Demo中被用来绘制Divider
RecyclerView.ItemAnimator
负责添加、删除数据时的动画效果
今天的重点是RecyclerView.ItemDecoration毕竟是来定义分隔线的,那就开始画吧 =.=
首先是模拟数据
public List getData() {
List data=new ArrayList();
TypedArray typedArray = getResources().obtainTypedArray(R.array.image_home_arr);//这里是图表
String[] nameStr=new String[]{
"提现",
"自助上单",
"商品管理",
"全民营销",
"消费统计",
"评价管理",
"经营管理"
};
for (int i = 0; i < nameStr.length; i++) {
data.add(new GridTabEntity(nameStr[i],false,0,typedArray.getResourceId(i,0)));
}
return data;
}
addItemDecoration 定制分隔线
mGridTab = ((RecyclerView) findViewById(R.id.re_grid));
mGridTab.setLayoutManager(new GridLayoutManager(this, 3, GridLayoutManager.VERTICAL, false));
//dp转px
final int offset = DisplayUtil.dp2px(this, 1.3f);
//这里是开始,定制分隔线
mGridTab.addItemDecoration(new RecyclerView.ItemDecoration() {
@Override
public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView
.State state) {
super.getItemOffsets(outRect, view, parent, state);
int childLayoutPosition = parent.getChildLayoutPosition(view);
if (childLayoutPosition%3!=0){
outRect.right=offset/2;
outRect.bottom=offset/2;
}else {
outRect.left=offset/2;
outRect.right=offset/2;
outRect.bottom=offset/2;
}
}
@Override
public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
//始化一个Paint
Paint paint = new Paint();
// paint.setColor(Color.parseColor("#B8B8B8"));
paint.setColor(Color.parseColor("#D8D8D8"));
paint.setStrokeWidth(offset);
//获得RecyclerView中条目数量
int childCount = parent.getChildCount();
//遍历
for (int i = 0; i < childCount; i++) {
//获得子View,也就是一个条目的View,准备给他画上边框
View childView = parent.getChildAt(i);
//先获得子View的长宽,以及在屏幕上的位置
float x = childView.getX();
float y = childView.getY();
int width = childView.getWidth();
int height = childView.getHeight();
if (i % 3==2){
//h bottom
c.drawLine(x, y + height, x + width, y + height, paint);
continue;
}else {
c.drawLine(x + width, y, x + width, y + height, paint);
//h bottom
c.drawLine(x, y + height, x + width, y + height, paint);
continue;
}
// //根据这些点画条目的四周的线 h:水平 v:垂直
// //h top
// c.drawLine(x, y, x + width, y, paint);
// //v left
// c.drawLine(x, y, x, y + height, paint);
// //v right
// c.drawLine(x + width, y, x + width, y + height, paint);
// //h bottom
// c.drawLine(x, y + height, x + width, y + height, paint);
}
super.onDraw(c, parent, state);
}
});
GridTabAdapter mAdapter = new GridTabAdapter(data);
mGridTab.setAdapter(mAdapter);
好吧,不要打我,将就着点看,这只是个demo,所以代码很乱,注释是后来加的,应该能看懂吧.
画线的时候注意下,不是所以的"方块"都需要画上下左右的,例如中间的那个方块如果四个方向都画那么必定会有线叠加在一起,那样很丑的.(>﹏
效果:
这是demo效果:
http://oahzrw11n.bkt.clouddn.com//pic/20160812/device-gridtab-demo.png
这是实际的效果:
http://oahzrw11n.bkt.clouddn.com//pic/20160812/device-gridtab-true.png
Android实现支付宝AR功能,Android RecyclerView 实现支付宝首页效果相关推荐
- Android实现支付宝AR功能,Android接入支付宝实现支付功能实例
我本来是想直接讲Android支付这一块的,包括支付宝,微信,其他第三方整合支付等,但是微信开放平台他对我的账号做了限制,所有我今天就先把重心放在支付宝的支付上,也算是写得尽可能详细些吧,毕竟是第三方 ...
- android 实现屏幕录制功能,Android实现屏幕录制功能
本文实例为大家分享了Android实现屏幕录制功能的具体代码,供大家参考,具体内容如下 1.效果图: 2.添加依赖 dependencies { implementation fileTree(dir ...
- android的手势解锁功能,Android应用开发之Android 5秒学会使用手势解锁功能
本文将带你了解Android应用开发Android 5秒学会使用手势解锁功能,希望本文对大家学Android有所帮助. Android手势解锁 本文讲述的是一个手势解锁的库,可以定制显示隐藏宫格点.路 ...
- android如何实现打分功能,Android App中使用RatingBar实现星级打分功能的教程
RatingBar简单介绍RatingBar是基于SeekBar(拖动条)和ProgressBar(状态条)的扩展,用星形来显示等级评定,在使用默认RatingBar时,用户可以通过触摸/拖动/按键( ...
- android 手机录屏功能,Android录屏功能的实现
最近做一个Android开发的项目用到了录屏的功能,开始查阅了一些资料和博客,基本上都是在讨论ROOT的.直到后来在github上看到一个比较新的代码,才恍然发现,Android 5.0时候开放了一个 ...
- android studio发邮件功能,Android发送邮件的方法实例详解
本文实例讲述了Android发送邮件的方法.分享给大家供大家参考,具体如下: 在android手机中实现发送邮件的功能也是不可缺少的.如何实现它呢?下面以简单的例子进行说明. 程序如下: import ...
- android实现qq登录功能,Android 实现QQ第三方登录
陆续整理一下 QQ.新浪,以及微信 登录和分享功能. 步骤: 1 下载官方sdk 2. 根据官网文档及Demo测试. 3.集成到自己应用上. 首先下载下来,导入到我们的开发工具中,看下具体工程. 所谓 ...
- android新消息提醒功能,Android仿微信新消息提示音
怕有些人不知道怎么进入微信的新消息提示音功能,我这里说下操作步骤: 打开微信----我---设置---新消息提醒---新消息提示音. 经过以上的步骤就进入了这样的界面 具体实现的步骤. 难点之一:获取 ...
- android实现在线阅读功能,Android使用WebView实现离线阅读功能
1.先看效果图,加载动画: 加载完成,注意当前为飞行模式! 2.使用 1).让你的javabean实现OffLineLevelItem接口,因为我的这个离线阅读支持多级下载,比如Demo中的每个频道下 ...
最新文章
- Segment Routing — SRv6 — 网络架构与应用场景
- 一网打尽,最全面的跨域解决方案来了!
- 设计模式:面向对象的设计原则下(ISP、DIP、KISS、YAGNI、DRY、LOD)
- 工业机器人打磨抛光编程员工资_一种工业机器人打磨抛光工作平台的制作方法...
- C#复数类Complex的封装
- 7-1 图形卡片排序游戏 (40 分)
- linux 下安装ftp服务器
- js/jquery判断浏览器的方法小结
- 【笔记】《Java核心技术卷1(第11版)》-第1章-Java程序设计概述
- jsp教师档案信息管理系统ssh
- 使用pm2管理项目(指令)
- 用微软的云计算来远程管理自己的电脑
- hhkb适合写java吗_起底这届HHKB最强新品键盘,究竟好在哪儿?
- 洛谷1489 猫狗大战
- 近十年量化交易领域最重要的十本参考书是哪些
- JAVA语言异常_Java语言中常用异常类EoFException是用来处理( )异常的类_学小易找答案...
- 图像文件的读写和转换——BMP转YUV
- 鸿蒙系统magic4.0,Magic UI 4.0正式版
- 分享一个MySQL数据库表结构导出word文档最方便的方法
- InDesign 教程如何更改字体和字体大小?
热门文章
- -bash: ulimit: pipe size: cannot modify limit: Invalid argument
- 2012年终总结 二
- 使用jQuery Treeview插件实现树状结构效果
- static_cast 和 reinterpret_cast的区别以及dynamic_cast
- 嵌入式linux字符设备驱动
- 九点标定进行仿射变换halcon仿真代码
- cvRemap 对图像进行普通几何变换
- mysql重命名数据表称方式_在MySQL中,使用()重命名数据表。_学小易找答案
- js 数组移除_2020前端面试--常见的js面试题
- 二阶传递函数的推导及几种求解方法的比较