reis-mobile 0.3.6 → 0.4.0

package/skills/android-wear-compose-m3/references/foundation/CurvedWorldSample.kt.md.txt

@@ -0,0 +1,430 @@
+```
+/*
+ * Copyright 2021 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
+ *
+ *      http://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 androidx.wear.compose.foundation.samples
+
+import androidx.annotation.Sampled
+import androidx.compose.foundation.background
+import androidx.compose.foundation.border
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.aspectRatio
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.foundation.text.BasicText
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.semantics.semantics
+import androidx.compose.ui.semantics.traversalIndex
+import androidx.compose.ui.text.TextStyle
+import androidx.compose.ui.text.font.FontFamily
+import androidx.compose.ui.text.font.FontWeight
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.unit.sp
+import androidx.wear.compose.foundation.CurvedAlignment
+import androidx.wear.compose.foundation.CurvedDirection
+import androidx.wear.compose.foundation.CurvedLayout
+import androidx.wear.compose.foundation.CurvedModifier
+import androidx.wear.compose.foundation.CurvedTextStyle
+import androidx.wear.compose.foundation.angularGradientBackground
+import androidx.wear.compose.foundation.angularSize
+import androidx.wear.compose.foundation.angularSizeDp
+import androidx.wear.compose.foundation.background
+import androidx.wear.compose.foundation.basicCurvedText
+import androidx.wear.compose.foundation.clearAndSetSemantics
+import androidx.wear.compose.foundation.curvedBox
+import androidx.wear.compose.foundation.curvedColumn
+import androidx.wear.compose.foundation.curvedComposable
+import androidx.wear.compose.foundation.curvedRow
+import androidx.wear.compose.foundation.padding
+import androidx.wear.compose.foundation.radialGradientBackground
+import androidx.wear.compose.foundation.radialSize
+import androidx.wear.compose.foundation.semantics
+import androidx.wear.compose.foundation.size
+import androidx.wear.compose.foundation.weight
+import androidx.wear.compose.material.Text
+
+@Sampled
+@Composable
+fun SimpleCurvedWorld() {
+    CurvedLayout(modifier = Modifier.fillMaxSize()) {
+        curvedComposable {
+            BasicText(
+                "Simple",
+                Modifier.background(Color.White).padding(2.dp),
+                TextStyle(color = Color.Black, fontSize = 16.sp),
+            )
+        }
+        curvedComposable { Box(modifier = Modifier.size(20.dp).background(Color.Gray)) }
+        curvedComposable {
+            BasicText(
+                "CurvedWorld",
+                Modifier.background(Color.White).padding(2.dp),
+                TextStyle(color = Color.Black, fontSize = 16.sp),
+            )
+        }
+    }
+}
+
+@Sampled
+@Composable
+fun CurvedRowAndColumn() {
+    CurvedLayout(modifier = Modifier.fillMaxSize()) {
+        curvedComposable { Box(modifier = Modifier.size(20.dp).background(Color.Red)) }
+        curvedColumn(angularAlignment = CurvedAlignment.Angular.End) {
+            repeat(3) {
+                curvedRow {
+                    curvedComposable {
+                        BasicText(
+                            "Row #$it",
+                            Modifier.background(Color.White).padding(2.dp),
+                            TextStyle(color = Color.Black, fontSize = 14.sp),
+                        )
+                    }
+                    curvedComposable {
+                        Box(modifier = Modifier.size(10.dp).background(Color.Green))
+                    }
+                    curvedComposable {
+                        BasicText(
+                            "More",
+                            Modifier.background(Color.Yellow).padding(2.dp),
+                            TextStyle(color = Color.Black, fontSize = 14.sp),
+                        )
+                    }
+                }
+            }
+        }
+        curvedComposable { Box(modifier = Modifier.size(20.dp).background(Color.Red)) }
+    }
+}
+
+@Sampled
+@Composable
+fun CurvedAndNormalText() {
+    CurvedLayout(modifier = Modifier.fillMaxSize()) {
+        basicCurvedText(
+            "Curved Text",
+            CurvedModifier.padding(10.dp),
+            style = {
+                CurvedTextStyle(fontSize = 16.sp, color = Color.Black, background = Color.White)
+            },
+        )
+        curvedComposable { Box(modifier = Modifier.size(20.dp).background(Color.Gray)) }
+        curvedComposable {
+            BasicText(
+                "Normal Text",
+                Modifier.padding(5.dp),
+                TextStyle(fontSize = 16.sp, color = Color.Black, background = Color.White),
+            )
+        }
+    }
+}
+
+@Sampled
+@Composable
+fun CurvedFixedSize() {
+    CurvedLayout(modifier = Modifier.fillMaxSize()) {
+        basicCurvedText(
+            "45 deg",
+            style = { CurvedTextStyle(fontSize = 16.sp, color = Color.Black) },
+            modifier =
+                CurvedModifier.background(Color.White).size(sweepDegrees = 45f, thickness = 40.dp),
+        )
+        basicCurvedText(
+            "40 dp",
+            style = { CurvedTextStyle(fontSize = 16.sp, color = Color.Black) },
+            modifier =
+                CurvedModifier.background(Color.Yellow).radialSize(40.dp).angularSizeDp(40.dp),
+        )
+    }
+}
+
+@Sampled
+@Composable
+fun CurvedBackground() {
+    CurvedLayout(modifier = Modifier.fillMaxSize()) {
+        basicCurvedText(
+            "Radial",
+            style = { CurvedTextStyle(fontSize = 16.sp, color = Color.Black) },
+            modifier =
+                CurvedModifier.radialGradientBackground(0f to Color.White, 1f to Color.Black)
+                    .padding(5.dp),
+        )
+        basicCurvedText(
+            "Angular",
+            style = { CurvedTextStyle(fontSize = 16.sp, color = Color.Black) },
+            modifier =
+                CurvedModifier.angularGradientBackground(0f to Color.White, 1f to Color.Black)
+                    .padding(5.dp),
+        )
+    }
+}
+
+@Sampled
+@Composable
+fun CurvedWeight() {
+    CurvedLayout(modifier = Modifier.fillMaxSize().background(Color.White)) {
+        // Evenly spread A, B & C in a 90 degree angle.
+        curvedRow(modifier = CurvedModifier.angularSize(90f)) {
+            basicCurvedText("A")
+            curvedRow(modifier = CurvedModifier.weight(1f)) {}
+            basicCurvedText("B")
+            curvedRow(modifier = CurvedModifier.weight(1f)) {}
+            basicCurvedText("C")
+        }
+    }
+}
+
+@Sampled
+@Composable
+fun CurvedBottomLayout() {
+    CurvedLayout(
+        modifier = Modifier.fillMaxSize(),
+        anchor = 90f,
+        angularDirection = CurvedDirection.Angular.Reversed,
+    ) {
+        basicCurvedText(
+            "Bottom",
+            style = {
+                CurvedTextStyle(fontSize = 16.sp, color = Color.Black, background = Color.White)
+            },
+        )
+        curvedComposable { Spacer(modifier = Modifier.size(5.dp)) }
+        basicCurvedText(
+            "text",
+            style = {
+                CurvedTextStyle(fontSize = 16.sp, color = Color.Black, background = Color.White)
+            },
+        )
+    }
+}
+
+@Sampled
+@Composable
+fun CurvedBoxSample() {
+    CurvedLayout(modifier = Modifier.fillMaxSize()) {
+        curvedBox(
+            modifier = CurvedModifier.background(Color.Red),
+            radialAlignment = CurvedAlignment.Radial.Inner,
+            angularAlignment = CurvedAlignment.Angular.End,
+        ) {
+            curvedComposable {
+                Box(modifier = Modifier.width(40.dp).height(80.dp).background(Color.Green))
+            }
+            curvedComposable {
+                Box(modifier = Modifier.size(30.dp).clip(CircleShape).background(Color.White))
+            }
+        }
+    }
+}
+
+@Sampled
+@Composable
+fun CurvedLetterSpacingSample() {
+    val style =
+        CurvedTextStyle(
+            letterSpacing = 0.6.sp,
+            letterSpacingCounterClockwise = 1.4.sp,
+            color = Color.White,
+        )
+    Box {
+        CurvedLayout(modifier = Modifier.fillMaxSize()) {
+            basicCurvedText("Clockwise", style = style)
+        }
+        CurvedLayout(
+            modifier = Modifier.fillMaxSize(),
+            angularDirection = CurvedDirection.Angular.CounterClockwise,
+            anchor = 90f,
+        ) {
+            basicCurvedText("Counter Clockwise", style = style)
+        }
+    }
+}
+
+@Sampled
+@Composable
+fun CurvedWarpingSample() {
+    val style =
+        CurvedTextStyle(
+            letterSpacing = 0.6.sp,
+            letterSpacingCounterClockwise = 1.4.sp,
+            color = Color.White,
+        )
+    Box {
+        CurvedLayout(modifier = Modifier.fillMaxSize()) {
+            basicCurvedText(
+                "No Warping",
+                style = style.copy(warpOffset = CurvedTextStyle.WarpOffset.None),
+            )
+        }
+        CurvedLayout(
+            modifier = Modifier.fillMaxSize(),
+            angularDirection = CurvedDirection.Angular.CounterClockwise,
+            anchor = 90f,
+        ) {
+            basicCurvedText(
+                "Standard Warping",
+                style.copy(warpOffset = CurvedTextStyle.WarpOffset.HalfOpticalHeight),
+            )
+        }
+    }
+}
+
+@Sampled
+@Composable
+fun CurvedSemanticsSample() {
+    val style =
+        CurvedTextStyle(
+            letterSpacing = 0.6.sp,
+            letterSpacingCounterClockwise = 1.4.sp,
+            color = Color.White,
+        )
+    Box(Modifier.fillMaxSize(), contentAlignment = Alignment.Center) {
+        CurvedLayout(modifier = Modifier.fillMaxSize()) {
+            basicCurvedText(
+                "2 - Left",
+                style,
+                CurvedModifier.semantics {
+                    contentDescription = "Left"
+                    traversalIndex = 2f
+                },
+            )
+            curvedComposable { Box(Modifier.padding(5.dp).background(Color.Red).size(5.dp)) }
+            basicCurvedText(
+                "3 - Right",
+                style,
+                CurvedModifier.semantics {
+                    contentDescription = "Right"
+                    traversalIndex = 3f
+                },
+            )
+        }
+        Row {
+            Text("Text 1", Modifier.semantics { traversalIndex = 1f })
+            Spacer(Modifier.size(10.dp))
+            Text("Text 4", Modifier.semantics { traversalIndex = 4f })
+        }
+    }
+}
+
+@Sampled
+@Composable
+fun CurvedClearSemanticsSample() {
+    val style =
+        CurvedTextStyle(
+            letterSpacing = 0.6.sp,
+            letterSpacingCounterClockwise = 1.4.sp,
+            color = Color.White,
+        )
+    Box(Modifier.fillMaxSize(), contentAlignment = Alignment.Center) {
+        CurvedLayout(modifier = Modifier.fillMaxSize()) {
+            basicCurvedText("This is not announced", style, CurvedModifier.clearAndSetSemantics {})
+        }
+        Row { Text("This is announced", Modifier.semantics { traversalIndex = -1f }) }
+    }
+}
+
+@Composable
+fun CurvedFontWeight() {
+    CurvedLayout(modifier = Modifier.fillMaxSize()) {
+        (100..900 step 100).forEach {
+            basicCurvedText(
+                "W$it",
+                style = CurvedTextStyle(color = Color.White, fontWeight = FontWeight(it)),
+                modifier = CurvedModifier.padding(5.dp),
+            )
+        }
+    }
+}
+
+@Composable
+fun CurvedFontHeight() {
+    Box(
+        modifier =
+            Modifier.aspectRatio(1f)
+                .fillMaxSize()
+                .padding(2.dp)
+                .border(2.dp, Color.White, CircleShape)
+    ) {
+        CurvedLayout() {
+            basicCurvedText("9⎪:⎪0", style = CurvedTextStyle(color = Color.Green, fontSize = 30.sp))
+        }
+        CurvedLayout(anchor = 90f, angularDirection = CurvedDirection.Angular.CounterClockwise) {
+            basicCurvedText("9⎪:⎪0", style = CurvedTextStyle(color = Color.Green, fontSize = 30.sp))
+        }
+    }
+}
+
+@Composable
+fun CurvedFonts() {
+    CurvedLayout(modifier = Modifier.fillMaxSize()) {
+        listOf(
+                "Serif" to FontFamily.Serif,
+                "SansSerif" to FontFamily.SansSerif,
+                "Monospace" to FontFamily.Monospace,
+                "Cursive" to FontFamily.Cursive,
+            )
+            .forEach { (name, ff) ->
+                basicCurvedText(
+                    name,
+                    style = CurvedTextStyle(color = Color.White, fontFamily = ff),
+                    modifier = CurvedModifier.padding(5.dp),
+                )
+            }
+    }
+}
+
+@Composable
+fun OversizeComposable() {
+    val modBase = CurvedModifier.size(sweepDegrees = 30f, thickness = 20.dp)
+    CurvedLayout(modifier = Modifier.fillMaxSize()) {
+        curvedComposable(modifier = modBase.background(Color.Red)) {}
+        curvedComposable(modifier = modBase.background(Color.Green)) {
+            Box(Modifier.size(80.dp, 30.dp).background(Color.White))
+        }
+        curvedComposable(modifier = modBase.background(Color.Blue)) {}
+    }
+    CurvedLayout(modifier = Modifier.fillMaxSize(), anchor = 90f) {
+        curvedComposable(modifier = CurvedModifier.background(Color.Green)) {
+            Box(Modifier.size(80.dp, 30.dp).background(Color.White))
+        }
+    }
+}
+
+@Composable
+fun CurvedLineHeight() {
+    val baseStyle = CurvedTextStyle(color = Color.White, background = Color.Gray, fontSize = 16.sp)
+    CurvedLayout(
+        modifier = Modifier.fillMaxSize(),
+        radialAlignment = CurvedAlignment.Radial.Center,
+    ) {
+        basicCurvedText("Line Height 10.sp", style = baseStyle.copy(lineHeight = 10.sp))
+        curvedBox(CurvedModifier.angularSizeDp(1.dp)) {}
+        basicCurvedText("Base", style = baseStyle)
+        curvedBox(CurvedModifier.angularSizeDp(1.dp)) {}
+        basicCurvedText("Line Height 24.sp", style = baseStyle.copy(lineHeight = 24.sp))
+    }
+}
+```

package/skills/android-wear-compose-m3/references/foundation/ExpandableSample.kt.md

@@ -0,0 +1,99 @@
+```
+/*
+ * Copyright 2023 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
+ *
+ *      http://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 androidx.wear.compose.foundation.samples
+
+import androidx.annotation.Sampled
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
+import androidx.wear.compose.foundation.expandableButton
+import androidx.wear.compose.foundation.expandableItem
+import androidx.wear.compose.foundation.expandableItems
+import androidx.wear.compose.foundation.lazy.ScalingLazyColumn
+import androidx.wear.compose.foundation.rememberExpandableState
+import androidx.wear.compose.material.Chip
+import androidx.wear.compose.material.Icon
+import androidx.wear.compose.material.OutlinedCompactChip
+import androidx.wear.compose.material.Text
+
+@Sampled
+@Composable
+fun ExpandableWithItemsSample() {
+    val expandableState = rememberExpandableState()
+
+    val sampleItem: @Composable (String) -> Unit = { label ->
+        Chip(label = { Text(label) }, onClick = {}, secondaryLabel = { Text("line 2 - Secondary") })
+    }
+
+    val items = List(10) { "Item $it" }
+    val top = items.take(3)
+    val rest = items.drop(3)
+
+    ScalingLazyColumn(modifier = Modifier.fillMaxSize()) {
+        items(top.size) { sampleItem(top[it]) }
+        expandableItems(expandableState, rest.size) { sampleItem(rest[it]) }
+        expandableButton(expandableState) {
+            OutlinedCompactChip(
+                label = {
+                    Text("Show More")
+                    Spacer(Modifier.size(6.dp))
+                    Icon(painterResource(R.drawable.ic_expand_more_24), "Expand")
+                },
+                onClick = { expandableState.expanded = true },
+            )
+        }
+    }
+}
+
+@Sampled
+@Composable
+fun ExpandableTextSample() {
+    val expandableState = rememberExpandableState()
+
+    ScalingLazyColumn(modifier = Modifier.fillMaxSize()) {
+        expandableItem(expandableState) { expanded ->
+            Text(
+                "Account Alert: you have made a large purchase.\n" +
+                    "We have noticed that a large purchase was charged to " +
+                    "your credit card account. " +
+                    "Please contact us if you did not perform this purchase. " +
+                    "Our Customer Service team is available 24 hours a day, " +
+                    "7 days a week to answer your account or product support question.",
+                maxLines = if (expanded) 20 else 3,
+                modifier = Modifier.padding(horizontal = 10.dp),
+            )
+        }
+
+        expandableButton(expandableState) {
+            OutlinedCompactChip(
+                label = {
+                    Text("Show More")
+                    Spacer(Modifier.size(6.dp))
+                    Icon(painterResource(R.drawable.ic_expand_more_24), "Expand")
+                },
+                onClick = { expandableState.expanded = true },
+            )
+        }
+    }
+}
+```

package/skills/android-wear-compose-m3/references/foundation/ExpandableSample.kt.md.txt

@@ -0,0 +1,99 @@
+```
+/*
+ * Copyright 2023 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
+ *
+ *      http://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 androidx.wear.compose.foundation.samples
+
+import androidx.annotation.Sampled
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.unit.dp
+import androidx.wear.compose.foundation.expandableButton
+import androidx.wear.compose.foundation.expandableItem
+import androidx.wear.compose.foundation.expandableItems
+import androidx.wear.compose.foundation.lazy.ScalingLazyColumn
+import androidx.wear.compose.foundation.rememberExpandableState
+import androidx.wear.compose.material.Chip
+import androidx.wear.compose.material.Icon
+import androidx.wear.compose.material.OutlinedCompactChip
+import androidx.wear.compose.material.Text
+
+@Sampled
+@Composable
+fun ExpandableWithItemsSample() {
+    val expandableState = rememberExpandableState()
+
+    val sampleItem: @Composable (String) -> Unit = { label ->
+        Chip(label = { Text(label) }, onClick = {}, secondaryLabel = { Text("line 2 - Secondary") })
+    }
+
+    val items = List(10) { "Item $it" }
+    val top = items.take(3)
+    val rest = items.drop(3)
+
+    ScalingLazyColumn(modifier = Modifier.fillMaxSize()) {
+        items(top.size) { sampleItem(top[it]) }
+        expandableItems(expandableState, rest.size) { sampleItem(rest[it]) }
+        expandableButton(expandableState) {
+            OutlinedCompactChip(
+                label = {
+                    Text("Show More")
+                    Spacer(Modifier.size(6.dp))
+                    Icon(painterResource(R.drawable.ic_expand_more_24), "Expand")
+                },
+                onClick = { expandableState.expanded = true },
+            )
+        }
+    }
+}
+
+@Sampled
+@Composable
+fun ExpandableTextSample() {
+    val expandableState = rememberExpandableState()
+
+    ScalingLazyColumn(modifier = Modifier.fillMaxSize()) {
+        expandableItem(expandableState) { expanded ->
+            Text(
+                "Account Alert: you have made a large purchase.\n" +
+                    "We have noticed that a large purchase was charged to " +
+                    "your credit card account. " +
+                    "Please contact us if you did not perform this purchase. " +
+                    "Our Customer Service team is available 24 hours a day, " +
+                    "7 days a week to answer your account or product support question.",
+                maxLines = if (expanded) 20 else 3,
+                modifier = Modifier.padding(horizontal = 10.dp),
+            )
+        }
+
+        expandableButton(expandableState) {
+            OutlinedCompactChip(
+                label = {
+                    Text("Show More")
+                    Spacer(Modifier.size(6.dp))
+                    Icon(painterResource(R.drawable.ic_expand_more_24), "Expand")
+                },
+                onClick = { expandableState.expanded = true },
+            )
+        }
+    }
+}
+```