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

原創

2020-02-22 06:37

圖片查看器，爲各位追求用戶體驗的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.csdn.net/detail/qq_35549248/9846492