Update

Author: Zenlua

app/src/main/java/com/tool/tree/MainActivity.kt

@@ -29,7 +29,7 @@ import com.omarea.krscript.ui.ParamsFileChooserRender
 import com.tool.tree.databinding.ActivityMainBinding
 import com.tool.tree.ui.MainPagerAdapter
 import com.tool.tree.ui.TabIconHelper
-import com.tool.tree.ui.FadeThroughPageTransformer
+import com.tool.tree.ui.TabZoomFadePageTransformer
 import kotlinx.coroutines.Dispatchers
 import kotlinx.coroutines.isActive
 import kotlinx.coroutines.launch
@@ -78,9 +78,9 @@ class MainActivity : AppCompatActivity() {
             adapter = MainPagerAdapter(this)
             binding.viewPager.adapter = adapter
             binding.viewPager.offscreenPageLimit = 4
-            // Dùng hiệu ứng "Fade Through" (mờ dần, không trượt) khi chuyển tab,
-            // thay cho hiệu ứng slide mặc định kiểu AOSP.
-            binding.viewPager.setPageTransformer(FadeThroughPageTransformer())
+            // Dùng hiệu ứng "Zoom + Fade" (thu nhỏ/mờ + phóng to/hiện rõ trong lúc trượt)
+            // khi chuyển tab, thay cho hiệu ứng slide thuần kiểu AOSP.
+            binding.viewPager.setPageTransformer(TabZoomFadePageTransformer())
         }
     }
 

app/src/main/java/com/tool/tree/PredictiveBackHelper.kt

@@ -43,10 +43,12 @@ class PredictiveBackHelper(
         dispatcher.addCallback(activity, object : OnBackPressedCallback(true) {
 
             override fun handleOnBackStarted(backEvent: BackEventCompat) {
+                android.util.Log.d("PredictiveBack", "handleOnBackStarted called - edge=${backEvent.swipeEdge}")
                 contentView.pivotY = contentView.height / 2f
             }
 
             override fun handleOnBackProgressed(backEvent: BackEventCompat) {
+                android.util.Log.d("PredictiveBack", "handleOnBackProgressed progress=${backEvent.progress}")
                 val progress = backEvent.progress.coerceIn(0f, 1f)
 
                 val scale = 1f - (1f - minScale) * progress

app/src/main/java/com/tool/tree/ui/FadeThroughPageTransformer.kt

@@ -0,0 +1,65 @@
+package com.tool.tree.ui
+
+import android.view.View
+import androidx.viewpager2.widget.ViewPager2
+import kotlin.math.abs
+import kotlin.math.max
+
+/**
+ * Hiệu ứng chuyển tab: vừa TRƯỢT (giữ chuyển động mặc định của ViewPager2, không "đóng băng"
+ * translationX như bản trước) vừa THU NHỎ + MỜ DẦN với tab đang đi ra, và PHÓNG TO + HIỆN RÕ
+ * DẦN với tab đang đi vào - giống hiệu ứng "Zoom Out" kinh điển của Google (ZoomOutPageTransformer)
+ * chứ không phải fade-through đứng yên tại chỗ.
+ *
+ * position (do ViewPager2 cung cấp cho mỗi trang):
+ * -1  = trang nằm hẳn bên trái màn hình hiện tại
+ *  0  = trang đang hiển thị chính giữa màn hình
+ *  1  = trang nằm hẳn bên phải màn hình hiện tại
+ *
+ * Trang càng lệch xa vị trí 0 (|position| tiến gần 1) thì càng nhỏ + càng mờ; khi về đúng
+ * position = 0 thì full size (100%) + full alpha (100%).
+ */
+class TabZoomFadePageTransformer(
+    // Kích thước nhỏ nhất khi trang đang ở rìa màn hình (|position| = 1).
+    private val minScale: Float = 0.85f,
+    // Độ mờ nhỏ nhất khi trang đang ở rìa màn hình (|position| = 1).
+    private val minAlpha: Float = 0.5f
+) : ViewPager2.PageTransformer {
+
+    override fun transformPage(page: View, position: Float) {
+        val pageWidth = page.width
+        val pageHeight = page.height
+        if (pageWidth == 0 || pageHeight == 0) return
+
+        page.apply {
+            when {
+                // Trang đã trôi ra ngoài hẳn 2 bên -> ẩn để khỏi tốn vẽ thừa.
+                position < -1f || position > 1f -> {
+                    alpha = 0f
+                }
+
+                else -> {
+                    // KHÔNG set translationX thủ công ở đây -> ViewPager2 vẫn tự trượt trang
+                    // theo đúng chuyển động mặc định (kéo tay/animation chuyển tab), khác hẳn
+                    // bản fade-through cũ (đóng băng translationX làm trang đứng im).
+                    val scaleFactor = max(minScale, 1f - abs(position))
+                    scaleX = scaleFactor
+                    scaleY = scaleFactor
+
+                    // Bù lại phần lệch do scale từ tâm, để trang thu nhỏ vẫn "áp" đúng theo
+                    // hướng trượt thay vì bị lộ khoảng trống 2 bên khi scale nhỏ lại.
+                    val vertMargin = pageHeight * (1 - scaleFactor) / 2
+                    val horzMargin = pageWidth * (1 - scaleFactor) / 2
+                    translationX = if (position < 0) {
+                        (horzMargin - vertMargin / 2)
+                    } else {
+                        (-horzMargin + vertMargin / 2)
+                    }
+
+                    // Mờ dần tỉ lệ thuận theo scale: scale càng nhỏ (càng lệch xa) thì càng mờ.
+                    alpha = minAlpha + (scaleFactor - minScale) / (1f - minScale) * (1f - minAlpha)
+                }
+            }
+        }
+    }
+}