Android横向滚动卡片,RecyclerView+CardView实现横向卡片式滑动效果
现在来介绍两种控件recyclerview和cardview,并通过实例将它们结合在一起实现一种横向卡片式滑动效果.
1.recyclerview
recyvlerview是android sdk 新增加的一种控件,也被官方推荐代替listview来使用,因为其具有更好的灵活性和代替性。
2.cardview
cardview是安卓5.0推出的一种卡片式控件,内部封装了许多有用的方法来实现美观效果。
3.如何使用recylerview和cardview在android studio中
在build.gradle中添加依赖再编辑即可
compile 'com.android.support:recyclerview-v7:25.+'
compile 'com.android.support:cardview-v7:25
4.通过实例,使用两种控件实现横向卡片式滑动效果
建立main.xml布局文件,代码如下:
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto">
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/recycler_view"
>
使用过listview的同学应该知道还需要一个子布局来填充recyclerview
以下为recyclerview_item.xml的代码:
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/recyclerview_item"
android:padding="30dp"
>
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
app:contentpadding="50dp"
app:cardcornerradius="20dp"
android:clickable="true"
android:foreground="?android:attr/selectableitembackground"
app:cardelevation="@dimen/cardview_compat_inset_shadow"
app:cardbackgroundcolor="@color/cardview_light_background">
android:layout_width="match_parent"
android:layout_height="wrap_content">
android:id="@+id/tv1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="作者"
android:textsize="22dp"/>
android:layout_width="match_parent"
android:layout_height="114dp"
>
android:id="@+id/tv2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="
锄禾日当午,汗滴禾下土"
android:textsize="22dp"/>
从代码中,我们会发现使用了cardview控件以及在控件中添加简易的两个textview
现在来介绍cardview的一些常用属性,这也是现在卡片效果的关键所在
card_view:contentpadding 这个可以给你的内容加上padding属性
card_view:cardbackgroundcolor这个可以改变cardview的背景
card_view:cardcornerradius这个可以改变cardview圆角的大小
card_view:cardelevation这个比较难解释,cardview的z轴阴影,被用来决定阴影的大小以及柔和度,以至于可以逼真的模拟出对于深度效果的描述。说白点可以理解为阴影的大小
andorid:foreground=”?android:attr/selectableitembackground” 这个可以使cardview被点击后出现波纹效
通过以上常用属性可以使cardview出现各种不同的效果
现在回到activity中来实现recyclerview
跟listview的一样,我们需要写一个适配器,代码如下:
public class recyclerviewadapter extends recyclerview.adapter {
private list lists;
private context context;
public recyclerviewadapter(list lists, context context) {
this.lists = lists;
this.context = context;
}
class myholder extends recyclerview.viewholder{
private textview tv1,tv2;
public myholder(view itemview) {
super(itemview);
tv1= (textview) itemview.findviewbyid(r.id.tv1);
tv2= (textview) itemview.findviewbyid(r.id.tv2);
}
}
@override
public recyclerview.viewholder oncreateviewholder(viewgroup parent, int viewtype) {
myholder holder =new myholder(layoutinflater.from(parent.getcontext()).inflate(r.layout.recyclerview_item,parent,false));
return holder;
}
@override
public void onbindviewholder(recyclerview.viewholder holder, int position) {
log.d("tag", "onbindviewholder: "+lists.get(position).getautor());
((myholder)holder).tv1.settext(lists.get(position).getautor());
((myholder)holder).tv2.settext(lists.get(position).getcontent());
}
@override
public int getitemcount() {
return lists.size();
}
}
写一个类继承recyclerview.adapter,重写recyclerview.adapter的三个重要方法 onbindviewholder() getitemcount() 和 oncreateviewholder()
oncreateviewholder(): 创建新的view,被layoutmanager所调用
onbindviewholder():将数据与界面进行绑定
getitemcount() :返回数据的数量
在activity中,代码如下:
public class frament1 extends android.support.v4.app.fragment{
private toolbar toolbar1;
private recyclerview recycler_view;
private textview tv1,tv2;
private view view;
private list lists;
@override
public void onattach(context context) {
super.onattach(context);
}
@nullable
@override
public view oncreateview(layoutinflater inflater, @nullable viewgroup container, @nullable bundle savedinstancestate) {
sethasoptionsmenu(true);
view = inflater.inflate(r.layout.fragment1, container, false);
initview();
initdata();
linearlayoutmanager m=new linearlayoutmanager(getcontext());
m.setorientation(linearlayoutmanager.horizontal);
recycler_view.setlayoutmanager(m);
recyclerviewadapter adapter=new recyclerviewadapter(lists,getcontext());
recycler_view.setadapter(adapter);
return view;
}
@override
public void onresume() {
super.onresume();
}
private void initdata() {
lists=new arraylist<>();
lists.add(new databean("smart","青青原上草,一岁一枯荣"));
lists.add(new databean("smart","青青原上草,一岁一枯荣"));
lists.add(new databean("smart","青青原上草,一岁一枯荣"));
lists.add(new databean("smart","青青原上草,一岁一枯荣"));
lists.add(new databean("smart","青青原上草,一岁一枯荣"));
lists.add(new databean("smart","青青原上草,一岁一枯荣"));
}
private void initview() {
recycler_view= (recyclerview) view.findviewbyid(r.id.recycler_view);
tv1= (textview) view.findviewbyid(r.id.tv1);
tv2= (textview) view.findviewbyid(r.id.tv2);
}
}
在代码中,我们获取layoutmanager对象,设置其方向为水平方向,并设置recyclerview的layoutmanager
然后实例化adapter对象,传入上下文和假数据lists,并设置recyclerview.adapater
linearlayoutmanager m=new linearlayoutmanager(getcontext());
m.setorientation(linearlayoutmanager.horizontal);
recycler_view.setlayoutmanager(m);
recyclerviewadapter adapter=new recyclerviewadapter(lists,getcontext());
recycler_view.setadapter(adapter);
到此基本步骤已经完成,运行程序。
以下为运行截图
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持萬仟网。
Android横向滚动卡片,RecyclerView+CardView实现横向卡片式滑动效果相关推荐
- android 探探卡片,仿探探首页卡片式滑动效果
Introduction CardSwipeLayout - Use RecyclerView to achieve card swipe layout , like Tantan . Screens ...
- Android横向滚动卡片,Android仿探探卡片式滑动效果实现
前言 第一次进入探探软件界面,就被这种通过卡片式滑动来选择"喜欢/不喜欢"的设计所吸引了.当时就非常想通过自己来实现这种仿探探式的效果,然而却没什么思路.不过毋庸置疑的是,这种效果 ...
- Android仿探探卡片式滑动效果实现
第一次进入探探软件界面,就被这种通过卡片式滑动来选择"喜欢/不喜欢"的设计所吸引了.当时就非常想通过自己来实现这种仿探探式的效果,然而却没什么思路.不过毋庸置疑的是,这种效果的原理 ...
- Android开发学习之RecyclerView+CardView的使用
介绍 RecyclerView是一种高级的ListView,以后可以用它来代替ListView CardView则是一种更好看的视图,使用比较简单,这里我把他俩放在一起介绍 基本使用步骤 导入依赖 我 ...
- html横向滚动字幕代码,jQuery文字横向滚动效果的实现代码
很多网站都有公告,并且都喜欢用横向滚动的方式来展现.最近自己用jQuery也写了文字横向滚动,实现了自定义滚动速度,鼠标经过时暂停的功能. HTML代码如下: jQuery文字横向滚动jQuery制作 ...
- Android 使用CardView轻松实现卡片式设计
Material design中有一种很个性的设计概念:卡片式设计(Cards),这种设计与传统的List Item有所区别,Cards包含更多的内容元素和拥有自己的UI特征,关于Cards的设计规范 ...
- 说说 Android 的 Material Design 设计(四)——卡片式布局
我们使用 CardView 与 RecyclerView 来·实现一个各种猫的卡片式展示列表吧O(∩_∩)O~ 1 CardView 控件 1.1 引入依赖库 打开 app/build.gradle, ...
- Android横向滚动卡片,Android实现横向滑动卡片效果
Android实现横向滑动卡片效果 发布时间:2020-09-04 22:51:17 来源:脚本之家 阅读:255 作者:itbobby 最近项目上需要实现这样效果的一个页面,本来想找个现成的两下搞定 ...
- Android横向滚动卡片,Android滑动卡片成效:Swipecards
一个类似于 Tinder的Android库,用于创建滑动卡片效果. 您可以向左或向右滑动来切换喜欢或不喜欢的内容. //implement the onFlingListener public cla ...
最新文章
- 9位AI教授总结2017年:技术变得平民化,但商业竞争在不断升级
- 以下哪个不是迭代算法的缺点_海量数据分库分表方案(一)算法方案
- Java实现用时间戳重命名上传的文件
- C# 将多个图片合并成TIFF文件的两种方法
- ionic android 本地存储,ionic2/3本地数据存储storage
- Java的echo_简单的Java echo服务器问题
- C#接口。 隐式实现与显式实现
- python随机森林变量重要性_随机森林如何评估特征重要性【机器学习面试题详解】...
- (7)机器学习之make_bolbs
- 考研微机原理是计算机基础吗,2015年电子科技大学微机原理与应用考研复试大纲...
- H.266 JEM编码块结构:四叉树+二叉树QTBT
- 苹果电脑的文件怎么复制到移动硬盘,macbook文件怎么拷贝到移动硬盘
- 怎么用一个计算机控制两个屏幕,一台电脑控制多个led显示屏
- 微信小程序案例——比较数字大小案例
- Oracle表数据转换为XML格式数据
- 修改el-select多选时collapse-tags模式下设置宽度,超出...
- 计算机应用基础第二版中职教案,中职计算机应用基础教案.doc
- 如何使用JBookMaker制作Java电子书
- MAC安装ATOM随记
- phpexcel 自动调整行高