android RecyclerView pinch zoom,ScaleGestureDetector&GridLayoutManager,with BigImageViewer,kotlin(2)

android RecyclerView pinch zoom,ScaleGestureDetector&GridLayoutManager,with BigImageViewer,kotlin(2)

 

package com.example.myapplication

import android.content.ContentResolver
import android.content.Context
import android.net.Uri
import android.os.Bundle
import android.util.Log
import android.view.LayoutInflater
import android.view.ScaleGestureDetector
import android.view.ScaleGestureDetector.SimpleOnScaleGestureListener
import android.view.View
import android.view.ViewGroup
import android.widget.TextView
import androidx.annotation.AnyRes
import androidx.appcompat.app.AppCompatActivity
import androidx.recyclerview.widget.GridLayoutManager
import androidx.recyclerview.widget.RecyclerView
import com.github.piasy.biv.BigImageViewer
import com.github.piasy.biv.loader.glide.GlideImageLoader
import com.github.piasy.biv.view.BigImageView


class MainActivity : AppCompatActivity() {
    private var mRecyclerView: RecyclerView? = null
    private var mPhotoAdapter: PhotoAdapter? = null
    private var mLayoutManager: GridLayoutManager? = null
    private var mScaleGestureDetector: ScaleGestureDetector? = null

    private val TAG = "zhangphil"

    private val ZOOM = intArrayOf(2, 3, 5, 9)

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        mRecyclerView = findViewById(R.id.recycler_view)
        mLayoutManager = GridLayoutManager(this, ZOOM[2])
        mLayoutManager!!.orientation = GridLayoutManager.VERTICAL
        mRecyclerView?.setLayoutManager(mLayoutManager)

        mScaleGestureDetector = ScaleGestureDetector(this, object : SimpleOnScaleGestureListener() {
            override fun onScaleBegin(detector: ScaleGestureDetector): Boolean {
                Log.d(TAG, "--onScaleBegin--")
                return super.onScaleBegin(detector)
            }

            override fun onScale(detector: ScaleGestureDetector): Boolean {
                Log.d(TAG, "--onScale--")
                return super.onScale(detector)
            }

            override fun onScaleEnd(detector: ScaleGestureDetector) {
                super.onScaleEnd(detector)
                Log.d(TAG, "--onScaleEnd--")
                Log.d(TAG, "TimeDelta-" + detector.timeDelta)
                Log.d(TAG, "ScaleFactor-" + detector.scaleFactor)
                Log.d(TAG, "currentSpan-" + detector.currentSpan)
                scale(detector)
            }

            private fun scale(detector: ScaleGestureDetector): Boolean {
                if (detector.currentSpan > 50 && detector.timeDelta > 10) {
                    val scaleFactor = detector.scaleFactor
                    val curSpanCount = mLayoutManager!!.spanCount
                    Log.d(TAG, "LayoutManager SpanCount()-$curSpanCount")
                    val curIndex = getSpanCountIndex(curSpanCount)
                    if (scaleFactor < 1) {
                        if (curSpanCount == ZOOM[ZOOM.size - 1]) {
                            return true
                        } else {
                            mLayoutManager!!.spanCount = ZOOM[curIndex + 1]
                        }
                    } else {
                        if (curSpanCount == ZOOM[0]) {
                            return true
                        } else {
                            mLayoutManager!!.spanCount = ZOOM[curIndex - 1]
                        }
                    }
                    mRecyclerView?.setLayoutManager(mLayoutManager)
                    mPhotoAdapter?.dataSetChanged()
                    return true
                }
                return false
            }
        })

        mRecyclerView?.setOnTouchListener({ v, event ->
            mScaleGestureDetector!!.onTouchEvent(event)
            false
        })

        mPhotoAdapter = PhotoAdapter(this, 1000)
        mRecyclerView?.setAdapter(mPhotoAdapter)
        mPhotoAdapter?.dataSetChanged()
    }

    private fun getSpanCountIndex(spanCount: Int): Int {
        var index = 0
        for (i in ZOOM.indices) {
            if (spanCount == ZOOM[i]) {
                index = i
            }
        }
        return index
    }
}


class PhotoAdapter(val context: Context?, private val itemCount: Int) :
    RecyclerView.Adapter<PhotoAdapter.PhotoViewHolder>() {

    init {
        BigImageViewer.initialize(GlideImageLoader.with(context))
    }

    override fun onCreateViewHolder(
        parent: ViewGroup,
        viewType: Int
    ): PhotoViewHolder {
        val view: View =
            LayoutInflater.from(parent.context).inflate(R.layout.photo, parent, false)
        return PhotoViewHolder(view)
    }

    override fun onBindViewHolder(holder: PhotoViewHolder, position: Int) {
        holder.textView.text = position.toString()
        holder.imageView.showImage(getUriFromResId(context, R.mipmap.android))
    }

    override fun getItemCount(): Int {
        return itemCount
    }

    class PhotoViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        var imageView: BigImageView
        var textView: TextView

        init {
            imageView = itemView.findViewById(R.id.image)
            textView = itemView.findViewById(R.id.text)
        }
    }

    fun dataSetChanged() {
        notifyDataSetChanged()
    }
}

fun getUriFromResId(
    context: Context?,
    @AnyRes drawableId: Int
): Uri {
    return Uri.parse(
        ContentResolver.SCHEME_ANDROID_RESOURCE
                + "://" + context?.getResources()?.getResourcePackageName(drawableId)
                + '/' + context?.getResources()?.getResourceTypeName(drawableId)
                + '/' + context?.getResources()?.getResourceEntryName(drawableId)
    )
}

 

 

activity_main.xml：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recycler_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</RelativeLayout>

 

 

photo.xml：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="1dp"
    android:layout_marginTop="1dp"
    android:layout_marginRight="1dp">

    <com.github.piasy.biv.view.BigImageView
        android:id="@+id/image"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        app:failureImage="@android:drawable/ic_dialog_alert"
        app:failureImageInitScaleType="center"
        app:optimizeDisplay="true" />

    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/image"
        android:layout_centerHorizontal="true"
        android:maxLines="1"
        android:text="-.-"
        android:textColor="@android:color/black" />
</RelativeLayout>

 

 

 

dependencies

    implementation 'com.github.piasy:BigImageViewer:1.8.1'

// load with glide
    implementation 'com.github.piasy:GlideImageLoader:1.8.1'

// support thumbnail and gif with Glide
    implementation 'com.github.piasy:GlideImageViewFactory:1.8.1'

 

 

 

android implement RecyclerView pinch to zoom by ScaleGestureDetector and GridLayoutManager ，java（1）_zhangphil的博客-CSDN博客Android RecyclerView的StaggeredGridLayoutManager实现交错排列的子元素分组先看实现的结果如图：设计背景：现在的产品对设计的需求越来越多样化，如附录文章2是典型的联系人分组RecyclerView，子元素排列到一个相同的组，但是有些时候，UI要求把这些元素不是垂直方向的，而是像本文开头的图中所示样式排列，这就需要用StaggeredGridLayoutMa。在处理大图的浏览查看动作过程中，往往还有其他额外的事情需要处理，典型的以微信。https://blog.csdn.net/zhangphil/article/details/129307599