Compose Text fontSize 字体大小 AutoSize 超过一行后自动变小永远保持一行

最新推荐文章于 2024-06-17 10:01:52 发布

原创最新推荐文章于 2024-06-17 10:01:52 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

独学而无友，则孤陋寡闻。q群582951247

文章标签：

#javascript #开发语言 #ecmascript

038Compose 专栏收录该内容

63 篇文章

订阅专栏

本文介绍了一种在UI设计中实现文本自动调整大小的技术方案。通过使用特定的TextStyle配置和响应式编程，使得文本能够在不溢出指定宽度的前提下自动缩小字体大小，确保了良好的视觉效果和用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

      val textStyleBody1 = TextStyle(
                                color = HaiveColor_Main,
                                fontSize = 18.sp,
                                fontWeight = FontWeight.SemiBold
                            )
                            //文本自动缩小
                            var textStyle1 by remember { mutableStateOf(textStyleBody1) }
                            var readyToDraw1 by remember { mutableStateOf(false) }

                            val textStyleBody2 = TextStyle(
                                color = HaiveColor_Main,
                                fontSize = 18.sp,
                                fontWeight = FontWeight.SemiBold
                            )

Text(
                                        text = "${mMonthPrice}/${stringResource(id = R.string.pop_vip_label_mo)}",
                                        color= HaiveColor_White,
                                        textStyle = textStyle1,
                                        modifier = Modifier.drawWithContent {
                                            if (readyToDraw1) drawContent()
                                        },
                                        //自动变小
                                        onTextLayout = { textLayoutResult ->

                                            if (textLayoutResult.didOverflowWidth) {
                                                textStyle1 =
                                                    textStyle1.copy(fontSize = textStyle1.fontSize * 0.9)
                                            } else {
                                                readyToDraw1 = true
                                            }
                                        },


                                        )