Skip to content

Commit bb1bd82

Browse files
trambui09trambui09
authored
Merge branch 'main' into predictiveback
2 parents 370231a + 1da22a0 commit bb1bd82

File tree

2 files changed

+180
-0
lines changed

2 files changed

+180
-0
lines changed

‎compose/snippets/src/main/java/com/example/compose/snippets/images/AnimateImageSnippets.kt‎

Lines changed: 118 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,118 @@
1+
/*
2+
* Copyright 2024 The Android Open Source Project
3+
*
4+
* Licensed under the Apache License, Version 2.0 (the "License");
5+
* you may not use this file except in compliance with the License.
6+
* You may obtain a copy of the License at
7+
*
8+
* https://www.apache.org/licenses/LICENSE-2.0
9+
*
10+
* Unless required by applicable law or agreed to in writing, software
11+
* distributed under the License is distributed on an "AS IS" BASIS,
12+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13+
* See the License for the specific language governing permissions and
14+
* limitations under the License.
15+
*/
16+
17+
package com.example.compose.snippets.images
18+
19+
import androidx.compose.foundation.Image
20+
import androidx.compose.foundation.layout.Box
21+
import androidx.compose.foundation.layout.fillMaxWidth
22+
import androidx.compose.foundation.layout.offset
23+
import androidx.compose.foundation.layout.padding
24+
import androidx.compose.foundation.layout.size
25+
import androidx.compose.foundation.lazy.LazyColumn
26+
import androidx.compose.material3.MaterialTheme
27+
import androidx.compose.material3.Text
28+
import androidx.compose.runtime.Composable
29+
import androidx.compose.runtime.getValue
30+
import androidx.compose.runtime.mutableFloatStateOf
31+
import androidx.compose.runtime.mutableStateOf
32+
import androidx.compose.runtime.remember
33+
import androidx.compose.runtime.setValue
34+
import androidx.compose.ui.Alignment
35+
import androidx.compose.ui.Modifier
36+
import androidx.compose.ui.geometry.Offset
37+
import androidx.compose.ui.graphics.Color
38+
import androidx.compose.ui.graphics.graphicsLayer
39+
import androidx.compose.ui.graphics.painter.ColorPainter
40+
import androidx.compose.ui.input.nestedscroll.NestedScrollConnection
41+
import androidx.compose.ui.input.nestedscroll.NestedScrollSource
42+
import androidx.compose.ui.input.nestedscroll.nestedScroll
43+
import androidx.compose.ui.tooling.preview.Preview
44+
import androidx.compose.ui.unit.Dp
45+
import androidx.compose.ui.unit.IntOffset
46+
import androidx.compose.ui.unit.dp
47+
48+
// [START android_compose_images_imageresizeonscrollexample]
49+
@Composable
50+
fun ImageResizeOnScrollExample(
51+
modifier: Modifier = Modifier,
52+
maxImageSize: Dp = 300.dp,
53+
minImageSize: Dp = 100.dp
54+
) {
55+
var currentImageSize by remember { mutableStateOf(maxImageSize) }
56+
var imageScale by remember { mutableFloatStateOf(1f) }
57+
58+
val nestedScrollConnection = remember {
59+
object : NestedScrollConnection {
60+
override fun onPreScroll(available: Offset, source: NestedScrollSource): Offset {
61+
// Calculate the change in image size based on scroll delta
62+
val delta = available.y
63+
val newImageSize = currentImageSize + delta.dp
64+
val previousImageSize = currentImageSize
65+
66+
// Constrain the image size within the allowed bounds
67+
currentImageSize = newImageSize.coerceIn(minImageSize, maxImageSize)
68+
val consumed = currentImageSize - previousImageSize
69+
70+
// Calculate the scale for the image
71+
imageScale = currentImageSize / maxImageSize
72+
73+
// Return the consumed scroll amount
74+
return Offset(0f, consumed.value)
75+
}
76+
}
77+
}
78+
79+
Box(Modifier.nestedScroll(nestedScrollConnection)) {
80+
LazyColumn(
81+
Modifier
82+
.fillMaxWidth()
83+
.padding(15.dp)
84+
.offset {
85+
IntOffset(0, currentImageSize.roundToPx())
86+
}
87+
) {
88+
// Placeholder list items
89+
items(100, key = { it }) {
90+
Text(
91+
text = "Item: $it",
92+
style = MaterialTheme.typography.bodyLarge
93+
)
94+
}
95+
}
96+
97+
Image(
98+
painter = ColorPainter(Color.Red),
99+
contentDescription = "Red color image",
100+
Modifier
101+
.size(maxImageSize)
102+
.align(Alignment.TopCenter)
103+
.graphicsLayer {
104+
scaleX = imageScale
105+
scaleY = imageScale
106+
// Center the image vertically as it scales
107+
translationY = -(maxImageSize.toPx() - currentImageSize.toPx()) / 2f
108+
}
109+
)
110+
}
111+
}
112+
// [END android_compose_images_imageresizeonscrollexample]
113+
114+
@Preview(showBackground = true)
115+
@Composable
116+
private fun ImageSizeOnScrollScreenPreview() {
117+
ImageResizeOnScrollExample()
118+
}

‎compose/snippets/src/main/java/com/example/compose/snippets/text/HtmlStyling.kt‎

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
/*
2+
* Copyright 2024 The Android Open Source Project
3+
*
4+
* Licensed under the Apache License, Version 2.0 (the "License");
5+
* you may not use this file except in compliance with the License.
6+
* You may obtain a copy of the License at
7+
*
8+
* https://www.apache.org/licenses/LICENSE-2.0
9+
*
10+
* Unless required by applicable law or agreed to in writing, software
11+
* distributed under the License is distributed on an "AS IS" BASIS,
12+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13+
* See the License for the specific language governing permissions and
14+
* limitations under the License.
15+
*/
16+
17+
package com.example.compose.snippets.text
18+
19+
import androidx.compose.material3.Text
20+
import androidx.compose.runtime.Composable
21+
import androidx.compose.ui.Modifier
22+
import androidx.compose.ui.graphics.Color
23+
import androidx.compose.ui.text.AnnotatedString
24+
import androidx.compose.ui.text.SpanStyle
25+
import androidx.compose.ui.text.TextLinkStyles
26+
import androidx.compose.ui.text.font.FontStyle
27+
import androidx.compose.ui.text.fromHtml
28+
import androidx.compose.ui.text.style.TextDecoration
29+
import androidx.compose.ui.tooling.preview.Preview
30+
31+
// [START android_compose_text_annotatedhtmlstringwithlink]
32+
@Composable
33+
fun AnnotatedHtmlStringWithLink(
34+
modifier: Modifier = Modifier,
35+
htmlText: String = """
36+
<h1>Jetpack Compose</h1>
37+
<p>
38+
Build <b>better apps</b> faster with <a href="https://www.android.com">Jetpack Compose</a>
39+
</p>
40+
""".trimIndent()
41+
) {
42+
Text(
43+
AnnotatedString.fromHtml(
44+
htmlText,
45+
linkStyles = TextLinkStyles(
46+
style = SpanStyle(
47+
textDecoration = TextDecoration.Underline,
48+
fontStyle = FontStyle.Italic,
49+
color = Color.Blue
50+
)
51+
)
52+
),
53+
modifier
54+
)
55+
}
56+
// [END android_compose_text_annotatedhtmlstringwithlink]
57+
58+
@Preview(showBackground = true)
59+
@Composable
60+
private fun AnnotatedHtmlStringWithLinkPreview() {
61+
AnnotatedHtmlStringWithLink()
62+
}

0 commit comments

Comments
 (0)