Android卡片式折叠交互效果
近日有报道称:在互联网共享单车最早起步的上海,目前有150万辆共享单车。迅猛的增速之下,上海市交通委紧急叫停,成为继杭州、广州等城市之后,国内又一个暂停新增投放共享单车的城市。对此有关专家称:“共享单车的数量要不要控制要看有没有法律依据,目前看没有。”
作者简介早上好,新的一周又开始了,跟高兴与大家见面!
本篇来自 Shu_Lance 的投稿, 给大家推荐了一款炫酷的卡片式列表控件, 并进行了补充说明,希望大家喜欢!
Shu_Lance 的博客地址:
前言http://blog.csdn.net/shu_lance
最近小猿在改进之前写过的学校教务系统APP的UI界面的时候,发现了一个有趣的 Android UI——卡片式折叠交互 CardStackView,该 View 是在 GitHub 上找到的,但是该 View 的主人没有告诉我如何使用,小猿研究了半天,在此,将其简单的使用步骤阐述一下,CardStackView 的 GitHub 地址:
https://github.com/loopeer/CardStackView
先上个源博主效果图:
使用步骤
1. 在 Android studio 中 dependencies 里添加依赖
2. 自定义一个单个卡片的 item:
3. 在主布局里使用 CardStackView:
4. 写一个 TestStackAdapter(GitHub博主上给出了个 Adapter 的 demo,里面有卡片的三种样式:
ColorItemViewHolder :显示卡片正常样式
ColorItemLargeHeaderViewHolder :卡片的头比正常显示的大
ColorItemWithNoHeaderViewHolder :不显示卡片的头,只显示内容
TestStackAdapter 代码有点长,但是理解起来不难,因为它非常像 RecyclerView.Adapter<>,因为它是继承自 CardStackView.Adapter<>,我将部分主要代码讲一下:
onCreateView():加载卡片的 item 布局(三种样式可以加载):
getItemViewType():返回每个 item 的布局样式,在这个 Adapter 里,都返回了统一的样式:
onItemExpand(boolean b):在这里判断卡片是否被点击,true 就将卡片展开:
onBind(Integer data, int position):根据 item 的 position 来加载卡片内的内容:
bindView(Integer data, int position, CardStackView.ViewHolder holder):调用 onBind() 来加载布局:
5. 在 MainActivity 中将 CardStackView 初始化,因为我是在 Fragment 中写的,在此,附上我的 Fragment 中的代码:
先初始化一组颜色的数组,因为 TestStackAdapter 中根据传入的颜色数组来将卡片的片头附上颜色.
利用handler来进行延时更新卡片内的内容,先将CardStackView实例化,在利用 adapter.updateData() 来进行 CardStackView 的内容更新.
CardStackView的item展开监听事件(通过 implement CardStackView.ItemExpendListener):
CardStackView 的简单使用就到此了,如果对此有兴趣的话,可以自行研究一下源码,也可自己写个CardStackAdapter,因为源代码的TestStackAdapter是继承自CardStackView.Adapter<>的
这是小猿写的效果图:
更多每天学习累了,看些搞笑的段子放松一下吧。关注最具娱乐精神的公众号,每天都有好心情。
如果你有好的技术文章想和大家分享,欢迎向我的公众号投稿,投稿具体细节请在公众号主页点击“投稿”菜单查看。
欢迎长按下图 -> 识别图中二维码或者扫一扫关注我的公众号:
Android——仿美团商品详情页折叠效果
首先看下效果图: 相信大家已经不陌生了,进入商品详情页,首先是左图的效果,当我们向上滑动的时候逐渐变化为右图的效果。使用知识点:MaterialDesign中的CoordinatoryL...
Android多行文本折叠展开效果
转自:http://blog.csdn.net/qiaoidea/article/details/45568653 【导航】 - 单行文本水平触摸滑动效果 通过EditText实现TextVie...
Android 使用CardView轻松实现卡片式设计
Material design中有一种很个性的设计概念:卡片式设计(Cards),这种设计与传统的List Item有所区别,Cards包含更多的内容元素和拥有自己的UI特征。...
<em>手机</em>端<em>卡片</em>效果轮播
<em>android</em>自定义view之<em>卡片式</em>轮播图 <em>手机</em>端卡片效果轮播 立即下载...
下载
2018年05月07日 00:00
一行代码实现ViewPager卡片效果
2017年08月02日 33.9MB 下载
Android自定View-最简单的可拖拽式层叠卡片
转载请标明出处: http://blog.csdn.net/hai_qing_xu_kong/article/details/72793846 本文出自:【顾林海的博客】 前言记得两年多前...
android 简洁的卡片风格UI例子
2014年04月22日 2.08MB 下载
android使用ViewPage实现卡片式画廊效果
2017年10月27日 583KB 下载
归档
热门文章
- 教你免费且快速地搭建个人网站
阅读量:8406
- 国产 Android 权限申请最佳适配方案——permissions4m
阅读量:3512
- 自定义View之王者荣耀等级进度条
阅读量:3261
- 实现一个类似QQ的社交聊天工具
阅读量:2310
- 讲给Android程序员看的前端和后台教程
阅读量:2300
最新评论
- 高手不得不知的List细节
myy629464:归纳总结是知识积累的好方法之一。感谢博主。
- Java数据结构学习,从源码角度彻...
myy629464:玉笙弹尽断人肠,只缘一梦枕黄粱。
- Android 7.0关于HTTP...
kuailyanghui:你好,按照你说的步骤,在wifi走代理时都是可以抓包的。 但是当把wifi的代理去掉后,这样的ap...
- Android Realm详解
jw2268136570:写的很好
- 教你编写一个手势解锁控件
weixin_39272004:哇,这就是微信公众号的文章啊,正需要
0
收藏
评论