Add horizontal pager (#650)

Author: kul3r4

wear/src/main/java/com/example/wear/snippets/m3/MainActivity.kt

@@ -21,6 +21,7 @@ import androidx.activity.ComponentActivity
 import androidx.activity.compose.setContent
 import androidx.compose.runtime.Composable
 import com.example.wear.snippets.m3.list.ComposeList
+import com.example.wear.snippets.m3.pager.HorizontalPager
 
 class MainActivity : ComponentActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {
@@ -35,5 +36,5 @@ class MainActivity : ComponentActivity() {
 @Composable
 fun WearApp() {
     // insert here the snippet you want to test
-    ComposeList()
+    HorizontalPager()
 }

wear/src/main/java/com/example/wear/snippets/m3/pager/Pager.kt

@@ -0,0 +1,81 @@
+/*
+ * Copyright 2025 The Android Open Source Project
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package com.example.wear.snippets.m3.pager
+
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.wear.compose.foundation.lazy.TransformingLazyColumn
+import androidx.wear.compose.foundation.lazy.rememberTransformingLazyColumnState
+import androidx.wear.compose.foundation.pager.HorizontalPager
+import androidx.wear.compose.foundation.pager.rememberPagerState
+import androidx.wear.compose.material3.AnimatedPage
+import androidx.wear.compose.material3.AppScaffold
+import androidx.wear.compose.material3.HorizontalPagerScaffold
+import androidx.wear.compose.material3.ListHeader
+import androidx.wear.compose.material3.ScreenScaffold
+import androidx.wear.compose.material3.Text
+import com.google.android.horologist.compose.layout.ColumnItemType
+import com.google.android.horologist.compose.layout.rememberResponsiveColumnPadding
+
+@Composable
+fun HorizontalPager() {
+    // [START android_wear_horizontal_pager]
+    AppScaffold {
+        val pagerState = rememberPagerState(pageCount = { 10 })
+        val columnState = rememberTransformingLazyColumnState()
+        val contentPadding = rememberResponsiveColumnPadding(
+            first = ColumnItemType.ListHeader,
+            last = ColumnItemType.BodyText,
+        )
+        HorizontalPagerScaffold(pagerState = pagerState) {
+            HorizontalPager(
+                state = pagerState,
+            ) { page ->
+                AnimatedPage(pageIndex = page, pagerState = pagerState) {
+                    ScreenScaffold(
+                        scrollState = columnState,
+                        contentPadding = contentPadding
+                    ) { contentPadding ->
+                        TransformingLazyColumn(
+                            state = columnState,
+                            contentPadding = contentPadding
+                        ) {
+                            item {
+                                ListHeader(
+                                    modifier = Modifier.fillMaxWidth()
+                                ) {
+                                    Text(text = "Pager sample")
+                                }
+                            }
+                            item {
+                                if (page == 0) {
+                                    Text(text = "Page #$page. Swipe right")
+                                }
+                                else{
+                                    Text(text = "Page #$page. Swipe left and right")
+                                }
+                            }
+                        }
+                    }
+
+                }
+            }
+        }
+    }
+    // [END android_wear_horizontal_pager]
+}