Update

Author: Zenlua

app/build.gradle

@@ -59,7 +59,7 @@ dependencies {
     implementation "org.jetbrains.kotlinx:kotlinx-coroutines-core:1.10.2"
     implementation "org.jetbrains.kotlinx:kotlinx-coroutines-android:1.10.2"
     implementation 'androidx.appcompat:appcompat:1.7.1'
-    implementation 'com.google.android.material:material:1.14.0-beta01'
+    implementation 'com.google.android.material:material:1.14.0'
     implementation 'androidx.constraintlayout:constraintlayout:2.2.1'
     implementation "androidx.activity:activity-ktx:1.10.0"
     implementation 'androidx.core:core:1.18.0'

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

@@ -27,6 +27,7 @@ import com.omarea.krscript.model.*
 import com.omarea.krscript.ui.ActionListFragment
 import com.omarea.krscript.ui.ParamsFileChooserRender
 import com.tool.tree.databinding.ActivityMainBinding
+import com.tool.tree.ui.FadeScalePageTransformer
 import com.tool.tree.ui.MainPagerAdapter
 import com.tool.tree.ui.SwipePager
 import com.tool.tree.ui.TabIconHelper
@@ -79,6 +80,7 @@ class MainActivity : AppCompatActivity() {
         if (!::adapter.isInitialized) {
             adapter = MainPagerAdapter(this)
             adapter.attach(binding.viewPager)
+            binding.viewPager.setPageTransformer(FadeScalePageTransformer())
         }
     }
 

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

@@ -0,0 +1,30 @@
+package com.tool.tree.ui
+
+import android.view.View
+import kotlin.math.abs
+
+/**
+ * Hiệu ứng chuyển tab "Fade + Scale" kiểu Material: trang đang rời khỏi màn hình co nhỏ
+ * dần + mờ dần, trang sắp hiện ra phóng to dần từ [minScale] lên 1 và hiện rõ dần.
+ *
+ * [minScale] - tỉ lệ thu nhỏ nhỏ nhất của trang khi nó lùi hẳn sang một bên (0..1).
+ * [minAlpha] - độ mờ nhỏ nhất của trang khi nó lùi hẳn sang một bên (0..1).
+ */
+class FadeScalePageTransformer(
+    private val minScale: Float = 0.90f,
+    private val minAlpha: Float = 0.55f
+) : SwipePager.PageTransformer {
+
+    override fun transformPage(page: View, position: Float) {
+        // Chặn trong [-1, 1]: ngoài khoảng này trang đã bị ViewGroup clip (không vẽ),
+        // clamp lại để công thức không cho ra scale âm hoặc alpha âm trong trường hợp
+        // fling/overshoot hiếm gặp.
+        val clamped = position.coerceIn(-1f, 1f)
+        val factor = 1f - abs(clamped)
+
+        val scale = minScale + (1f - minScale) * factor
+        page.scaleX = scale
+        page.scaleY = scale
+        page.alpha = (minAlpha + (1f - minAlpha) * factor).coerceIn(0f, 1f)
+    }
+}

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

@@ -35,8 +35,19 @@ class SwipePager @JvmOverloads constructor(
         fun onPageScrolled(position: Int, offset: Float) {}
     }
 
+    /**
+     * Cho phép áp hiệu ứng chuyển trang tuỳ ý (fade, scale, depth...), tương tự
+     * ViewPager.PageTransformer thế hệ 1. [position] là vị trí tương đối của trang so với
+     * trang đang được chọn: 0 = đang hiển thị đầy đủ, -1 = lùi hẳn 1 trang bên trái,
+     * 1 = lùi hẳn 1 trang bên phải.
+     */
+    interface PageTransformer {
+        fun transformPage(page: View, position: Float)
+    }
+
     private val pages = ArrayList<View>()
     private var listener: OnPageChangeListener? = null
+    private var pageTransformer: PageTransformer? = null
 
     var currentItem: Int = 0
         private set
@@ -71,10 +82,43 @@ class SwipePager @JvmOverloads constructor(
         listener = l
     }
 
+    fun setPageTransformer(transformer: PageTransformer?) {
+        pageTransformer = transformer
+        applyPageTransform()
+    }
+
+    /**
+     * Áp hiệu ứng transform lên từng trang dựa theo vị trí hiện tại của scrollX.
+     * Gọi lại mỗi khi scrollX đổi (kéo tay, fling, settle) hoặc khi layout/thêm trang.
+     */
+    private fun applyPageTransform() {
+        if (width == 0) return
+        val transformer = pageTransformer
+        for (i in 0 until childCount) {
+            val child = getChildAt(i)
+            val position = (child.left - scrollX).toFloat() / width
+            if (transformer != null) {
+                transformer.transformPage(child, position)
+            } else {
+                // Không có transformer -> đảm bảo trang luôn ở trạng thái gốc
+                child.alpha = 1f
+                child.scaleX = 1f
+                child.scaleY = 1f
+                child.translationX = 0f
+            }
+        }
+    }
+
+    override fun onScrollChanged(l: Int, t: Int, oldl: Int, oldt: Int) {
+        super.onScrollChanged(l, t, oldl, oldt)
+        applyPageTransform()
+    }
+
     fun addPage(view: View) {
         pages.add(view)
         addView(view)
         requestLayout()
+        applyPageTransform()
     }
 
     fun getPageCount(): Int = pages.size
@@ -131,6 +175,7 @@ class SwipePager @JvmOverloads constructor(
             pendingItem = null
             scrollTo(target * w, 0)
         }
+        applyPageTransform()
     }
 
     override fun onInterceptTouchEvent(ev: MotionEvent): Boolean {