1 /*
2 * Copyright 2023 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 * http://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.android.compose.animation.scene.demo
18
19 import androidx.compose.foundation.text.BasicText
20 import androidx.compose.material3.MaterialTheme
21 import androidx.compose.runtime.Composable
22 import androidx.compose.runtime.getValue
23 import androidx.compose.ui.Modifier
24 import androidx.compose.ui.graphics.Color
25 import androidx.compose.ui.unit.sp
26 import com.android.compose.animation.scene.ContentScope
27 import com.android.compose.animation.scene.ElementKey
28 import com.android.compose.animation.scene.ValueKey
29 import com.android.compose.animation.scene.animateElementColorAsState
30
31 object Clock {
32 object Elements {
33 val Clock = ElementKey("Clock")
34 }
35
36 object Values {
37 val TextColor = ValueKey("ClockTextColor")
38 }
39 }
40
41 @Composable
ContentScopenull42 fun ContentScope.Clock(color: Color, modifier: Modifier = Modifier) {
43 ElementWithValues(Clock.Elements.Clock, modifier) {
44 val color by animateElementColorAsState(color, Clock.Values.TextColor)
45
46 content {
47 BasicText(
48 "03:25",
49 color = { color },
50 style = MaterialTheme.typography.displayLarge.copy(fontSize = 80.sp),
51 )
52 }
53 }
54 }
55