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

RecyclerView实现仿支付宝应用管理

这篇文章主要为大家详细介绍了RecyclerView实现仿支付宝应用管理的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

前言

由于公司项目有一个应用管理的功能和支付宝的应用管理功能非常像,所有的信息都是从服务端拉去的数据动态生成,有不同的应用分类,有标题等等信息。对于实现这种效果可以用ListView 或者RecyclerView通过加载多种布局来实现。我们首先需要分析怎么把效果图拆分成几种布局

效果图

从上面的图片中我们可以把布局分为三种类型,其中第一种布局le是

 

第二种布局类型是:

 

第三种布局类型

使用RecyclerView加载多种布局,很多人都会,但是这里每排显示的子应用数量是不同的,而所有的数据都是来自同一个数据集合,而且所有的都是现实都是动态生成,所以不可能写死。这个时候是时候来了解GridLayoutManager的setSpanSizeLookup()方法了。具体使用方法我就不介绍啦,贴上官方文档链接

核心代码:

mLayoutManager = new GridLayoutManager(this, 4);

 mLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
  @Override
  public int getSpanSize(int position) {
  ApplicationBean applicatiOnBean= mDataList.get(position);
  if (applicationBean.getType() == ApplicationBean.Type.TypeOne) {
   return 4;
  } else if (applicationBean.getType() == ApplicationBean.Type.TypeTwo) {
   return 2;
  } else if (applicationBean.getType() == ApplicationBean.Type.TypeThree) {
   return 1;
  } else {
   return 0;
  }
  }
 });
 mRecyclerView.setLayoutManager(mLayoutManager);
 mAdapter = new ApplicationAdapter(mDataList, this);
 mRecyclerView.setAdapter(mAdapter);

adapter代码

package com.huangjie.recyclerview;

import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.ArrayList;

/**
 * Created by huangjie on 2017/11/12.
 */

public class ApplicationAdapter extends RecyclerView.Adapter {
 //布局类型
 private static final int VIEW_TYPE_OnE= 1;
 private static final int VIEW_TYPE_TWO = 2;
 private static final int VIEW_TYPE_THREE = 3;
 private LayoutInflater inflater;
 private Context mContext;
 private ArrayList mDataList;

 public ApplicationAdapter(ArrayList mDataList, Context context) {
 this.mDataList = mDataList;
 mCOntext= context;
 inflater = LayoutInflater.from(mContext);
 }

 @Override
 public int getItemViewType(int position) {

 if (mDataList.get(position).getType() == ApplicationBean.Type.TypeOne) {
  return VIEW_TYPE_ONE;
 } else if (mDataList.get(position).getType() == ApplicationBean.Type.TypeTwo) {
  return VIEW_TYPE_TWO;
 } else if (mDataList.get(position).getType() == ApplicationBean.Type.TypeThree) {
  return VIEW_TYPE_THREE;
 } else {
  return 0;
 }
 }

 @Override
 public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
 RecyclerView.ViewHolder viewHolder = null;
 switch (viewType) {
  case VIEW_TYPE_ONE:
  viewHolder = new ViewHolderOne(inflater.inflate(R.layout.item_one, parent, false));
  break;
  case VIEW_TYPE_TWO:
  viewHolder = new ViewHolderTwo(inflater.inflate(R.layout.item_two, parent, false));
  break;
  case VIEW_TYPE_THREE:
  viewHolder = new ViewHolderThree(inflater.inflate(R.layout.item_three, parent, false));
  break;
 }
 return viewHolder;
 }

 @Override
 public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {

 switch (getItemViewType(position)) {
  case VIEW_TYPE_ONE:
  Log.e("huangjie", mDataList.get(position).getTitle());
  ((ViewHolderOne) holder).title.setText(mDataList.get(position).getTitle());
  break;
  case VIEW_TYPE_TWO:
  ((ViewHolderTwo) holder).title.setText(mDataList.get(position).getName());
  ((ViewHolderTwo) holder).information.setText(mDataList.get(position).getInformation());
  ((ViewHolderTwo) holder).icon.setImageDrawable(
   mContext.getResources().getDrawable(mDataList.get(position).getIcon()));
  break;
  case VIEW_TYPE_THREE:
  ((ViewHolderThree) holder).title.setText(mDataList.get(position).getName());
  ((ViewHolderThree) holder).icon.setImageDrawable(
   mContext.getResources().getDrawable(mDataList.get(position).getIcon()));

  break;
 }
 }

 @Override
 public int getItemCount() {
 return mDataList.size();
 }


 /**
 * 第一种布局类型ViewHolder
 */
 public static class ViewHolderOne extends RecyclerView.ViewHolder {
 private TextView title;

 public ViewHolderOne(View itemView) {
  super(itemView);
  title = (TextView) itemView.findViewById(R.id.text);
 }
 }

 /**
 * 第二种布局类型ViewHolder
 */
 public static class ViewHolderTwo extends RecyclerView.ViewHolder {
 private ImageView icon;
 private TextView title;
 private TextView information;

 public ViewHolderTwo(View itemView) {
  super(itemView);
  icon = (ImageView) itemView.findViewById(R.id.image);
  title = (TextView) itemView.findViewById(R.id.title);
  information = (TextView) itemView.findViewById(R.id.infor);
 }
 }

 /**
 * 第三种布局类型viewholder
 */
 public static class ViewHolderThree extends RecyclerView.ViewHolder {
 private ImageView icon;
 private TextView title;

 public ViewHolderThree(View itemView) {
  super(itemView);
  icon = (ImageView) itemView.findViewById(R.id.image);
  title = (TextView) itemView.findViewById(R.id.title);
 }
 }
}

源码下载链接

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


推荐阅读
  • HDU 2372 El Dorado(DP)的最长上升子序列长度求解方法
    本文介绍了解决HDU 2372 El Dorado问题的一种动态规划方法,通过循环k的方式求解最长上升子序列的长度。具体实现过程包括初始化dp数组、读取数列、计算最长上升子序列长度等步骤。 ... [详细]
  • Android中高级面试必知必会,积累总结
    本文介绍了Android中高级面试的必知必会内容,并总结了相关经验。文章指出,如今的Android市场对开发人员的要求更高,需要更专业的人才。同时,文章还给出了针对Android岗位的职责和要求,并提供了简历突出的建议。 ... [详细]
  • 在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
  • baresip android编译、运行教程1语音通话
    本文介绍了如何在安卓平台上编译和运行baresip android,包括下载相关的sdk和ndk,修改ndk路径和输出目录,以及创建一个c++的安卓工程并将目录考到cpp下。详细步骤可参考给出的链接和文档。 ... [详细]
  • 【Windows】实现微信双开或多开的方法及步骤详解
    本文介绍了在Windows系统下实现微信双开或多开的方法,通过安装微信电脑版、复制微信程序启动路径、修改文本文件为bat文件等步骤,实现同时登录两个或多个微信的效果。相比于使用虚拟机的方法,本方法更简单易行,适用于任何电脑,并且不会消耗过多系统资源。详细步骤和原理解释请参考本文内容。 ... [详细]
  • Android Studio Bumblebee | 2021.1.1(大黄蜂版本使用介绍)
    本文介绍了Android Studio Bumblebee | 2021.1.1(大黄蜂版本)的使用方法和相关知识,包括Gradle的介绍、设备管理器的配置、无线调试、新版本问题等内容。同时还提供了更新版本的下载地址和启动页面截图。 ... [详细]
  • 本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤,包括在application.properties配置文件中添加thymeleaf的配置信息,引入thymeleaf的jar包,以及创建PageController并添加index方法。 ... [详细]
  • 知识图谱——机器大脑中的知识库
    本文介绍了知识图谱在机器大脑中的应用,以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例,说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案,如搜索关键词"Marie Curie",会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革,不仅美国的微软必应,中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ... [详细]
  • 本文讲述了作者通过点火测试男友的性格和承受能力,以考验婚姻问题。作者故意不安慰男友并再次点火,观察他的反应。这个行为是善意的玩人,旨在了解男友的性格和避免婚姻问题。 ... [详细]
  • 安卓select模态框样式改变_微软Office风格的多端(Web、安卓、iOS)组件库——Fabric UI...
    介绍FabricUI是微软开源的一套Office风格的多端组件库,共有三套针对性的组件,分别适用于web、android以及iOS,Fab ... [详细]
  • 本文详细介绍了Linux中进程控制块PCBtask_struct结构体的结构和作用,包括进程状态、进程号、待处理信号、进程地址空间、调度标志、锁深度、基本时间片、调度策略以及内存管理信息等方面的内容。阅读本文可以更加深入地了解Linux进程管理的原理和机制。 ... [详细]
  • 1,关于死锁的理解死锁,我们可以简单的理解为是两个线程同时使用同一资源,两个线程又得不到相应的资源而造成永无相互等待的情况。 2,模拟死锁背景介绍:我们创建一个朋友 ... [详细]
  • 后台获取视图对应的字符串
    1.帮助类后台获取视图对应的字符串publicclassViewHelper{将View输出为字符串(注:不会执行对应的ac ... [详细]
  • XML介绍与使用的概述及标签规则
    本文介绍了XML的基本概念和用途,包括XML的可扩展性和标签的自定义特性。同时还详细解释了XML标签的规则,包括标签的尖括号和合法标识符的组成,标签必须成对出现的原则以及特殊标签的使用方法。通过本文的阅读,读者可以对XML的基本知识有一个全面的了解。 ... [详细]
  • Google Play推出全新的应用内评价API,帮助开发者获取更多优质用户反馈。用户每天在Google Play上发表数百万条评论,这有助于开发者了解用户喜好和改进需求。开发者可以选择在适当的时间请求用户撰写评论,以获得全面而有用的反馈。全新应用内评价功能让用户无需返回应用详情页面即可发表评论,提升用户体验。 ... [详细]
author-avatar
手机用户2502895931
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有