android 仿微信朋友圈图片查看(带动画效果)

首先在项目的build.gradle文件里引用
api 'com.ycjiang:ImagePreview:2.3.5'

然后在app.java文件中初始化:

ZoomMediaLoader.getInstance().init(new ImageLoader());

这里用到的ImageLoader:

public class ImageLoader implements IZoomMediaLoader {
    @Override
    public void displayImage(@NonNull Fragment context, @NonNull String path, final ImageView imageView, @NonNull final MySimpleTarget simpleTarget) {
        Glide.with(context)
                .asBitmap()
                .load(path)
                .apply(new RequestOptions().fitCenter())
                .into(new SimpleTarget<Bitmap>() {
                    @Override
                    public void onResourceReady(@NonNull Bitmap resource, @Nullable Transition<? super Bitmap> transition) {
                        simpleTarget.onResourceReady();
                        imageView.setImageBitmap(resource);
                    }
                });
    }

    @Override
    public void displayGifImage(@NonNull Fragment context, @NonNull String path, ImageView imageView, @NonNull final MySimpleTarget simpleTarget) {
        Glide.with(context)
                .asGif()
                .load(path)
                //可以解决gif比较几种时 ,加载过慢  //DiskCacheStrategy.NONE
                .apply(new RequestOptions().diskCacheStrategy(DiskCacheStrategy.RESOURCE).dontAnimate())
                //去掉显示动画
                .listener(new RequestListener<GifDrawable>() {
                    @Override
                    public boolean onLoadFailed(@Nullable GlideException e, Object model, Target<GifDrawable> target, boolean isFirstResource) {
                        simpleTarget.onResourceReady();
                        return false;
                    }

                    @Override
                    public boolean onResourceReady(GifDrawable resource, Object model, Target<GifDrawable> target, DataSource dataSource, boolean isFirstResource) {
                        simpleTarget.onLoadFailed(null);
                        return false;
                    }

                })
                .into(imageView);
    }

    @Override
    public void onStop(@NonNull Fragment context) {
        Glide.with(context).onStop();
    }

    @Override
    public void clearMemory(@NonNull Context c) {
        Glide.get(c).clearMemory();
    }
}

 使用时点击的imageview点击事件:

view1.setOnClickListener(new View.OnClickListener() {

                                    @Override
                                    public void onClick(View view) {

                                        //组织数据
                                        List<UserViewInfo> mThumbViewInfoList = new ArrayList<>(); // 这个最好定义成成员变量

                                        for (int i = 0; i < images.length; i++) {
//                                            Rect bounds = new Rect();
                                            UserViewInfo item = new UserViewInfo(images[i]);
                                            mThumbViewInfoList.add(item);
                                        }
                                        computeBoundsBackward(linearLayout,mThumbViewInfoList);

                                        GPreviewBuilder.from(FarmExpertDetailActivity.this).setData(mThumbViewInfoList).setCurrentIndex((int) view.getTag())
                                                .setSingleFling(true)//是否在黑屏区域点击返回
                                                .setDrag(false)//是否禁用图片拖拽返回
                                                .setType(GPreviewBuilder.IndicatorType.Number)//指示器类型
                                                .start();//启动

                                    }
                                });

 computeBoundsBackward() 方法:

 /**
     * 查找信息
     * @param list 图片集合
     */
    private void computeBoundsBackward(LinearLayout linearLayout,List<UserViewInfo> list) {
        for (int i = 0;i < linearLayout.getChildCount(); i++) {
            View itemView = linearLayout.getChildAt(i);
            Rect bounds = new Rect();
            if (itemView != null) {
                ImageView thumbView = itemView.findViewById(R.id.iamge_view);
                thumbView.getGlobalVisibleRect(bounds);
            }
            list.get(i).setBounds(bounds);
//            list.get(i).setUrl(list.get(i).getUrl());
        }

    }

这个computeBoundsBackward方法是为了定位全屏动画的起始位置,以及退出全屏查看时动画的结束位置,如果没有这个方法的话,动画起始位置和结束位置为屏幕的左上角,另外如果图片list过多超出一个屏幕,如果在全屏状态查看到超出屏幕的图片,动画结束位置也为左上角。

另外computeBoundsBackward是根据图片展示方式自己编写的,具体怎么写可以参考github上的demo或者下方的链接下载:

demo下载 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要实现Android仿微信朋友图片查看功能,可以按照以下步骤进行: 1. 首先,需要使用一个RecyclerView来展示朋友圈的列表,每个朋友圈项包含了图片的缩略图、文字内容和评论等信息。 2. 当用户点击某个朋友圈项时,需要跳转到一个新的Activity或者Fragment来显示该朋友圈的详细内容。 3. 在新的界面中,可以使用ViewPager来展示朋友圈中的图片。ViewPager的每一页对应一张图片,并实现左右滑动切换图片的功能。 4. 对于图片的加载,可以使用一个图片加载库如Glide或Picasso来加载图片,避免OOM(Out of Memory)的问题。 5. 为了更好的用户体验,可以在ViewPager上添加一个类似于微信图片预览效果,即当用户点击某张图片时,可以全屏显示,并支持缩放、双击放大、手势滑动等功能。 6. 为了保证性能和流畅度,可以使用一些优化技巧,如图片的压缩、缓存、异步加载等。 7. 如果需要支持多张图片查看,可以使用PhotoView或类似的第三方库来实现,它可以显示多张图片,并支持手势操作。 8. 最后,为了提高用户体验,可以加入一些其他功能,如显示图片的点赞数和评论数、支持多种分享方式、图片保存等。 通过以上步骤的实现,就可以实现Android仿微信朋友图片查看的功能了。这样用户就可以在朋友圈列表中预览图片,点击后再进行详细查看和操作,提高了用户的交互体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值