热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

RecyclerView+CardView实现横向卡片式滑动效果

这篇文章主要为大家详细介绍了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布局文件,代码如下:

<&#63;xml version="1.0" encoding="utf-8"&#63;>


 

 

使用过ListView的同学应该知道还需要一个子布局来填充RecyclerView
以下为recyclerView_item.xml的代码:

<&#63;xml version="1.0" encoding="utf-8"&#63;>


 

  

   
  

  
   
  
 

从代码中,我们会发现使用了CardView控件以及在控件中添加简易的两个TextView

现在来介绍CardView的一些常用属性,这也是现在卡片效果的关键所在

card_view:contentPadding 这个可以给你的内容加上padding属性
card_view:cardBackgroundColor这个可以改变cardview的背景
card_view:cardCornerRadius这个可以改变cardview圆角的大小
card_view:cardElevation这个比较难解释,CardView的Z轴阴影,被用来决定阴影的大小以及柔和度,以至于可以逼真的模拟出对于深度效果的描述。说白点可以理解为阴影的大小
andorid:foreground=”&#63;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滑动功能》

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


推荐阅读
  • Android 九宫格布局详解及实现:人人网应用示例
    本文深入探讨了人人网Android应用中独特的九宫格布局设计,解析其背后的GridView实现原理,并提供详细的代码示例。这种布局方式不仅美观大方,而且在现代Android应用中较为少见,值得开发者借鉴。 ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • Android LED 数字字体的应用与实现
    本文介绍了一种适用于 Android 应用的 LED 数字字体(digital font),并详细描述了其在 UI 设计中的应用场景及其实现方法。这种字体常用于视频、广告倒计时等场景,能够增强视觉效果。 ... [详细]
  • RecyclerView初步学习(一)
    RecyclerView初步学习(一)ReCyclerView提供了一种插件式的编程模式,除了提供ViewHolder缓存模式,还可以自定义动画,分割符,布局样式,相比于传统的ListVi ... [详细]
  • QUIC协议:快速UDP互联网连接
    QUIC(Quick UDP Internet Connections)是谷歌开发的一种旨在提高网络性能和安全性的传输层协议。它基于UDP,并结合了TLS级别的安全性,提供了更高效、更可靠的互联网通信方式。 ... [详细]
  • 本文详细介绍了如何在Linux系统上安装和配置Smokeping,以实现对网络链路质量的实时监控。通过详细的步骤和必要的依赖包安装,确保用户能够顺利完成部署并优化其网络性能监控。 ... [详细]
  • 本文详细介绍了如何使用Spring Boot进行高效开发,涵盖了配置、实例化容器以及核心注解的使用方法。 ... [详细]
  • 本文详细介绍了Java编程语言中的核心概念和常见面试问题,包括集合类、数据结构、线程处理、Java虚拟机(JVM)、HTTP协议以及Git操作等方面的内容。通过深入分析每个主题,帮助读者更好地理解Java的关键特性和最佳实践。 ... [详细]
  • Python自动化处理:从Word文档提取内容并生成带水印的PDF
    本文介绍如何利用Python实现从特定网站下载Word文档,去除水印并添加自定义水印,最终将文档转换为PDF格式。该方法适用于批量处理和自动化需求。 ... [详细]
  • 在当前众多持久层框架中,MyBatis(前身为iBatis)凭借其轻量级、易用性和对SQL的直接支持,成为许多开发者的首选。本文将详细探讨MyBatis的核心概念、设计理念及其优势。 ... [详细]
  • 将Web服务部署到Tomcat
    本文介绍了如何在JDeveloper 12c中创建一个Java项目,并将其打包为Web服务,然后部署到Tomcat服务器。内容涵盖从项目创建、编写Web服务代码、配置相关XML文件到最终的本地部署和验证。 ... [详细]
  • XNA 3.0 游戏编程:从 XML 文件加载数据
    本文介绍如何在 XNA 3.0 游戏项目中从 XML 文件加载数据。我们将探讨如何将 XML 数据序列化为二进制文件,并通过内容管道加载到游戏中。此外,还会涉及自定义类型读取器和写入器的实现。 ... [详细]
  • 本文介绍如何在 Unity 的 XML 配置文件中,将参数传递给自定义生命周期管理器的构造函数。我们将详细探讨 CustomLifetimeManager 类的实现及其配置方法。 ... [详细]
  • 本文详细介绍了 Java 中 org.apache.xmlbeans.SchemaType 类的 getBaseEnumType() 方法,提供了多个代码示例,并解释了其在不同场景下的使用方法。 ... [详细]
  • 本文详细介绍了如何解决MyBatis中常见的BindingException错误,提供了多种排查和修复方法,确保Mapper接口与XML文件的正确配置。 ... [详细]
author-avatar
手机用户2502886695
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有