朋友圈（类似微信朋友圈）的显示

我们都知道，朋友圈的图片显示基本是随机的（一张图片时一排显示一张，两张图片时一排显示两张，三张图片时显示三张，超过三张就换行显示），这在很多应用中都经常运用到。这是示例图片

以android studio为例：

1.添加

compile 'com.lzy.widget:ninegridview:0.2.0'

2.在MyApplication中初始化

package com.example.chengl.fristblood;import android.app.Application;
import android.content.Context;
import android.graphics.Bitmap;
import android.widget.ImageView;import com.lzy.ninegrid.NineGridView;
import com.squareup.picasso.Picasso;import org.xutils.BuildConfig;
import org.xutils.x;/*** Created by yangjw on 2016/10/25.*/
public class MyApplication extends Application {// 在application的onCreate中初始化@Overridepublic void onCreate() {super.onCreate();//初始化xutilsx.Ext.init(this);x.Ext.setDebug(BuildConfig.DEBUG); //初始化9九宫格NineGridView.setImageLoader(new PicassoImageLoader());}/** Picasso 加载 */private class PicassoImageLoader implements NineGridView.ImageLoader {@Overridepublic void onDisplayImage(Context context, ImageView imageView, String url) {Picasso.with(context).load(url)//.placeholder(R.drawable.ic_default_image)//.error(R.drawable.ic_default_image)//.into(imageView);}@Overridepublic Bitmap getCacheImage(String url) {return null;}}
}

3.布局代码

<com.lzy.ninegrid.NineGridViewandroid:id="@+id/commu_circle_flower_nine_grid"android:layout_margin="20dp"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginTop="10dp"/>

4.在适配器中加载

 @BindView(R.id.commu_circle_flower_nine_grid)NineGridView nineGridView;

ImageInfo是库中提供的数据Bean，需要两个url，分别表示小图和大图的url，没有大图或者小图，则都赋给相同的Url即可。

 //多图片加载String[] splitList = resultBean.getAttachment().split(",");ArrayList<ImageInfo> imageInfo = new ArrayList<>();for (int i = 0; i < splitList.length; i++) {ImageInfo info = new ImageInfo();info.setThumbnailUrl(splitList[i]);info.setBigImageUrl(splitList[i]);imageInfo.add(info);}viewHoudler.nineGridView.setAdapter(new NineGridViewClickAdapter(context,imageInfo));

朋友圈（类似微信朋友圈）的显示相关推荐

iOS UITableView+FDTemplateLayoutCell 配合AutoLayout分分钟教你实现类似微信朋友圈的动态高度自适应
11.30日更新,实现了简单的微信朋友圈,点赞,评论,图片,高度自适应,下拉展开等各种效果Demo 点击打开链接 11.10更新这种高度自适应的Label切记一定要加上这个属性 preferredM ...
用MySQL实现类似微信朋友圈的屏蔽功能
设计一个类似微信朋友圈的屏蔽功能的数据库需要考虑以下几个方面: 1. 用户信息表首先需要设计一个用户信息表,用于存储每个用户的基本信息,例如用户ID.用户名.头像等. 2. 好友关系表接下来需要设 ...
canva画图图片居中裁剪_css实现不定宽高的图片img居中裁剪_类似微信朋友圈图片效果...
需求如下: 前端需要显示矩形的缩略图,接口返回的图片尺寸大小不一,宽高不相等,需要前端来处理并显示成正方形,类似微信朋友圈图片的效果,等比例正方形显示在列表中,让图片根据宽高来自适应显示在页面上.那么 ...
类似微信朋友圈的mysql数据库
这段时间模仿微信朋友圈准备写个类似于论坛的小交友平台主框架就用springcloud+mybatis 开始第一步先写数据库,对数据库进行一个简单的设计,先提取功能: 一.功能提取: 用户信息的存储: ...
h5分享到朋友圈_微信朋友圈创意招聘广告制作方法 H5模板
微信朋友圈招聘广告发布出去那么久了,为啥还是没有求职者前来应聘呢?那么一定是你的招聘广告不够创意,所以没能吸引求职者的目光.如何才能制作一个有创意更吸引求职者眼球的招聘广告呢?现在你只需通过制作平台的 ...
android bmob 朋友圈,仿微信朋友圈视频效果 – MVideo
MVideo 仿微信朋友圈视频效果,可以拖拽及缩放,视频查看,基于ijkplayer. Demo 入门 Step 1:在buil文件中添加JitPack仓库: allprojects { reposi ...
android.nfc.tech圈存,微信etc圈存教程:1分钟学会ETC充值圈存
微信充值etc怎么圈存?微信etc需要圈存后才能够成功充值,那么微信etc怎么圈存呢,下面小编就为大家介绍下微信充值etc圈存方法,感兴趣的朋友们就一起来了解下吧. 软件名称:微信安卓版 V8.0.3 ...
VUE类似微信朋友圈查看图片组件
1.效果展示瞎封装组件系列: VUE类似淘宝选择商品多规格组件 VUE简单提示框 VUE树形图(递归实现) VUE多店铺购物车 2.使用方法 <template><div clas ...
Android自定义九宫格图片展示，类似微信朋友圈
之前网上也找了很多类似的功能,但是很多放在列表中复用item就出现高度测量是0,出现条目中图片空间不显示问题这里做了一些优化,解决该问题具体可参考这篇博客,(这里要感谢博主)不过这个放在列表复用时 ...

朋友圈（类似微信朋友圈）的显示

朋友圈（类似微信朋友圈）的显示相关推荐

最新文章

热门文章