增加窗口可拖拽区域

app/desktop/src/main/kotlin/AniDesktop.kt

@@ -275,6 +275,7 @@ object AniDesktop {
                     LocalPlatformWindow provides remember(window.windowHandle) {
                         PlatformWindow(
                             windowHandle = window.windowHandle,
+                            windowScope = this,
                         )
                     },
                     LocalOnBackPressedDispatcherOwner provides backPressedDispatcherOwner,

app/shared/src/commonMain/kotlin/ui/cache/CacheManagementPage.kt

@@ -68,6 +68,7 @@ import me.him188.ani.app.ui.cache.components.CacheGroupState
 import me.him188.ani.app.ui.cache.components.CacheManagementOverallStats
 import me.him188.ani.app.ui.foundation.AbstractViewModel
 import me.him188.ani.app.ui.foundation.ifThen
+import me.him188.ani.app.ui.foundation.interaction.WindowDragArea
 import me.him188.ani.app.ui.foundation.produceState
 import me.him188.ani.app.ui.foundation.stateOf
 import me.him188.ani.app.ui.foundation.theme.AniThemeDefaults
@@ -264,16 +265,18 @@ fun CacheManagementPage(
     Scaffold(
         modifier,
         topBar = {
-            TopAppBar(
-                title = { Text("缓存管理") },
-                navigationIcon = {
-                    if (showBack) {
-                        TopAppBarGoBackButton()
-                    }
-                },
-                colors = appBarColors,
-                windowInsets = windowInsets.only(WindowInsetsSides.Horizontal + WindowInsetsSides.Top),
-            )
+            WindowDragArea {
+                TopAppBar(
+                    title = { Text("缓存管理") },
+                    navigationIcon = {
+                        if (showBack) {
+                            TopAppBarGoBackButton()
+                        }
+                    },
+                    colors = appBarColors,
+                    windowInsets = windowInsets.only(WindowInsetsSides.Horizontal + WindowInsetsSides.Top),
+                )
+            }
         },
         contentWindowInsets = windowInsets.only(WindowInsetsSides.Horizontal + WindowInsetsSides.Bottom),
     ) { paddingValues ->

app/shared/src/commonMain/kotlin/ui/cache/details/CacheGroupDetailsPage.kt

@@ -14,8 +14,6 @@ import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.only
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.widthIn
-import androidx.compose.foundation.rememberScrollState
-import androidx.compose.foundation.verticalScroll
 import androidx.compose.material3.BottomSheetDefaults
 import androidx.compose.material3.ListItemDefaults
 import androidx.compose.material3.Scaffold
@@ -36,6 +34,7 @@ import kotlinx.coroutines.flow.map
 import me.him188.ani.app.data.source.media.cache.MediaCacheManager
 import me.him188.ani.app.data.source.media.fetch.MediaSourceManager
 import me.him188.ani.app.ui.foundation.AbstractViewModel
+import me.him188.ani.app.ui.foundation.interaction.WindowDragArea
 import me.him188.ani.app.ui.foundation.theme.AniThemeDefaults
 import me.him188.ani.app.ui.foundation.widgets.TopAppBarGoBackButton
 import me.him188.ani.datasources.api.Media
@@ -97,16 +96,18 @@ fun MediaCacheDetailsPage(
     Scaffold(
         modifier = modifier,
         topBar = {
-            TopAppBar(
-                title = { Text("详情") },
-                navigationIcon = {
-                    if (allowBack) {
-                        TopAppBarGoBackButton()
-                    }
-                },
-                colors = AniThemeDefaults.topAppBarColors(),
-                windowInsets = windowInsets.only(WindowInsetsSides.Horizontal + WindowInsetsSides.Top),
-            )
+            WindowDragArea {
+                TopAppBar(
+                    title = { Text("详情") },
+                    navigationIcon = {
+                        if (allowBack) {
+                            TopAppBarGoBackButton()
+                        }
+                    },
+                    colors = AniThemeDefaults.topAppBarColors(),
+                    windowInsets = windowInsets.only(WindowInsetsSides.Horizontal + WindowInsetsSides.Top),
+                )
+            }
         },
         contentWindowInsets = windowInsets.only(WindowInsetsSides.Horizontal + WindowInsetsSides.Bottom),
     ) { paddingValues ->

app/shared/src/commonMain/kotlin/ui/subject/cache/SubjectCacheScene.kt

@@ -49,6 +49,7 @@ import me.him188.ani.app.data.source.media.selector.eventHandling
 import me.him188.ani.app.navigation.LocalNavigator
 import me.him188.ani.app.ui.external.placeholder.placeholder
 import me.him188.ani.app.ui.foundation.AbstractViewModel
+import me.him188.ani.app.ui.foundation.interaction.WindowDragArea
 import me.him188.ani.app.ui.foundation.launchInBackground
 import me.him188.ani.app.ui.foundation.produceState
 import me.him188.ani.app.ui.foundation.stateOf
@@ -277,16 +278,18 @@ fun SubjectCachePageScaffold(
     Scaffold(
         modifier,
         topBar = {
-            TopAppBar(
-                title = {
-                    title()
-                },
-                navigationIcon = {
-                    TopAppBarGoBackButton()
-                },
-                colors = appBarColors,
-                windowInsets = windowInsets.only(WindowInsetsSides.Horizontal + WindowInsetsSides.Top),
-            )
+            WindowDragArea {
+                TopAppBar(
+                    title = {
+                        title()
+                    },
+                    navigationIcon = {
+                        TopAppBarGoBackButton()
+                    },
+                    colors = appBarColors,
+                    windowInsets = windowInsets.only(WindowInsetsSides.Horizontal + WindowInsetsSides.Top),
+                )
+            }
         },
         contentWindowInsets = windowInsets.only(WindowInsetsSides.Horizontal + WindowInsetsSides.Bottom),
     ) { paddingValues ->

app/shared/src/commonMain/kotlin/ui/subject/collection/CollectionPage.kt

@@ -66,6 +66,7 @@ import me.him188.ani.app.data.source.session.AuthState
 import me.him188.ani.app.navigation.LocalNavigator
 import me.him188.ani.app.tools.rememberUiMonoTasker
 import me.him188.ani.app.ui.foundation.LocalPlatform
+import me.him188.ani.app.ui.foundation.interaction.WindowDragArea
 import me.him188.ani.app.ui.foundation.pagerTabIndicatorOffset
 import me.him188.ani.app.ui.foundation.theme.AniThemeDefaults
 import me.him188.ani.app.ui.foundation.widgets.PullToRefreshBox
@@ -121,43 +122,45 @@ fun CollectionPane(
         topBar = {
             val topAppBarColors = AniThemeDefaults.topAppBarColors()
             Column(modifier = Modifier.fillMaxWidth()) {
-                TopAppBar(
-                    title = { Text("我的追番") },
-                    modifier = Modifier,
-                    actions = {
-                        if (!showSessionErrorInList) {
-                            SessionTipsIcon(vm.authState)
-                        }
+                WindowDragArea {
+                    TopAppBar(
+                        title = { Text("我的追番") },
+                        modifier = Modifier,
+                        actions = {
+                            if (!showSessionErrorInList) {
+                                SessionTipsIcon(vm.authState)
+                            }
 
-                        if (showCacheButton) {
-                            TextButtonUpdateLogo()
+                            if (showCacheButton) {
+                                TextButtonUpdateLogo()
 
-                            IconButton(onClickCaches) {
-                                Icon(Icons.Rounded.Download, "缓存管理")
+                                IconButton(onClickCaches) {
+                                    Icon(Icons.Rounded.Download, "缓存管理")
+                                }
                             }
-                        }
 
-                        if (LocalPlatform.current.isDesktop()) {
-                            // PC 无法下拉刷新
-                            val refreshTasker = rememberUiMonoTasker()
-                            IconButton(
-                                {
-                                    val type = COLLECTION_TABS_SORTED[pagerState.currentPage]
-                                    val collection = vm.collectionsByType(type)
-                                    if (!refreshTasker.isRunning) {
-                                        refreshTasker.launch {
-                                            collection.subjectCollectionColumnState.manualRefresh()
+                            if (LocalPlatform.current.isDesktop()) {
+                                // PC 无法下拉刷新
+                                val refreshTasker = rememberUiMonoTasker()
+                                IconButton(
+                                    {
+                                        val type = COLLECTION_TABS_SORTED[pagerState.currentPage]
+                                        val collection = vm.collectionsByType(type)
+                                        if (!refreshTasker.isRunning) {
+                                            refreshTasker.launch {
+                                                collection.subjectCollectionColumnState.manualRefresh()
+                                            }
                                         }
-                                    }
-                                },
-                            ) {
-                                Icon(Icons.Rounded.Refresh, null)
+                                    },
+                                ) {
+                                    Icon(Icons.Rounded.Refresh, null)
+                                }
                             }
-                        }
-                    },
-                    colors = topAppBarColors,
-                    windowInsets = windowInsets.only(WindowInsetsSides.Top),
-                )
+                        },
+                        colors = topAppBarColors,
+                        windowInsets = windowInsets.only(WindowInsetsSides.Top),
+                    )
+                }
 
                 ScrollableTabRow(
                     selectedTabIndex = pagerState.currentPage,

app/shared/src/commonMain/kotlin/ui/subject/details/SubjectDetailsPage.kt

@@ -70,6 +70,7 @@ import me.him188.ani.app.platform.LocalContext
 import me.him188.ani.app.ui.foundation.ImageViewer
 import me.him188.ani.app.ui.foundation.LocalPlatform
 import me.him188.ani.app.ui.foundation.ifThen
+import me.him188.ani.app.ui.foundation.interaction.WindowDragArea
 import me.him188.ani.app.ui.foundation.interaction.nestedScrollWorkaround
 import me.him188.ani.app.ui.foundation.layout.ConnectedScrollState
 import me.him188.ani.app.ui.foundation.layout.PaddingValuesSides
@@ -245,33 +246,41 @@ fun SubjectDetailsPage(
     Scaffold(
         topBar = {
             if (showTopBar) {
-                Box {
-                    // 透明背景的, 总是显示
-                    TopAppBar(
-                        title = {},
-                        navigationIcon = { TopAppBarGoBackButton() },
-                        actions = {
-                            IconButton(onClickOpenExternal) {
-                                Icon(Icons.AutoMirrored.Outlined.OpenInNew, null)
-                            }
-                        },
-                        colors = AniThemeDefaults.topAppBarColors().copy(containerColor = Color.Transparent),
-                        windowInsets = windowInsets.only(WindowInsetsSides.Horizontal + WindowInsetsSides.Top),
-                    )
-
-                    // 有背景, 仅在滚动一段距离后使用
-                    AnimatedVisibility(connectedScrollState.isScrolledTop, enter = fadeIn(), exit = fadeOut()) {
+                WindowDragArea {
+                    Box {
+                        // 透明背景的, 总是显示
                         TopAppBar(
-                            title = { Text(state.info.displayName, maxLines = 1, overflow = TextOverflow.Ellipsis) },
+                            title = {},
                             navigationIcon = { TopAppBarGoBackButton() },
                             actions = {
                                 IconButton(onClickOpenExternal) {
                                     Icon(Icons.AutoMirrored.Outlined.OpenInNew, null)
                                 }
                             },
-                            colors = AniThemeDefaults.topAppBarColors(),
+                            colors = AniThemeDefaults.topAppBarColors().copy(containerColor = Color.Transparent),
                             windowInsets = windowInsets.only(WindowInsetsSides.Horizontal + WindowInsetsSides.Top),
                         )
+
+                        // 有背景, 仅在滚动一段距离后使用
+                        AnimatedVisibility(connectedScrollState.isScrolledTop, enter = fadeIn(), exit = fadeOut()) {
+                            TopAppBar(
+                                title = {
+                                    Text(
+                                        state.info.displayName,
+                                        maxLines = 1,
+                                        overflow = TextOverflow.Ellipsis,
+                                    )
+                                },
+                                navigationIcon = { TopAppBarGoBackButton() },
+                                actions = {
+                                    IconButton(onClickOpenExternal) {
+                                        Icon(Icons.AutoMirrored.Outlined.OpenInNew, null)
+                                    }
+                                },
+                                colors = AniThemeDefaults.topAppBarColors(),
+                                windowInsets = windowInsets.only(WindowInsetsSides.Horizontal + WindowInsetsSides.Top),
+                            )
+                        }
                     }
                 }
             }

app/shared/ui-foundation/src/androidMain/kotlin/ui/foundation/interaction/WindowDragArea.android.kt

@@ -0,0 +1,17 @@
+/*
+ * Copyright (C) 2024 OpenAni and contributors.
+ *
+ * 此源代码的使用受 GNU AFFERO GENERAL PUBLIC LICENSE version 3 许可证的约束, 可以在以下链接找到该许可证.
+ * Use of this source code is governed by the GNU AGPLv3 license, which can be found at the following link.
+ *
+ * https://github.com/open-ani/ani/blob/main/LICENSE
+ */
+
+package me.him188.ani.app.ui.foundation.interaction
+
+import androidx.compose.runtime.Composable
+
+@Composable
+actual fun WindowDragArea(content: @Composable () -> Unit) {
+    content()
+}

app/shared/ui-foundation/src/commonMain/kotlin/ui/foundation/interaction/WindowDragArea.kt

@@ -0,0 +1,17 @@
+/*
+ * Copyright (C) 2024 OpenAni and contributors.
+ *
+ * 此源代码的使用受 GNU AFFERO GENERAL PUBLIC LICENSE version 3 许可证的约束, 可以在以下链接找到该许可证.
+ * Use of this source code is governed by the GNU AGPLv3 license, which can be found at the following link.
+ *
+ * https://github.com/open-ani/ani/blob/main/LICENSE
+ */
+
+package me.him188.ani.app.ui.foundation.interaction
+
+import androidx.compose.runtime.Composable
+
+@Composable
+expect fun WindowDragArea(
+    content: @Composable () -> Unit
+)

app/shared/ui-foundation/src/desktopMain/kotlin/platform/PlatformWindow.desktop.kt

@@ -4,9 +4,11 @@ import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.geometry.Rect
+import androidx.compose.ui.window.WindowScope
 
 actual open class PlatformWindow(
     val windowHandle: Long,
+    val windowScope: WindowScope
 ) {
     internal var savedWindowState: SavedWindowState? = null
 

app/shared/ui-foundation/src/desktopMain/kotlin/ui/foundation/PreviewFoundation.desktop.kt

@@ -12,8 +12,10 @@ package me.him188.ani.app.ui.foundation
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.CompositionLocalProvider
 import androidx.compose.runtime.remember
+import androidx.compose.ui.awt.ComposeWindow
 import androidx.compose.ui.unit.DpSize
 import androidx.compose.ui.unit.dp
+import androidx.compose.ui.window.FrameWindowScope
 import androidx.compose.ui.window.WindowState
 import me.him188.ani.app.platform.DesktopContext
 import me.him188.ani.app.platform.ExtraWindowProperties
@@ -38,7 +40,13 @@ internal actual inline fun ProvidePlatformCompositionLocalsForPreview(crossinlin
             )
         },
         LocalPlatformWindow provides remember {
-            PlatformWindow(0L)
+            PlatformWindow(
+                0L,
+                object : FrameWindowScope {
+                    override val window: ComposeWindow
+                        get() = TODO("Not yet implemented")
+                },
+            )
         },
     ) {
         content()

app/shared/ui-foundation/src/desktopMain/kotlin/ui/foundation/interaction/WindowDragArea.desktop.kt

@@ -0,0 +1,22 @@
+/*
+ * Copyright (C) 2024 OpenAni and contributors.
+ *
+ * 此源代码的使用受 GNU AFFERO GENERAL PUBLIC LICENSE version 3 许可证的约束, 可以在以下链接找到该许可证.
+ * Use of this source code is governed by the GNU AGPLv3 license, which can be found at the following link.
+ *
+ * https://github.com/open-ani/ani/blob/main/LICENSE
+ */
+
+package me.him188.ani.app.ui.foundation.interaction
+
+import androidx.compose.foundation.window.WindowDraggableArea
+import androidx.compose.runtime.Composable
+import me.him188.ani.app.ui.foundation.layout.LocalPlatformWindow
+
+@Composable
+actual fun WindowDragArea(content: @Composable () -> Unit) {
+    val windowScope = LocalPlatformWindow.current.windowScope
+    windowScope.WindowDraggableArea {
+        content()
+    }
+}

app/shared/ui-foundation/src/iosMain/kotlin/ui/foundation/interaction/WindowDragArea.ios.kt

@@ -0,0 +1,17 @@
+/*
+ * Copyright (C) 2024 OpenAni and contributors.
+ *
+ * 此源代码的使用受 GNU AFFERO GENERAL PUBLIC LICENSE version 3 许可证的约束, 可以在以下链接找到该许可证.
+ * Use of this source code is governed by the GNU AGPLv3 license, which can be found at the following link.
+ *
+ * https://github.com/open-ani/ani/blob/main/LICENSE
+ */
+
+package me.him188.ani.app.ui.foundation.interaction
+
+import androidx.compose.runtime.Composable
+
+@Composable
+actual fun WindowDragArea(content: @Composable () -> Unit) {
+    content()
+}