animateDpAsState 的用法

最新推荐文章于 2024-10-04 11:47:50 发布

hehui0921

最新推荐文章于 2024-10-04 11:47:50 发布

阅读量99

点赞数 2

分类专栏： android13 文章标签： android

本文链接：https://blog.csdn.net/oHeHui1/article/details/141680842

版权

android13 专栏收录该内容

80 篇文章 1 订阅

订阅专栏

@Composable
fun SimpleFilledTextFieldSample(largeSize: Boolean) {
    // Animate the size (dp) value
    val size by animateDpAsState(
        targetValue = if (largeSize) 50.dp else 50.dp/3.5f,
        animationSpec = tween(
            durationMillis = 2000, // animation duration
            easing = FastOutSlowInEasing // easing function
        )
    )

    var text by remember { mutableStateOf("Hello") }
    TextField(
        modifier = Modifier
            .size(374.dp/3.5f, size)
            .background(Color.LightGray), // 设置背景颜色
        textStyle = LocalTextStyle.current.copy(
            fontSize = 24.sp/3.5f, // 设置文字大小
            color = Color.Black // 设置文字颜色
        ),
        colors = TextFieldDefaults.colors(
            focusedIndicatorColor = Color.Transparent,
            unfocusedIndicatorColor = Color.Transparent,
            disabledIndicatorColor  = Color.Transparent ,
        ),
        shape = RoundedCornerShape(4.dp), // 设置圆角
        singleLine = true,
        value = text,
        onValueChange = { text = it },
        placeholder = {
            Text(text = "Enter your text here")  // 设置占位符文本
        },
    )
}


  var largeSize by remember { mutableStateOf(true) }
 Column(
                modifier = Modifier
                    .verticalScroll(scrollState)
                    .fillMaxSize()
                    .offset(x = 20.dp)
            ) {

                Spacer(modifier = Modifier.height(20.dp))
                SimpleFilledTextFieldSample(largeSize)
                Spacer(modifier = Modifier.height(2.dp))
                Button(onClick = { largeSize=largeSize.not() }) {
                    Text(text = "111")

                }
                }