RecyclerView实现横向滚动
我相信很久以前,大家在谈横向图片轮播是时候,优先会选择具有HorizontalScrollView效果和ViewPager来做,不过自从Google大会之后,系统为我们提供了另一个控件RecyclerView。RecyclerView是listview之后的又一利器,它可以实现高度的定制。今天就利用RecyclerView实现我们需要的相册效果。 先上一个图: 主要实现就是一个RecyclerView+RecyclerView.Adapter实现。 Activity的布局文件: [html] view plain copy print ? <android.support.v7.widget.RecyclerView android:id="@+id/recycler_view" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_centerVertical="true" android:scrollbars="none"/> 我这里是自定义的控件,主要代码: [html] view plain copy print ? publicclassSimpleLinearLayoutextendsLinearLayout{ protectedContextmContext; protectedViewcontentView; protectedAtomicBooleanisPreparingData; publicSimpleLinearLayout(Contextcontext){ super(context); this.mContext=context; isPreparingData=newAtomicBoolean(false); initViews(); } publicSimpleLinearLayout(Contextcontext,AttributeSetattrs){ super(context,attrs); this.mContext=context; isPreparingData=newAtomicBoolean(false); initViews(); } protectedvoidinitViews(){ } } 主页面代码: [html] view plain copy print ? publicclassSpeedHourViewextendsSimpleLinearLayout{ @BindView(R.id.recycler_view) RecyclerViewrecyclerView; privateSpeedHourAdapterspeedHourAdapter=null; privateSpeedHourEntityentity=null; publicSpeedHourView(Contextcontext){ this(context,null); } publicSpeedHourView(Contextcontext,AttributeSetattrs){ super(context,attrs); } @Override protectedvoidinitViews(){ contentView=inflate(mContext,R.layout.layout_speed_per_hour,this); ButterKnife.bind(this); init(); } privatevoidinit(){ initData(); initView(); initAdapter(); } privatevoidinitData(){ Stringdata=FileUtils.readAssert(mContext,"speenhour.txt"); entity=JsonUtils.parseJson(data,SpeedHourEntity.class); } privatevoidinitView(){ LinearLayoutManagerlinearLayoutManager=newLinearLayoutManager(mContext); linearLayoutManager.setOrientation(LinearLayoutManager.HORIZONTAL); recyclerView.setLayoutManager(linearLayoutManager); } privatevoidinitAdapter(){ speedHourAdapter=newSpeedHourAdapter(mContext); recyclerView.setAdapter(speedHourAdapter); if(entity!=null&&entity.topic!=null&&entity.topic.items!=null&&entity.topic.items.size()>0){ List<SpeedHourEntity.TopicBean.ItemsBean.ListBean>listBeen=entity.topic.items.get(0).list; if(listBeen!=null&&listBeen.size()>0) speedHourAdapter.setList(listBeen); } speedHourAdapter.setOnItemClickListener(newSpeedHourAdapter.OnItemClickListener(){ @Override publicvoidonItemClick(Viewview,intposition){ ProductDetailsActivity.open(mContext); } }); } @OnClick(R.id.more_view) publicvoidmoreClick(){ ToastUtils.showToast("更多时速达"); } } adapter布局: [html] view plain copy print ? <?xmlversion="1.0"encoding="utf-8"?> <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android" xmlns:ptr="http://schemas.android.com/apk/res-auto" android:id="@+id/speed_view" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" android:padding="10dp" android:gravity="center"> <ImageView android:id="@+id/speed_image" android:layout_width="85dp" android:layout_height="85dp" android:scaleType="fitXY" /> <TextView android:id="@+id/speed_name" style="@style/style_c6_s14" android:layout_marginTop="5dp" android:text="蜂蜜柚子茶" android:maxLines="1"/> <TextView android:id="@+id/speed_price" style="@style/style_c8_s14" android:layout_marginTop="5dp" android:text="¥30.0" android:maxLength="6" android:maxLines="1"/> </LinearLayout> adapter代码: [html] view plain copy print ? publicclassSpeedHourAdapterextendsRecyclerView.Adapter<SpeedHourHolder>{ privateList<ListBean>specailList; privateLayoutInflatermInflater; privateContextmContext=null; publicSpeedHourAdapter(Contextcontext){ this.mContext=context; mInflater=LayoutInflater.from(context); } publicvoidsetList(List<ListBean>list){ this.specailList=list; notifyDataSetChanged(); } publicOnItemClickListenermOnItemClickListener; publicinterfaceOnItemClickListener{ voidonItemClick(Viewview,intposition); } publicvoidsetOnItemClickListener(OnItemClickListenermOnItemClickLitener){ this.mOnItemClickListener=mOnItemClickLitener; } @Override publicSpeedHourHolderonCreateViewHolder(ViewGroupparent,intviewType){ Viewview=mInflater.inflate(R.layout.item_speedhour_layout,parent,false); SpeedHourHolderholder=newSpeedHourHolder(view); returnholder; } @Override publicvoidonBindViewHolder(finalSpeedHourHolderholder,finalintposition){ ListBeanbean=specailList.get(position); if(bean!=null){ holder.speedImage.setScaleType(ImageView.ScaleType.FIT_XY); Glide.with(mContext).load(bean.pic).error(R.drawable.welfare_default_icon).into(holder.speedImage); holder.speedName.setText("同仁堂枸杞茶"); holder.speedPrice.setText("¥"+Math.random()*100); } holder.speedView.setOnClickListener(newView.OnClickListener(){ @Override publicvoidonClick(Viewview){ if(mOnItemClickListener!=null){ mOnItemClickListener.onItemClick(holder.speedView,position); } } }); } @Override publicintgetItemCount(){ returnspecailList.size(); } } classSpeedHourHolderextendsRecyclerView.ViewHolder{ @BindView(R.id.speed_view) LinearLayoutspeedView; @BindView(R.id.speed_image) ImageViewspeedImage; @BindView(R.id.speed_name) TextViewspeedName; @BindView(R.id.speed_price) TextViewspeedPrice; publicSpeedHourHolder(ViewitemView){ super(itemView); ButterKnife.bind(this,itemView); itemView.setTag(this); } } 代码中用到的实体类: [html] view plain copy print ? publicclassSpeedHourEntity{ publicTopicBeantopic; publicstaticclassTopicBean{ publiclongnextupdatetime; publicList<ItemsBean>items; publicstaticclassItemsBean{ publicintid; publicStringtheme; publicintproducts; publicintusers; publicStringhref; publicbooleanfollow; publicinttopictype; publicList<ListBean>list; publicstaticclassListBean{ publicStringid; publicintprice; publicStringpic; } } } } 用到的 Json工具类也给大家 [html] view plain copy print ? publicclassJsonUtils{ privatestaticGsongson=newGson(); publicstatic<T>TparseJson(Stringresponse,Class<T>clazz){ try{ returngson.fromJson(response,clazz); }catch(Exceptione){ e.printStackTrace(); returnnull; } } publicstatic<T>TparseJson(Stringresponse,Typetype){ try{ returngson.fromJson(response,type); }catch(Exceptione){ e.printStackTrace(); returnnull; } } publicstaticStringtoJson(Objectobject){ try{ returngson.toJson(object); }catch(Exceptione){ e.printStackTrace(); returnnull; } } publicstatic<T>List<T>jsonToList(finalStringjsonString,finalTypetype){ try{ returngson.fromJson(jsonString,type); }catch(Exceptione){ returnnull; } } publicstatic<T>List<T>jsonToList(finalJsonArrayjsonArray,finalClass<T>classOfT){ List<T>list=newArrayList<T>(); for(inti=0,size=jsonArray.size();i<size;i++){ list.add(gson.fromJson(jsonArray.get(i),classOfT)); } returnlist; } publicstatic<T>TparseJson(finalJsonObjectjsonObject,finalClass<T>classOfT){ try{ returngson.fromJson(jsonObject,classOfT); }catch(Exceptione){ returnnull; } } publicstaticMaptoMap(ObjectjsonString){ if(TextUtils.isEmpty(jsonString.toString())){ returnnewHashMap(); } Stringjs=jsonString.toString(); Gsongson=newGson(); Typetype=newTypeToken<Map>(){ }.getType(); Mapmap=gson.fromJson(js,type); returnmap; } } 为了方便测试,给大家提供一段数据,大家放在assert就好了,然后读到实体类就好了: [html] view plain copy print ? { topic:{ nextupdatetime:1472699607850, items:[ { id:1000010, theme:"追韩剧不能少“美眸”心机", products:793, users:325, href:"", list:[ { id:"50119e86-8d67-4919-a41f-be8202b62b7e", price:288, pic:"http://pc1.img.ymatou.com/G02/shangou/M08/D4/59/CgvUBVeW2oOAJZOgAAChvNt-3Yc332_n_w_l.jpg" }, { id:"936f2615-10bb-4831-8674-9bea0b43b486", price:79, pic:"http://pc1.img.ymatou.com/G02/shangou/M01/79/BE/CgvUA1eMo0iAL9yhAAOEN7artTM830_n_w_l.jpg" }, { id:"24f2be35-ba6e-4bb7-b60d-47d9c2a5bb7d", price:35, pic:"http://pc1.img.ymatou.com/G02/shangou/M0B/BA/86/CgvUBFdXdlKAJs8WAAhZYEeKhCI758_w_ls.jpg" }, { id:"6e43adf2-18b0-40aa-a95d-84ad3cf352f7", price:29, pic:"http://pc2.img.ymatou.com/G02/upload/product/original/M07/13/22/CgvUA1eADhCAHWyQAAHAnGAUtm4799_n_w_l.jpg" }, { id:"c082d977-e06f-4f24-bf3e-7768b839170c", price:758, pic:"http://pc2.img.ymatou.com/G02/shangou/M07/B5/D4/CgvUA1dW4XWALArJAACZadCCJ5Q293_w_ls.jpg" }, { id:"7737d9eb-ae85-4911-8f80-939c4d805b0a", price:29, pic:"http://pc1.img.ymatou.com/G02/shangou/M0B/56/B2/CgvUBFeoq9iAXyveAAPoUP0-kYA656_n_w_l.jpg" }, { id:"bcc4517e-20d5-48da-ae46-708d2e8d03af", price:288, pic:"http://pc1.img.ymatou.com/G02/shangou/M07/CC/8F/CgvUA1d6N7yASvgPAAMymJaT5yQ96_n_w_l.jpeg" }, { id:"c717e1bd-7a3b-4f92-9317-84b4147ede71", price:78, pic:"http://pc1.img.ymatou.com/G02/upload/product/original/M07/8B/12/CgvUBFeOSB2AD_7dAAGNl3gl_gU541_n_w_l.jpg" }, { id:"139594cb-833c-4ade-b547-3a9a056b193e", price:69, pic:"http://pc1.img.ymatou.com/G02/shangou/M0B/9D/5D/CgvUA1dWSM6AYn7hAAWcHrWn_90648_w_ls.png" }, { id:"4414e81f-fc3b-427c-b1ee-37b03883e0dc", price:88, pic:"http://pc1.img.ymatou.com/G02/shangou/M09/02/76/CgvUBFeHQLSALvfLAAHccf91md4006_n_w_l.jpg" } ], follow:false, topictype:106 }, { id:1001185, theme:"TommyHilfiger男女服饰精选", products:553, users:111, href:"", list:[ { id:"bd128bbf-243b-4c2e-a1d4-ea698b06142e", price:99, pic:"http://pc1.img.ymatou.com/G02/shangou/M08/16/8A/CgvUBFfGh_SADrC8AALybC7Xmv8091_n_w_l.jpg" }, { id:"ea044aaf-32da-4c6e-b867-755fa780036d", price:229, pic:"http://pc1.img.ymatou.com/G02/shangou/M08/13/4F/CgvUBFfGA0-AFbQsAALknGVeqU8444_n_w_l.jpg" }, { id:"5b5730a9-3343-4ef6-b78b-8b585c0b78f2", price:168, pic:"http://pc1.img.ymatou.com/G02/shangou/M07/38/1D/CgvUBFekEIOAc8EdAAEHlzPTZWw039_n_w_l.jpg" }, { id:"e956417a-e476-486b-be19-8fd64c6fe551", price:199, pic:"http://pc1.img.ymatou.com/G02/shangou/M09/D9/DC/CgvUA1d7vRqAGFxnAADXh3zHBn4743_n_w_l.jpg" }, { id:"1d3e6f9b-d5f5-436c-a0d4-2e04a9e08c0d", price:299, pic:"http://pc1.img.ymatou.com/G02/shangou/M07/D9/C2/CgvUBVe8dPCAMcc8AAJ6-rOnfWA070_n_w_l.jpg" }, { id:"d44ca918-3e73-4b24-a81b-f88813be057e", price:258, pic:"http://pc1.img.ymatou.com/G02/shangou/M01/C1/EF/CgvUBVe4txiAIkmjAAMYwUZonWk554_n_w_l.jpg" }, { id:"9f9b285a-bd18-409e-a66a-d05c717898d0", price:179, pic:"http://pc1.img.ymatou.com/G02/shangou/M03/45/84/CgvUBFeIhXGANzZpAADWX4O6_Xc860_n_w_l.jpg" }, { id:"c13e8714-e1a8-48a7-b47b-7c165aa63c34", price:178, pic:"http://pc1.img.ymatou.com/G02/shangou/M0A/9E/4B/CgvUA1ezz_yALQtFAAHeUOJ-DcY945_n_w_l.jpg" }, { id:"29aa1c5a-5f6e-4a80-9305-84e83cf652fc", price:299, pic:"http://pc1.img.ymatou.com/G02/shangou/M0B/EB/44/CgvUBFeZslCADHsjAAPW3Sy2qj8675_n_w_l.jpg" }, { id:"d8120a37-aa93-4e4f-934a-4245c4f42c71", price:388, pic:"http://pc1.img.ymatou.com/G02/shangou/M02/50/3A/CgvUBVen9AKAOZLHAAFhQsWjV14609_n_w_l.jpg" } ], follow:false, topictype:106 }, { id:1002054, theme:"每个都市白领都有一只时尚腕表", products:310, users:68, href:"", list:[ { id:"386ebe00-cdd0-4324-92f7-6a25179fe557", price:1999, pic:"http://pc1.img.ymatou.com/G02/shangou/M05/7E/4D/CgvUBVeNHI6APdp3AAFZgOkl-XU821_n_w_l.jpg" }, { id:"4d93b2e6-7bf6-4878-830f-6ed22c380731", price:1550, pic:"http://pc1.img.ymatou.com/G02/shangou/M04/6B/D1/CgvUBVer7BSAE7tTAAGD0sdyEp4918_n_w_l.jpg" }, { id:"e6b2eaef-e8ea-4ca1-b9cb-fba630e79572", price:398, pic:"http://pc1.img.ymatou.com/G02/upload/product/original/M00/EC/53/CgvUBFd-GgWAZ0hWAAHuCzGVzlE002_n_w_l.jpg" }, { id:"0bf2584d-52eb-403e-b668-fc59eddf7b35", price:899, pic:"http://pc1.img.ymatou.com/G02/shangou/M0A/50/9C/CgvUBFeoBtaAVRJaAAPRD_cW1jI986_n_w_l.jpg" }, { id:"756ca0ed-b128-4b72-a308-f5cde1a31fbb", price:1788, pic:"http://pc2.img.ymatou.com/G02/upload/product/original/M04/13/FE/CgvUBFeAGCiAeyEgAAOoCajEei0337_n_w_l.jpg" }, { id:"c5c95dd3-0585-4ccd-b34b-b2a1b0c98915", price:1460, pic:"http://pc1.img.ymatou.com/G02/shangou/M04/ED/CF/CgvUA1eZ0Y2AQV2gAAJMchT1mjY462_n_w_l.jpg" }, { id:"c5a664db-aa70-47d1-b0e6-15ad1faafcbe", price:1299, pic:"http://pc1.img.ymatou.com/G02/shangou/M08/15/40/CgvUA1egLnyAZo-IAAIVAvK1Hxw422_n_w_l.jpg" }, { id:"a3449aef-fdec-4344-9bca-f98b27a8a3de", price:2380, pic:"http://pc1.img.ymatou.com/G02/shangou/M01/FB/EB/CgvUBVfBjXOAZiOhAAJILon5PNE706_n_w_l.jpg" }, { id:"cb473f7e-3a40-4eb5-8778-043308c80ad4", price:299, pic:"http://pc1.img.ymatou.com/G02/shangou/M03/99/BF/CgvUBVePNzOAR5inAAFt690zWtA662_n_w_l.jpg" }, { id:"2ad9f10e-ee94-49a7-95e8-b37104b86dc4", price:699, pic:"http://pc1.img.ymatou.com/G02/shangou/M07/06/F6/CgvUA1eHRaGAL-WUAACUnFlglbU914_n_w_l.jpg" } ], follow:false, topictype:106 }, { id:1000691, theme:"工薪族必备一只FURLA手袋", products:369, users:81, href:"", list:[ { id:"326d57e0-e202-45c9-a418-1f7c5c6cee37", price:1599, pic:"http://pc1.img.ymatou.com/G02/shangou/M07/99/9B/CgvUBFezGJmAf-gQAAH98NQDroc227_n_w_l.jpg" }, { id:"8c0aa3ec-0fba-4ee8-8952-74ebca2dd260", price:799, pic:"http://pc1.img.ymatou.com/G02/shangou/M04/7C/AD/CgvUBVeM506AGvgHAAEYWxTXLXc839_n_w_l.jpg" }, { id:"3e04f95c-4b0f-4b9f-ae44-0391ab2f1616", price:1880, pic:"http://pc1.img.ymatou.com/G02/shangou/M05/A5/E7/CgvUA1eQVrKAXqQVAALdAABuInM554_n_w_l.jpg" }, { id:"05059f48-a6bb-48c1-88df-7ecabe65bd4a", price:799, pic:"http://pc1.img.ymatou.com/G02/shangou/M02/7C/8A/CgvUBVeM5E2ABWGgAAJ_9inEqjQ669_n_w_l.jpg" }, { id:"0962bf25-c417-409d-b39b-daf84c9a4e9d", price:988, pic:"http://pc1.img.ymatou.com/G02/shangou/M04/C3/0F/CgvUA1e4-vmAZpGRAAH_XdWHcGE171_n_w_l.jpg" }, { id:"5c960ae1-27e3-4c94-8233-7456dc9e82b6", price:850, pic:"http://pc1.img.ymatou.com/G02/shangou/M08/AF/1A/CgvUA1e1xIGASjQqAAIsrHq1TpY720_n_w_l.jpg" }, { id:"52184a55-e7e5-4e43-9a11-7b9fcc737136", price:1590, pic:"http://pc1.img.ymatou.com/G02/shangou/M0A/79/E6/CgvUBFety5GASYSLAAJeGTYNSgQ032_n_w_l.jpg" }, { id:"f11bbaf9-64eb-44ce-9bd3-07e8c8c6d1b3", price:2099, pic:"http://pc1.img.ymatou.com/G02/shangou/M03/36/F6/CgvUBVej7UuABhdEAAGb2YixMaY568_n_w_l.jpg" }, { id:"6dbd4793-2b34-43b5-8b81-7432d301bc34", price:2088, pic:"http://pc1.img.ymatou.com/G02/shangou/M0A/6C/81/CgvUA1er7guALEOhAAFI7ymRkME838_n_w_l.jpg" }, { id:"1d6f1747-a292-4821-98a0-becc67381f98", price:1450, pic:"http://pc1.img.ymatou.com/G02/shangou/M09/0D/1C/CgvUBVfE91SASW_GAAHV3WPdWSU789_n_w_l.jpg" } ], follow:false, topictype:106 }, { id:1000335, theme:"你不穿,怎么知道尖头鞋有多美", products:262, users:61, href:"", list:[ { id:"5dc85724-e39b-4d29-bb33-bea45910d64e", price:795, pic:"http://pc1.img.ymatou.com/G02/shangou/M02/0C/2B/CgvUA1fEoT2AX5jGAAOIddgXk2s232_n_w_l.jpg" }, { id:"b47bcbea-e115-41be-94d7-a81d012997d9", price:699, pic:"http://pc1.img.ymatou.com/G02/shangou/M01/A7/91/CgvUA1dWePGAbtnBAACpSJlaJJI503_w_ls.jpg" }, { id:"1b27c7c2-e996-4039-b403-505425c7c661", price:799, pic:"http://pc1.img.ymatou.com/G02/shangou/M07/F4/B2/CgvUBVfASQmAfqPkAAJ5Y5NW4DU258_n_w_l.jpg" }, { id:"86c2f638-f8cb-4e41-9165-b186b90de522", price:799, pic:"http://pc1.img.ymatou.com/G02/shangou/M07/41/2D/CgvUBFeIW0SAGrUQAAdZ8pOEVPU386_n_w_l.JPG" }, { id:"93251a4a-9265-47e8-a108-b790250ca5eb", price:599, pic:"http://pc1.img.ymatou.com/G02/shangou/M0A/4D/53/CgvUBVeGEjSAHP8rAADp5SupP3A653_n_w_l.jpg" }, { id:"522bcfb0-540e-4765-b391-6928e0a63afd", price:259, pic:"http://pc1.img.ymatou.com/G02/shangou/M09/B9/2B/CgvUBFeS2B-AXOelAAKE2I31Jxk211_n_w_l.jpg" }, { id:"565a3590-f8e2-467a-b5ec-a7e648e3da05", price:399, pic:"http://pc1.img.ymatou.com/G02/shangou/M02/C9/C9/CgvUBFe6W8eAaV7fAADdh7847PY900_n_w_l.jpg" }, { id:"f0f11042-9d05-4b69-82c2-a8c614025b7c", price:699, pic:"http://pc1.img.ymatou.com/G02/shangou/M0B/CA/32/CgvUBVe6Wi-AFdLaAAIhgT3Z4Zw873_n_w_l.jpg" }, { id:"2099167d-39bf-4949-b5ae-fd156d49a38f", price:299, pic:"http://pc1.img.ymatou.com/G02/shangou/M0A/E5/4F/CgvUBVe-TXmABZ7JAAFIlZ70s98657_n_w_l.jpg" }, { id:"5314a6cc-1ade-4fac-80ba-c32e2d43d839", price:599, pic:"http://pc1.img.ymatou.com/G02/shangou/M01/F2/D6/CgvUA1eaj5aAH0JHAADbLN5GWzI823_n_w_l.jpg" } ], follow:false, topictype:106 }, { id:1000981, theme:"职场男的钱包就应该这么选", products:708, users:210, href:"", list:[ { id:"0b5d3386-bb9f-46d3-bd4a-826f926c9073", price:499, pic:"http://pc1.img.ymatou.com/G02/shangou/M01/0D/00/CgvUA1ee6ZyAPdqtAAKbDUt68dw320_n_w_l.jpg" }, { id:"d558cf02-35a6-45a9-a84d-90930f85b204", price:480, pic:"http://pc1.img.ymatou.com/G02/shangou/M07/5D/1F/CgvUBFepp3qAEzN8AANrv-wGJEE984_n_w_l.jpg" }, { id:"b9074e54-190e-491d-8e73-21a94884d252", price:499, pic:"http://pc1.img.ymatou.com/G02/shangou/M03/61/5D/CgvUBVeqe6yASqhuAAP6jd0k0E4643_n_w_l.jpg" }, { id:"96c9711e-5655-4de2-994e-4a6baa61df8b", price:1380, pic:"http://pc1.img.ymatou.com/G02/shangou/M05/9A/03/CgvUBVezF6CAIHYxAAKT5rHhHSw992_n_w_l.jpg" }, { id:"62de6949-d5e0-4d60-a6f0-34901ba6a7ce", price:1300, pic:"http://pc1.img.ymatou.com/G02/shangou/M03/6A/90/CgvUBVerwt6AS6jJAAUc50dRQYw030_n_w_l.jpg" }, { id:"1cbc7f2e-af91-4c29-9ba8-5609ce3263a5", price:189, pic:"http://pc1.img.ymatou.com/G02/shangou/M0A/A9/ED/CgvUBVe1WyaARpI7AAIrPYzQMWk137_n_w_l.jpg" }, { id:"b7531635-edd8-4c83-93e6-196e73fcd7b5", price:299, pic:"http://pc1.img.ymatou.com/G02/shangou/M06/C2/C4/CgvUBVe4_uSAFbPRAALWCg7g2k4590_n_w_l.jpg" }, { id:"731575af-0031-4211-8d3a-75ef19a04d51", price:800, pic:"http://pc1.img.ymatou.com/G02/shangou/M01/B9/F4/CgvUA1e3ZHmAF3_xAAJinKN4FpE421_n_w_l.jpg" }, { id:"506225eb-5135-4a8d-8f9a-dedc4d69af57", price:488, pic:"http://pc1.img.ymatou.com/G02/shangou/M07/D3/33/CgvUA1eWl-iANn4pAARnRxR7FKE211_n_w_l.jpg" }, { id:"ae673d4e-59c6-4ae3-a7bd-6f4ff7ec0484", price:399, pic:"http://pc1.img.ymatou.com/G02/shangou/M06/42/4D/CgvUBFeIZ9aAcfTXAASRR__3Ns4881_n_w_l.jpg" } ], follow:false, topictype:106 }, { id:1001855, theme:"少女派最该入手的唇膏盘点", products:221, users:121, href:"", list:[ { id:"dd59aefa-0619-40a9-8f44-33b7b980e7e7", price:36, pic:"http://pc1.img.ymatou.com/G02/shangou/M01/44/92/CgvUBVelr-mARWRMAAL0-pzS8GQ614_n_w_l.jpg" }, { id:"85b8ce98-b7e6-4323-83b7-ba891f0a0da3", price:249, pic:"http://pc1.img.ymatou.com/G02/shangou/M07/F6/9E/CgvUBVfAv0CAYFwEAAHpgOwVRgw908_n_w_l.jpg" }, { id:"9dfe69a1-fc6d-4652-941b-3e1140ef50ec", price:199, pic:"http://pc1.img.ymatou.com/G02/shangou/M0A/98/FC/CgvUBVePKD2AXj_uAAGhr-ddlCs021_n_w_l.jpg" }, { id:"db7ea83c-90a2-4569-a063-2580e4bbe586", price:149, pic:"http://pc1.img.ymatou.com/G02/shangou/M05/08/4B/CgvUBFeeBECASewiAAFv5dozLqQ743_n_w_l.jpg" }, { id:"7e702512-bc7c-49a7-894c-7f79e08635b6", price:209, pic:"http://pc1.img.ymatou.com/G02/upload/product/original/M0A/22/F6/CgvUBFeAcu-ADZbNAAbBZzsCMZo894_n_w_l.jpg" }, { id:"8aa440ee-b99c-4047-ad6b-669b0c864266", price:85, pic:"http://pc1.img.ymatou.com/G02/upload/product/original/M0B/8E/DC/CgvUA1eOS5KABSC4AAE47YcX0yo815_n_w_l.jpg" }, { id:"4b845bc6-dde2-4d83-b3cb-5c2aba1629ee", price:68, pic:"http://pc1.img.ymatou.com/G02/shangou/M0B/72/E9/CgvUBFeMM6qABb7rAAe2r7x1tQQ859_n_w_l.jpg" }, { id:"43c635e7-01e8-4dfc-be38-5d11d9bd67bd", price:195, pic:"http://pc1.img.ymatou.com/G02/shangou/M07/9D/DE/CgvUA1ePZEOAQ1kZAAY-lRjPbzQ155_n_w_l.JPG" }, { id:"3689fe6f-fc0d-4a4a-a5b1-0553038e154f", price:218, pic:"http://pc1.img.ymatou.com/G02/shangou/M09/50/76/CgvUBVeI4T-AOjh-AALGBDOtN9w821_n_w_l.jpg" }, { id:"9a1aa6ec-fcab-4206-bce3-75b0eed4a331", price:199, pic:"http://pc1.img.ymatou.com/G02/shangou/M07/DC/0C/CgvUBFe9ExSAAxj-AALHgxQqlcY432_n_w_l.jpg" } ], follow:false, topictype:106 }, { id:1002012, theme:"Katespade的甜心少女风", products:1125, users:157, href:"", list:[ { id:"a92b1158-d8cc-4bfc-bba1-8e269a597fc2", price:1380, pic:"http://pc1.img.ymatou.com/G02/shangou/M08/5F/46/CgvUBVep3VWAeqi5AAIJ0LKNigk289_n_w_l.jpg" }, { id:"5a388eb3-e696-4c78-9b5a-4a6cefb54e2f", price:1088, pic:"http://pc1.img.ymatou.com/G02/shangou/M07/4F/4A/CgvUBFen5TSAPn2PAAI_RpcB9qM096_n_w_l.jpg" }, { id:"c788ead9-44b1-47da-86db-f520e871a959", price:875, pic:"http://pc1.img.ymatou.com/G02/shangou/M09/B9/A7/CgvUA1eSypCAHLxPAALzOv-BEHo743_n_w_l.jpg" }, { id:"2a8d3aac-0991-41db-bfcc-c89026f92756", price:760, pic:"http://pc1.img.ymatou.com/G02/shangou/M06/9B/E3/CgvUBFezohaAJuKgAAOQlbLJBiU608_n_w_l.jpg" }, { id:"f13dd52f-b3ae-46cb-b4fc-c3eaeaac6a7e", price:498, pic:"http://pc1.img.ymatou.com/G02/shangou/M01/CF/DF/CgvUBVd6qWiAJg6HAADCi9bKFak394_n_w_l.jpg" }, { id:"bfa91c51-57a2-46c4-a6de-a420852be9ca", price:429, pic:"http://pc1.img.ymatou.com/G02/shangou/M06/8E/3A/CgvUA1dyasWAT8sCAADksewcyQ0275_n_w_l.jpg" }, { id:"16462c30-454d-4566-a40c-1c9af6d066eb", price:560, pic:"http://pc1.img.ymatou.com/G02/shangou/M05/F1/CF/CgvUBVe__PSARr-9AANZ07utoWA217_n_w_l.JPG" }, { id:"6a9d0e09-6d7f-42c1-bfd7-50adb12473a2", price:1249, pic:"http://pc1.img.ymatou.com/G02/shangou/M01/97/B9/CgvUBVePEcaADHj-AAHcUtVj1OA401_n_w_l.jpg" }, { id:"484a8967-c843-4d34-8876-4afca275cd58", price:1250, pic:"http://pc1.img.ymatou.com/G02/shangou/M01/B3/0B/CgvUBVe2lp2AVGDtAAGFyOb9OhI144_n_w_l.jpg" }, { id:"5e32fbce-be90-4c55-b3ba-2bd05de10f3a", price:998, pic:"http://pc1.img.ymatou.com/G02/shangou/M08/C3/0F/CgvUBVe5CL6ABP0CAAGc6XBDq5c140_n_w_l.jpg" } ], follow:false, topictype:106 }, { id:1000657, theme:"施华洛世奇奢华之最", products:1284, users:147, href:"", list:[ { id:"68775149-2996-40d3-8164-fe51ebaeb247", price:390, pic:"http://pc1.img.ymatou.com/G02/shangou/M01/B5/40/CgvUA1e2usGAGMiOAAIeoEq4_8k942_n_w_l.jpg" }, { id:"f4ea3d67-957b-44b1-824a-aca71b191975", price:290, pic:"http://pc1.img.ymatou.com/G02/shangou/M06/48/C1/CgvUBFemkpKAQimhAAIVTLA1TnM821_n_w_l.jpg" }, { id:"608f9cea-865a-403f-a064-b7020d8b9151", price:500, pic:"http://pc1.img.ymatou.com/G02/shangou/M0A/C1/9B/CgvUBFe407aAVwHsAAEVmeaH0Wo087_n_w_l.jpg" }, { id:"5f74f137-6b06-412f-92b0-6ccfabc5e4ff", price:990, pic:"http://pc1.img.ymatou.com/G02/shangou/M03/05/31/CgvUBFedjnOAeJW5AALIA4EvnDY776_n_w_l.jpg" }, { id:"207db2b4-d7b7-40af-b769-a51384030781", price:358, pic:"http://pc3.img.ymatou.com/G02/shangou/M08/9B/A9/CgvUA1dWP5KAKz_nAASY1zfAp2Q998_w_ls.jpg" }, { id:"61e75f97-934f-480a-a253-c4401a692c2f", price:799, pic:"http://pc1.img.ymatou.com/G02/shangou/M01/61/16/CgvUA1eJ5eSAeljEAAMXM9aiJWo944_n_w_l.jpg" }, { id:"f60f6587-e557-4261-b58f-31f5719df5ba", price:580, pic:"http://pc1.img.ymatou.com/G02/shangou/M06/50/97/CgvUBFeI4xKAQHy7AAEVKIt--A0224_n_w_l.jpg" }, { id:"630d7893-6a9e-4fc8-8a93-098fce056920", price:659, pic:"http://pc1.img.ymatou.com/G02/shangou/M0B/A3/34/CgvUBVeQI_CAZkjQAAEm1d4A2xE253_n_w_l.jpg" }, { id:"1e52e01f-335e-440b-99d6-7cd79ba6d1ae", price:959, pic:"http://pc1.img.ymatou.com/G02/shangou/M02/B4/CC/CgvUBFd3Ik2AazqrAACZbtZm554683_n_w_l.jpg" }, { id:"3b5663c3-c694-4a68-a02f-c6bda164427a", price:515, pic:"http://pc1.img.ymatou.com/G02/shangou/M03/A1/42/CgvUBVe0J1KAczpWAAG7JrvcS2w388_n_w_l.jpg" } ], follow:false, topictype:106 }, { id:1002418, theme:"爆款再见,饰品我只要独一无二", products:113, users:33, href:"", list:[ { id:"dfff8751-775c-437f-8fa7-5aec934a5ef0", price:89, pic:"http://pc1.img.ymatou.com/G02/shangou/M0A/49/84/CgvUA1emjwCAYqSnAAGVFiRPoW4269_n_w_l.jpg" }, { id:"ad098f8a-5fcd-42ab-afdd-3ff580a1ac0b", price:350, pic:"http://pc1.img.ymatou.com/G02/shangou/M03/41/AB/CgvUBFelUceAJv-yAAFqX0aWyWE901_n_w_l.jpg" }, { id:"bda09ca7-56cb-4458-b6d1-9f988c9f326d", price:450, pic:"http://pc1.img.ymatou.com/G02/shangou/M08/98/7F/CgvUA1ey5bOAYkHaAAJFbg6Ji3M944_n_w_l.jpg" }, { id:"23fc3728-a706-42ce-9e5f-7ce742474a73", price:680, pic:"http://pc1.img.ymatou.com/G02/shangou/M05/07/03/CgvUA1edweiAfoO3AAFmKdmzk3c556_n_w_l.jpg" }, { id:"f8ea5393-7972-40b0-90b2-32b22378cb35", price:290, pic:"http://pc1.img.ymatou.com/G02/shangou/M0B/BE/92/CgvUA1e4G0uAEDW7AAIHW5H3aC8568_n_w_l.jpg" }, { id:"f249ae53-750e-4237-a53d-7deb1c5102e5", price:468, pic:"http://pc1.img.ymatou.com/G02/shangou/M0A/C3/9F/CgvUBFeUZn6ATpvdAAWmCLN-aEk844_n_w_l.jpg" }, { id:"460b5d5c-6b6e-4c03-aefa-a56c7a2df8d4", price:3100, pic:"http://pc1.img.ymatou.com/G02/shangou/M05/CF/AC/CgvUBVe6-jOAZ7w4AALCedzhGMQ665_n_w_l.jpg" }, { id:"60040ecd-23f4-44e7-a3e9-81e36327a2ca", price:129, pic:"http://pc1.img.ymatou.com/G02/shangou/M01/42/37/CgvUBVelXh2AHgrnAAHXOIwMgKw041_n_w_l.jpg" }, { id:"83f60817-e22c-42e9-94cf-331e8ffc1ce3", price:3350, pic:"http://pc1.img.ymatou.com/G02/shangou/M06/60/38/CgvUBFeJ5Q6AD0MwAAKY-Ou9erk199_n_w_l.jpg" }, { id:"0e816cf1-4c0d-4ced-a356-45620fbda1b8", price:199, pic:"http://pc1.img.ymatou.com/G02/upload/product/original/M07/FC/C3/CgvUBVd_rEqAHMPBAAOCO_DMoCM554_n_w_l.jpg" } ], follow:false, topictype:106 }, { id:1003396, theme:"清新淑女的露肩裙美到没朋友", products:50, users:34, href:"", list:[ { id:"548c381a-2be7-4a6c-9344-b898f18e331e", price:650, pic:"http://pc1.img.ymatou.com/G02/shangou/M05/56/70/CgvUBVeomK2AOJWXAAKfQ3-H1DQ245_n_w_l.jpg" }, { id:"8ca2ca1a-3f7b-4826-9b17-a339f4c4cbf3", price:560, pic:"http://pc1.img.ymatou.com/G02/shangou/M06/AE/6B/CgvUBVe1v6uAOOlwAAIW5S9SjFo614_n_w_l.jpg" }, { id:"aed17646-dfe8-4969-bbd4-cfaab80000db", price:1899, pic:"http://pc1.img.ymatou.com/G02/shangou/M02/DF/4F/CgvUBFe9ZWWAGrIwAAIQZS0wRbY838_n_w_l.jpg" }, { id:"d77c9628-84aa-4e51-861f-f3674d195bd3", price:200, pic:"http://pc1.img.ymatou.com/G02/shangou/M02/3A/DA/CgvUBFeIBgyAJubQAASBrt5UyVc044_n_w_l.jpg" }, { id:"dee59eeb-d82c-4ff4-838c-c492b3d001ab", price:218, pic:"http://pc1.img.ymatou.com/G02/shangou/M01/F1/F7/CgvUA1eaQR6AEQ61AAIW-fqc7Vo838_n_w_l.jpg" }, { id:"994f9376-8e3b-4e27-b393-d4ca05fa046a", price:229, pic:"http://pc1.img.ymatou.com/G02/shangou/M0B/73/6A/CgvUBFes-HSANU0pAAPrzMLamgQ538_n_w_l.jpg" }, { id:"af6efa07-6853-4d6c-acfc-a3043eb24988", price:399, pic:"http://pc1.img.ymatou.com/G02/shangou/M09/58/0D/CgvUBFepI7-AGrqWAAG-mCgD8Nc129_n_w_l.jpg" }, { id:"5a721e93-2ea9-4155-8678-f5c09e518514", price:369, pic:"http://pc1.img.ymatou.com/G02/shangou/M08/B2/43/CgvUBVe2fWSAOSUaAADtD35Mn34794_n_w_l.jpg" }, { id:"a878b978-31c0-4284-a6de-f63aafd61312", price:1999, pic:"http://pc1.img.ymatou.com/G02/shangou/M0B/D6/AF/CgvUBFe8L7SAMnTMAAG-UvVKf8U384_n_w_l.jpg" }, { id:"2215cbde-97a6-46d5-aea2-9440e115f251", price:468, pic:"http://pc1.img.ymatou.com/G02/shangou/M02/2F/6C/CgvUA1eiylCAfjIDAAGBiNPRRUM031_n_w_l.jpg" } ], follow:false, topictype:106 }, { id:1000302, theme:"Tod's:无法抗拒的经典舒适", products:179, users:30, href:"", list:[ { id:"f6c50028-9211-4080-ae58-3beed3728e50", price:1850, pic:"http://pc1.img.ymatou.com/G02/shangou/M02/94/32/CgvUBVeygneAchtNAAEXO9Cv9Ro827_n_w_l.jpg" }, { id:"49c37f83-2bdd-473c-b712-610fa642f849", price:1800, pic:"http://pc1.img.ymatou.com/G02/shangou/M01/B8/15/CgvUBVe3FXeAd5MoAAGsnxuqdHA352_n_w_l.jpg" }, { id:"a92f93d6-2ce6-40b2-87cf-19d34cbb03d0", price:1250, pic:"http://pc1.img.ymatou.com/G02/shangou/M04/09/68/CgvUBVfEHHOAB1h_AAIwSBEZVVg530_n_w_l.jpg" }, { id:"908cc4d0-1e9a-475b-92a5-2da58a184a52", price:1980, pic:"http://pc1.img.ymatou.com/G02/shangou/M09/D4/EC/CgvUA1e75-GAVy0TAAa5CXGm6mo536_n_w_l.JPG" }, { id:"cd3accbc-9c8e-44e8-bee2-0fd2062e54a2", price:2580, pic:"http://pc1.img.ymatou.com/G02/shangou/M04/4B/61/CgvUBVem80yAFLBhAAEUV4Hs7vs476_n_w_l.jpg" }, { id:"7ace0a0f-2725-4a46-af60-036cb5ccbe83", price:1640, pic:"http://pc1.img.ymatou.com/G02/shangou/M09/0E/3C/CgvUBFfFK_aALbCvAAD4yZZoPCM584_n_w_l.jpg" }, { id:"d8c8fae1-a169-4530-864c-6ba28222d3e7", price:1880, pic:"http://pc1.img.ymatou.com/G02/shangou/M05/93/F0/CgvUBVeye--AdCSgAAIxaPtS2GM400_n_w_l.jpg" }, { id:"c475412f-ae29-4690-b46b-c4407db8916b", price:1700, pic:"http://pc1.img.ymatou.com/G02/shangou/M0A/F4/E4/CgvUBFfAWu-AZgWZAAHlwvXa_Y0542_n_w_l.jpg" }, { id:"f5d34f68-d566-4cf2-aa8e-142ef058fd71", price:1499, pic:"http://pc1.img.ymatou.com/G02/shangou/M06/BB/29/CgvUBFe3zPqAANCxAAHr5HcZC4E398_n_w_l.jpg" }, { id:"cf1a8142-91f2-4b2c-bb86-61ae0ede2b73", price:3200, pic:"http://pc1.img.ymatou.com/G02/shangou/M02/85/8B/CgvUBVev8Y6ACkDoAAKBE5K1Wjg827_n_w_l.jpg" } ], follow:false, topictype:106 } ] } } 有疑问请留言或者加群(278792776)