Android 高仿微信图片查看花式效果

最新推荐文章于 2024-04-29 11:28:21 发布

iam王有才

最新推荐文章于 2024-04-29 11:28:21 发布

阅读量1.7k

点赞数

分类专栏：朋友圈文章标签：朋友圈评论功能

本文链接：https://blog.youkuaiyun.com/qq_35549248/article/details/72520420

版权

朋友圈专栏收录该内容

1 篇文章

订阅专栏

该博客介绍了一个Android图片查看器，旨在提供无缝平滑的动画切换效果，模仿微信的图片查看体验。支持多图查看、快速翻页、双击放大、单击退出和手势缩放旋转等功能。通过XML布局和简单初始化API即可实现，调用vImageWatcher.show()启动查看器。附带可运行的源码Demo下载链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

imagewatcher
图片查看器，为各位追求用户体验的daLao提供更优质的服务它能够 1、点击图片时以一种无缝顺畅的动画切换到图片查看的界面，同样以一种无缝顺畅的动画退出图片查看界面 2、支持多图查看，快速翻页，双击放大，单击退出，双手缩放旋转图片 3、下拽退出查看图片的操作，以及效果是本View的最大卖点(仿微信)
首先在xml布局中

<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- some layout here -->

    <ch.ielse.demo.p02.ImageWatcher
        android:id="@+id/v_image_watcher"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

    <!-- 在跟布局的下面盖上的一个ImageWatcher,ImageWatcher初始化默认是INVISIABLE的 -->
</FrameLayout>

蓝后在Activity onCreate里面一般需要调用这3个API简单的初始化一下

// 一般来讲， ImageWatcher 需要占据全屏的位置
ImageWatcher vImageWatcher = (ImageWatcher) findViewById(R.id.v_image_watcher);
// 如果是透明状态栏，你需要给ImageWatcher标记 一个偏移值，以修正点击ImageView查看的启动动画的Y轴起点的不正确
vImageWatcher.setTranslucentStatus(!isTranslucentStatus ? Utils.calcStatusBarHeight(this) : 0);
// 配置error图标
vImageWatcher.setErrorImageRes(R.mipmap.error_picture);
// 长按图片的回调，你可以显示一个框继续提供一些复制，发送等功能
vImageWatcher.setOnPictureLongPressListener(this);

这个时候你的所有准备工作已经完成

/**
 * @param i              被点击的ImageView
 * @param imageGroupList 被点击的ImageView的所在列表，加载图片时会提前展示列表中已经下载完成的thumb图片
 * @param urlList        被加载的图片url列表，数量必须大于等于 imageGroupList.size。 且顺序应当和imageGroupList保持一致
 */
public void show(ImageView i, List<ImageView> imageGroupList, final List<String> urlList) { ... }

最后只要调用 vImageWatcher.show() 方法就可以了可以具体看源码demo，这个项目是可以运行的，这个项目是可以运行的，这个项目是可以运行的

demo下载http://download.youkuaiyun.com/detail/qq_35549248/9846492