当前位置：移动技术网 > IT编程>移动开发>Android > Android使用分类型RecyclerView仿各大商城首页

Android使用分类型RecyclerView仿各大商城首页

2019年07月24日 | 移动技术网IT编程 | 我要评论

中国福利彩票开奖公告,猛龙过江粤语版,如何扎头发简单好看

**正所谓，一入商城深似海~
商城类的app，确实是有许多东西值得学习，但是只要略微斟酌一下，你又会发现，它们之间存在着许多不谋而合的相似，也就是所谓的雷同~既然如此，让我们也来接下地气，先从一个简单的首页做起吧~**

实现的效果如下图：

1.大布局就是一个简单的recyclerview：

也可以通过添加多个header实现

4.这里我仅以四种类型为例

/** 
 * 4种类型 
 */ 
 /** 
 * 类型1：黑色星期五--使用banner实现 
 */ 
 public static final int black_5_banner0 = 0; 
 /** 
 *类型2：今日新品--使用gridview实现 
 */ 
 public static final int today_new_gv1 = 1; 
 /** 
 * 类型3：品牌福利--使用imageview实现 
 */ 
 public static final int pin_pai_iv2=2; 

 /** 
 * 类型4：搭配趋势--使用recyclerview实现 
 */ 
 public static final int dapeiqs_gv3 =3; 


 /** 
 * 当前类型 
 */ 
 public int currenttype = black_5_banner0;

写构造器并传入参数，完善getitemcount() 和 getitemtype()方法

/** 
  * 数据对象 
  */ 
 private final context mcontext; 
 private final list<womenbean.womendata.modulebean> modulebeanlist; 
 //以后用它来初始化布局 
 private final layoutinflater mlayoutinflater; 

 //构造器 
 public homerecycleviewadapter3(context mcontext, list<womenbean.womendata.modulebean> modulebeanlist) { 
  this.mcontext = mcontext; 
  this.modulebeanlist = modulebeanlist; 
  //以后用它来初始化布局 
  mlayoutinflater = layoutinflater.from(mcontext); 
 } 


 @override 
 public int getitemcount() { 
  //以后完成后改为4，现在只完成第一种类型暂时写1 
  return 1; 
 } 

 @override 
 public int getitemviewtype(int position) { 
  switch (position) { 
   case black_5_banner0: 
    currenttype = black_5_banner0; 
    break; 
   case today_new_gv1: 
    currenttype = today_new_gv1; 
    break; 
   case pin_pai_iv2: 
    currenttype = pin_pai_iv2; 
    break; 
   case dapeiqs_gv3: 
    currenttype = dapeiqs_gv3; 
    break; 
  } 
  return currenttype; 
 }

5.下面就来一一实现这四种类型

5.1设置第1种类型–黑色星期五（使用的是banner）的适配器

@override 
 public int getitemcount() { 
  //以后完成后改为4，现在只完成第一种类型暂时写1 
  return 1; 
 } 

 @override 
 public recyclerview.viewholder oncreateviewholder(viewgroup parent, int viewtype) { 
  if (viewtype == black_5_banner0) { 
   return new bbnviewholder(mcontext, mlayoutinflater.inflate(r.layout.banner_viewpager, null)); 
  } 
  return null; 
 } 

 @override 
 public void onbindviewholder(recyclerview.viewholder holder, int position) { 
  if (getitemviewtype(position) == black_5_banner0) { 
   bbnviewholder bbnviewholder = (bbnviewholder) holder; 
   list<womenbean.womendata.modulebean.databean> module0data = modulebeanlist.get(0).getdata(); 
   bbnviewholder.setdata(module0data); 
  } 
 } 

 public class bbnviewholder extends recyclerview.viewholder { 
  private final context mcontext; 
  private banner banner; 

  public bbnviewholder(context mcontext, view itemview) { 
   super(itemview); 
   this.mcontext = mcontext; 
   banner = (banner) itemview.findviewbyid(r.id.banner); 
  } 

  public void setdata(list<womenbean.womendata.modulebean.databean> module0data) { 
   //得到图片地址的集合 
   list<string> imageurls = new arraylist<>(); 
   for (int i = 0; i < module0data.size(); i++) { 
    string image = module0data.get(i).getimg(); 
    imageurls.add(image); 
   } 
   //新版的banner的使用----偷下懒的使用方法 
   banner.setimages(imageurls).setimageloader(new glideimageloader()).start(); 
  } 
 } 

 public class glideimageloader extends imageloader { 
  @override 
  public void displayimage(context context, object path, imageview imageview) { 

   imageview.setscaletype(imageview.scaletype.fit_xy); 

   //glide 加载图片简单用法 
   glide.with(context).load(path).into(imageview); 
  } 
 }

5.2设置第2种类型–今日新品–（使用gridview实现）的适配器

public class todaygvadapter extends baseadapter { 

 private final context mcontext; 
 private final list<womenbean.womendata.modulebean.databean> module1data; 

 public todaygvadapter(context mcontext, list<womenbean.womendata.modulebean.databean> module1data) { 
  this.mcontext = mcontext; 
  this.module1data = module1data; 
 } 

 @override 
 public int getcount() { 
  return module1data == null ? 0 : module1data.size(); 
 } 

 @override 
 public object getitem(int i) { 
  return null; 
 } 

 @override 
 public long getitemid(int i) { 
  return 0; 
 } 

 @override 
 public view getview(int position, view convertview, viewgroup viewgroup) { 
  viewholder holder; 
  if (convertview == null) { 
   //item的布局：垂直线性，imagview+textview 
   convertview = view.inflate(mcontext, r.layout.item_channel, null); 
   holder = new viewholder(); 
   holder.iv_channel = (imageview) convertview.findviewbyid(r.id.iv_channel); 
   holder.tv_channel = (textview) convertview.findviewbyid(r.id.tv_channel); 
   convertview.settag(holder); 
  } else { 
   holder = (viewholder) convertview.gettag(); 
  } 

  //装配数据 
  womenbean.womendata.modulebean.databean datasig = module1data.get(position); 

  //使用glide加载图片 
  glide.with(mcontext).load(datasig.getimg()).into(holder.iv_channel); 
  //设置文本 
  holder.tv_channel.settext(datasig.gettitle()); 

  return convertview; 
 } 

 public static class viewholder { 
  public imageview iv_channel; 
  public textview tv_channel; 
 } 
}

5.3 第3种类型–品牌福利–（直接使用imagview）

@override 
 public int getitemcount() { 
  //以后完成后改为4，现在只完成第3种类型暂时写3 
  return 3; 
 } 

 @override 
 public recyclerview.viewholder oncreateviewholder(viewgroup parent, int viewtype) { 
  if (viewtype == black_5_banner0) { 
   return new bbnviewholder(mcontext, mlayoutinflater.inflate(r.layout.banner_viewpager, null)); 
  } else if (viewtype == today_new_gv1) { 
   return new todayviewholder(mcontext, mlayoutinflater.inflate(r.layout.gv_channel, null)); 
  } else if (viewtype == pin_pai_iv2) { 
   return new pinpaiviewholder(mcontext, mlayoutinflater.inflate(r.layout.iv_pinpai, null)); 
  } 
  return null; 
 } 

 @override 
 public void onbindviewholder(recyclerview.viewholder holder, int position) { 
  if (getitemviewtype(position) == black_5_banner0) { 
   bbnviewholder bbnviewholder = (bbnviewholder) holder; 
   list<womenbean.womendata.modulebean.databean> module0data = modulebeanlist.get(0).getdata(); 
   bbnviewholder.setdata(module0data); 
  } else if (getitemviewtype(position) == today_new_gv1) { 
   todayviewholder todayviewholder = (todayviewholder) holder; 
   list<womenbean.womendata.modulebean.databean> module1data = modulebeanlist.get(1).getdata(); 
   todayviewholder.setdata(module1data); 
  } else if (getitemviewtype(position) == pin_pai_iv2) { 
   pinpaiviewholder pinpaiviewholder = (pinpaiviewholder) holder; 
   list<womenbean.womendata.modulebean.databean> pinpai2data = modulebeanlist.get(2).getdata(); 
   pinpaiviewholder.setdata(pinpai2data); 
  } 
 } 

 class pinpaiviewholder extends recyclerview.viewholder { 
  private final context mcontext; 
  @bind(r.id.iv_new_chok) 
  imageview ivnewchok; 

  pinpaiviewholder(context mcontext, view itemview) { 
   super(itemview); 
   this.mcontext = mcontext; 
   butterknife.bind(this, itemview); 
   ivnewchok = (imageview) itemview.findviewbyid(r.id.iv_new_chok); 
  } 

  public void setdata(list<womenbean.womendata.modulebean.databean> pinpai2data) { 
   //使用glide加载图片 
   glide.with(mcontext) 
     .load(pinpai2data.get(0).getimg()) 
     .diskcachestrategy(diskcachestrategy.all) 
     .crossfade() //设置淡入淡出效果，默认300ms，可以传参 
     .into(ivnewchok); 
  } 
 }

5.4设置第4种类型–搭配趋势–（使用recyclerview实现）的适配器

@override 
 public int getitemcount() { 
  //四种类型都已经完成，返回4 
  return 4; 
 } 

 @override 
 public recyclerview.viewholder oncreateviewholder(viewgroup parent, int viewtype) { 
  if (viewtype == black_5_banner0) { 
   return new bbnviewholder(mcontext, mlayoutinflater.inflate(r.layout.banner_viewpager, null)); 
  } else if (viewtype == today_new_gv1) { 
   return new todayviewholder(mcontext, mlayoutinflater.inflate(r.layout.gv_channel, null)); 
  } else if (viewtype == pin_pai_iv2) { 
   return new pinpaiviewholder(mcontext, mlayoutinflater.inflate(r.layout.iv_pinpai, null)); 
  } else if (viewtype == dapeiqs_gv3) { 
   //布局：垂直线性，textview+recyclerview 
   return new dapeiviewholder(mcontext, mlayoutinflater.inflate(r.layout.dapeiqs_rv, null)); 
  } 
  return null; 
 } 

 @override 
 public void onbindviewholder(recyclerview.viewholder holder, int position) { 
  if (getitemviewtype(position) == black_5_banner0) { 
   bbnviewholder bbnviewholder = (bbnviewholder) holder; 
   list<womenbean.womendata.modulebean.databean> module0data = modulebeanlist.get(0).getdata(); 
   bbnviewholder.setdata(module0data); 
  } else if (getitemviewtype(position) == today_new_gv1) { 
   todayviewholder todayviewholder = (todayviewholder) holder; 
   list<womenbean.womendata.modulebean.databean> module1data = modulebeanlist.get(1).getdata(); 
   todayviewholder.setdata(module1data); 
  } else if (getitemviewtype(position) == pin_pai_iv2) { 
   pinpaiviewholder pinpaiviewholder = (pinpaiviewholder) holder; 
   list<womenbean.womendata.modulebean.databean> pinpai2data = modulebeanlist.get(2).getdata(); 
   pinpaiviewholder.setdata(pinpai2data); 
  } else if (getitemviewtype(position) == dapeiqs_gv3) { 
   dapeiviewholder dapeiviewholder = (dapeiviewholder) holder; 
   list<womenbean.womendata.modulebean.databean> dapeiqs6data = modulebeanlist.get(6).getdata(); 
   dapeiviewholder.setdata(dapeiqs6data); 
  } 
 } 

 class dapeiviewholder extends recyclerview.viewholder { 
  private final context mcontext; 
  private recyclerview dapeiqs_rv; 

  public dapeiviewholder(context mcontext, view itemview) { 
   super(itemview); 
   this.mcontext = mcontext; 
   dapeiqs_rv = (recyclerview) itemview.findviewbyid(r.id.dapeiqs_rv); 
  } 

  public void setdata(list<womenbean.womendata.modulebean.databean> dapeiqs6data) { 
   //1.已有数据 
   //2.设置适配器 
   dapeiqsrecycleviewadapter adapter = new dapeiqsrecycleviewadapter(mcontext, dapeiqs6data); 
   dapeiqs_rv.setadapter(adapter); 

   //recycleview不仅要设置适配器还要设置布局管理者,否则图片不显示 
   linearlayoutmanager manager = new linearlayoutmanager(mcontext, linearlayoutmanager.horizontal, false); 
   dapeiqs_rv.setlayoutmanager(manager); 
  } 
 }

public class dapeiqsrecycleviewadapter extends recyclerview.adapter { 
 private final context mcontext; 
 private final list<womenbean.womendata.modulebean.databean> dapeiqs6data; 

 public dapeiqsrecycleviewadapter(context mcontext, list<womenbean.womendata.modulebean.databean> dapeiqs6data) { 
  this.mcontext = mcontext; 
  this.dapeiqs6data = dapeiqs6data; 
 } 

 @override 
 public recyclerview.viewholder oncreateviewholder(viewgroup parent, int viewtype) { 
  return new myviewholder(layoutinflater.from(mcontext).inflate(r.layout.item_dapeiqs, null)); 
 } 

 @override 
 public void onbindviewholder(recyclerview.viewholder holder, int position) { 
  myviewholder myviewholder = (myviewholder) holder; 
  myviewholder.setdata(position); 
 } 

 @override 
 public int getitemcount() { 
  return dapeiqs6data.size(); 
 } 

 class myviewholder extends recyclerview.viewholder { 
  private imageview iv_figure; 


  public myviewholder(view itemview) { 
   super(itemview); 
   iv_figure = (imageview) itemview.findviewbyid(r.id.iv_figure); 
  } 

  public void setdata(int position) { 
   womenbean.womendata.modulebean.databean dapeibean = dapeiqs6data.get(position); 
   //使用glide加载图片 
   glide.with(mcontext) 
     .load(dapeibean.getimg()) 
     .into(iv_figure); 
  } 
 } 
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！点击进行留言回复

android的布局（如何实现空心圆效果的布局）

layer-list : 简单来说layer-list就是图层列表的意思,是用来创建LayerDrawable的,LayerDrawable是Drawa... [阅读全文]
Android 极光推送别名与标签方式

android 极光推送别名、标签、registrationid说明别名（alias）为安装了应用程序的用户，取个别名来标识。以后给该用户 push 消息时，... [阅读全文]
Dialog全屏,去掉状态栏的方式

dialog即使设置全屏了，但还是有状态栏占用高度这；直接将下面这行代码放到你的dialog中即可 @override protected void onsta... [阅读全文]
Android Manifest中meta-data扩展元素数据的配置与获取方式

在androidmanifest.xml清单文件中我们有时会看到如下类似的<meta-data ... >元素开始的配置内容：<meta-d... [阅读全文]
Android实现获取meta-data和build.gradle的值

有时候会用到meta-data中的参数，比如定义的渠道号，类似友盟统计。也会用到定义在build.gradle文件中android标签下的defaultconf... [阅读全文]
Android获取清单文件中的meta-data,解决碰到数值为null的问题

1.meta-data是什么？如何获取meta-data？在androidmanifest.xml中，元素可以作为子元素，被包在activity、applica... [阅读全文]
解决webview 第二次调用loadUrl页面不刷新的问题

一个需求，当点击button按钮时，希望加载另一个url。以下方法可以成功！@overridepublic void onclick(view view) { ... [阅读全文]
浅谈 Android 7.0 多窗口分屏模式的实现

从 android 7.0 开始，google 推出了一个名为“多窗口模式”的新功能，也就是我们常说的“分屏模式”。那么，这个功能有什么用呢？作为开发者，我们又... [阅读全文]
解决Android WebView拦截url,视频播放加载失败的问题

需求：android调用webview加载网页的时候，拦截某一个链接不执行此链接，执行指定跳转到其他activity页面。webview的setwebviewc... [阅读全文]
Android webview加载https链接错误或无响应的解决

最近做无线wifi的时候，在最后认证成功的时候会弹出一个广告页，于是用webview去加载了一下，结果没反应，打印url出来看了一下，发现是https格式的，在... [阅读全文]

网友评论


验证码：

Android使用分类型RecyclerView仿各大商城首页

2019年07月24日 | 移动技术网IT编程 | 我要评论

您可能感兴趣的文章:

相关文章:

网友评论