Jetpack Compose——Text(文本)的使用

首先来看一些基础的参数

        Text(text = "hello world", fontSize = 30.sp)//设置字体大小
        Text(
            text = stringResource(id = R.string.hello_world),//设置为资源中的文字
            color = colorResource(id = R.color.purple_500)//设置字体颜色
        )
        Text(text = "HelloWorld", fontStyle = FontStyle.Italic)//设置文字斜体
        Text(text = "Hello World", fontWeight = FontWeight.Bold)//文字粗体
        Text(
            text = "Hello World",
            textAlign = TextAlign.Center,//文字居中对齐
            modifier = Modifier
                .width(150.dp)//控件总宽度
                .background(color = colorResource(id = R.color.teal_200))//控件背景色

        )
        Text(text = "HelloWorld", fontFamily = FontFamily.Serif)//设置字体样式为Serif

设置Text行数及文字溢出

        Text("Hello".repeat(50), maxLines = 1)//设置行数上线,超出直接截断
        Text(
            "Hello".repeat(50),
            maxLines = 1,//设置最大行数
            color = colorResource(id = R.color.purple_200),
            overflow = TextOverflow.Ellipsis//文字溢出,文末显示...
        )

多样式配置Text:

1,Text中个别文字字体及颜色设置

         Text(buildAnnotatedString {//设置多样式字体
            withStyle(style = SpanStyle(color = Color.Blue)) {
                append("H")
            }
            append("ello ")
      
### Kotlin Compose 教程示例入门指南 #### 一、环境搭建 为了开始使用 Jetpack Compose 进行开发,开发者需安装最新版本的 Android Studio。Jetpack Compose 需要特定版本以上的 Android Gradle 插件支持[^3]。 ```gradle dependencies { implementation "androidx.compose.ui:ui:$compose_version" implementation "androidx.compose.material:material:$compose_version" implementation "androidx.compose.ui:ui-tooling-preview:$compose_version" androidTestImplementation "androidx.compose.ui:ui-test-junit4:$compose_version" } ``` #### 二、创建第一个Composable函数 在 Jetpack Compose 中,UI 是通过声明式的编程方式来定义的。下面是一个简单的例子展示如何创建一个可组合函数: ```kotlin @Composable fun Greeting(name: String) { Text(text = "Hello $name!") } ``` 此代码片段展示了如何利用 `Text` 组件显示一段文字消息给用户[^1]。 #### 三、状态管理与响应式设计 Jetpack Compose 提供了一套简洁的状态管理系统,允许 UI 自动更新当底层数据发生变化时。例如: ```kotlin var text by remember { mutableStateOf("") } TextField(value = text, onValueChange = { newText -> text = newText }) ``` 这里使用了 `remember` 和 `mutableStateOf` 来追踪文本框内的输入变化并实时反映到界面上[^2]。 #### 四、布局优化技巧 借助于 Android Studio 的新工具——布局检测器对于 Compose 的支持功能,开发者可以获得关于界面结构更深入的理解以及性能调优的机会。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值