1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
|
/*
* Copyright (C) 2022 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 com.android.systemui
import androidx.compose.foundation.clickable
import androidx.compose.foundation.layout.BoxWithConstraints
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.padding
import androidx.compose.foundation.layout.size
import androidx.compose.foundation.shape.RoundedCornerShape
import androidx.compose.material3.MaterialTheme
import androidx.compose.material3.Surface
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.setValue
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.Dp
import androidx.compose.ui.unit.dp
import kotlin.math.roundToInt
/**
* This is an example Compose feature, which shows a text and a count that is incremented when
* clicked. We also show the max width available to this component, which is displayed either next
* to or below the text depending on that max width.
*/
@Composable
fun ExampleFeature(text: String, modifier: Modifier = Modifier) {
BoxWithConstraints(modifier) {
val maxWidth = maxWidth
if (maxWidth < 600.dp) {
Column {
CounterTile(text)
Spacer(Modifier.size(16.dp))
MaxWidthTile(maxWidth)
}
} else {
Row {
CounterTile(text)
Spacer(Modifier.size(16.dp))
MaxWidthTile(maxWidth)
}
}
}
}
@Composable
private fun CounterTile(text: String, modifier: Modifier = Modifier) {
Surface(
modifier,
color = MaterialTheme.colorScheme.primaryContainer,
shape = RoundedCornerShape(28.dp),
) {
var count by remember { mutableStateOf(0) }
Column(
Modifier.clickable { count++ }.padding(16.dp),
) {
Text(text)
Text("I was clicked $count times.")
}
}
}
@Composable
private fun MaxWidthTile(maxWidth: Dp, modifier: Modifier = Modifier) {
Surface(
modifier,
color = MaterialTheme.colorScheme.tertiaryContainer,
shape = RoundedCornerShape(28.dp),
) {
Text(
"The max available width to me is: ${maxWidth.value.roundToInt()}dp",
Modifier.padding(16.dp)
)
}
}
|
