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

柔情只为你懂 2023-09-24 22:47 8阅读 0赞

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。在处理大图的浏览查看动作过程中，往往还有其他额外的事情需要处理，典型的以微信。![favicon32.ico][]https://blog.csdn.net/zhangphil/article/details/129307599][android implement RecyclerView pinch to zoom by ScaleGestureDetector and GridLayoutManager _java_1_zhangphil_-CSDN_Android RecyclerView_StaggeredGridLayoutManager_2_RecyclerView_UI_StaggeredGridLayoutMa_favicon32.ico_https_blog.csdn.net_zhangphil_article_details_129307599]

[favicon32.ico]: https://g.csdnimg.cn/static/logo/favicon32.ico
[android implement RecyclerView pinch to zoom by ScaleGestureDetector and GridLayoutManager _java_1_zhangphil_-CSDN_Android RecyclerView_StaggeredGridLayoutManager_2_RecyclerView_UI_StaggeredGridLayoutMa_favicon32.ico_https_blog.csdn.net_zhangphil_article_details_129307599]: https://blog.csdn.net/zhangphil/article/details/129307599