Android Compose 五：常用组件 TextField

于 2024-05-15 15:15:49 发布
阅读量916 收藏 20
点赞数 30
文章标签： android compose
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41648633/article/details/138890679
版权

1、基本使用

1.1 随便用用
TextField(value = "吃吃吃", onValueChange = {})

结果

  • 点击输入框可以弹出软键盘
  • 光标显示正常 到文字最后位置
  • 文字 “吃吃吃” 无法删除
  • 输入文本无法变更
    在这里插入图片描述
1.2 使用
 val text = remember {mutableStateOf("这一个输入框") }
TextField(
       value = text.value,
       onValueChange = {text.value = it},
   )

结果：
可正常输入删除 value参数 需要一个动态的值来表示显示

1.3 enabled 默认true 是否可用

enabled = false 不可用
结果

  • 输入框不可操作 约等于 文本显示效果
1.4 readOnly 默认false 是否只读

readOnly = true

TextField(
           value = text.value,
           onValueChange = {text.value = it},
           modifier = Modifier.clickable {
              Log.i("text_compose","点击>>")
           },
           readOnly = true,
       )

结果

  • 点击不弹出输入框
  • 点击有选中效果 但点击事件未触发
  • 文字可通过设置 text.value变更
    在这里插入图片描述
    在这里插入图片描述
1.5 textStyle 基本上与Text的style 一样

Text 的 style: TextStyle = LocalTextStyle.current
TextField 的 textStyle: TextStyle = LocalTextStyle.current,

 constructor(
        color: Color = Color.Unspecified,    // 与Text的color效果一致 设置文字颜色   优先级低于 Text的color
        fontSize: TextUnit = TextUnit.Unspecified,  //设置字体大小   优先级低于 Text的
        fontWeight: FontWeight? = null,   //设置字体权重   优先级低于 Text的
        fontStyle: FontStyle? = null,   //设置字体斜体   优先级低于 Text的
        fontSynthesis: FontSynthesis? = null,     大概可能就是使用的fontFamily 没有粗体或者斜体的时候，系统给造一个
        fontFamily: FontFamily? = null,   //设置字体  草书什么的
        fontFeatureSettings: String? = null,   //字体的高级设置  与 CCS一致
        letterSpacing: TextUnit = TextUnit.Unspecified,     //文字间隔
        baselineShift: BaselineShift? = null,    //文字基线
        textGeometricTransform: TextGeometricTransform? = null,   //缩放与倾斜
        localeList: LocaleList? = null,
        background: Color = Color.Unspecified,   //背景
        textDecoration: TextDecoration? = null,     //下划线删除线
        shadow: Shadow? = null,   //阴影
        textAlign: TextAlign? = null,       //对齐方式
        textDirection: TextDirection? = null,  //文字方向
        lineHeight: TextUnit = TextUnit.Unspecified, //行高
        textIndent: TextIndent? = null  //缩进
    )
1.5.1 TextStyle - color
textStyle = TextStyle(
               color = Color(0xFFFF0000)
           ),

效果
在这里插入图片描述

1.5.2 TextStyle - fontSize
textStyle = TextStyle(
               color = Color(0xFFFF0000),
               fontSize = 50.sp
           ),

在这里插入图片描述

1.5.3 TextStyle - fontWeight
 textStyle = TextStyle(
               color = Color(0xFFFF0000),
               fontSize = 50.sp,
               fontWeight = FontWeight.Bold
           ),

效果
在这里插入图片描述

1.5.4 TextStyle - fontStyle
 textStyle = TextStyle(
               color = Color(0xFFFF0000),
               fontSize = 50.sp,
               fontWeight = FontWeight.Bold,
               fontStyle = FontStyle.Italic,
           ),

结果
在这里插入图片描述

1.5.5 TextStyle - baselineShift
 textStyle = TextStyle(
               color = Color(0xFFFF0000),
               fontSize = 50.sp,
               fontWeight = FontWeight.Bold,
               fontStyle = FontStyle.Italic,
               baselineShift = BaselineShift(0.6f)
           ),

结果
在这里插入图片描述

1.5.6 TextStyle - textGeometricTransform
 textStyle = TextStyle(
               color = Color(0xFFFF0000),
               fontSize = 50.sp,
               fontWeight = FontWeight.Bold,
               fontStyle = FontStyle.Italic,
               baselineShift = BaselineShift(0.6f),
               textGeometricTransform = TextGeometricTransform(0.5f,0.5f)
           ),

结果
在这里插入图片描述

1.5.7 TextStyle - background
 textStyle = TextStyle(
               color = Color(0xFFFF0000),
               fontSize = 50.sp,
               fontWeight = FontWeight.Bold,
               fontStyle = FontStyle.Italic,
               baselineShift = BaselineShift(0.6f),
               textGeometricTransform = TextGeometricTransform(0.5f,0.5f),
               background = Color(0xFF00FF00)
           ),

效果
在这里插入图片描述

1.5.8 TextStyle - textDecoration
 textStyle = TextStyle(
               color = Color(0xFFFF0000),
               fontSize = 50.sp,
               fontWeight = FontWeight.Bold,
               fontStyle = FontStyle.Italic,
               baselineShift = BaselineShift(0.6f),
               textGeometricTransform = TextGeometricTransform(0.5f,0.5f),
               background = Color(0xFF00FF00),
               textDecoration = TextDecoration.LineThrough
           ),

效果
在这里插入图片描述

1.5.9 TextStyle - shadow
textStyle = TextStyle(
               color = Color(0xFFFF0000),
               fontSize = 50.sp,
               fontWeight = FontWeight.Bold,
               fontStyle = FontStyle.Italic,
               baselineShift = BaselineShift(0.6f),
               textGeometricTransform = TextGeometricTransform(0.5f,0.5f),
               background = Color(0xFF00FF00),
               textDecoration = TextDecoration.LineThrough,
               shadow = Shadow(color= Color(0xFF0000FF), Offset(5f,10f),3f)
           ),

效果
在这里插入图片描述

1.5.10 TextStyle - textAlign
 textStyle = TextStyle(
               color = Color(0xFFFF0000),
               fontSize = 50.sp,
               fontWeight = FontWeight.Bold,
               fontStyle = FontStyle.Italic,
               baselineShift = BaselineShift(0.6f),
               textGeometricTransform = TextGeometricTransform(0.5f,0.5f),
               background = Color(0xFF00FF00),
               textDecoration = TextDecoration.LineThrough,
               shadow = Shadow(color= Color(0xFF0000FF), Offset(5f,10f),3f),
               textAlign = TextAlign.Right
           ),

效果
在这里插入图片描述

1.5.11 TextStyle - textDirection 文字方向 从右往左或从左往右
  • Rtl right to left
  • Ltr left to right
textStyle = TextStyle(
               color = Color(0xFFFF0000),
               fontSize = 50.sp,
               fontWeight = FontWeight.Bold,
               fontStyle = FontStyle.Italic,
               baselineShift = BaselineShift(0.6f),
               textGeometricTransform = TextGeometricTransform(0.5f,0.5f),
               background = Color(0xFF00FF00),
               textDecoration = TextDecoration.LineThrough,
               shadow = Shadow(color= Color(0xFF0000FF), Offset(5f,10f),3f),
               textAlign = TextAlign.Right,
               textDirection = TextDirection.Rtl
           ),

效果： 测试手机无效果
在这里插入图片描述

1.5.12 TextStyle - lineHeight
 textStyle = TextStyle(
               color = Color(0xFFFF0000),
               fontSize = 50.sp,
               fontWeight = FontWeight.Bold,
               fontStyle = FontStyle.Italic,
               baselineShift = BaselineShift(0.6f),
               textGeometricTransform = TextGeometricTransform(0.5f,0.5f),
               background = Color(0xFF00FF00),
               textDecoration = TextDecoration.LineThrough,
               shadow = Shadow(color= Color(0xFF0000FF), Offset(5f,10f),3f),
               textAlign = TextAlign.Right,
               textDirection = TextDirection.Rtl,
               lineHeight = 200.sp
           ),

结果 无效果
在这里插入图片描述

1.5.13 TextStyle - textIndent
textStyle = TextStyle(
               color = Color(0xFFFF0000),
               fontSize = 50.sp,
               fontWeight = FontWeight.Bold,
               fontStyle = FontStyle.Italic,
               baselineShift = BaselineShift(0.6f),
               textGeometricTransform = TextGeometricTransform(0.5f,0.5f),
               background = Color(0xFF00FF00),
               textDecoration = TextDecoration.LineThrough,
               shadow = Shadow(color= Color(0xFF0000FF), Offset(5f,10f),3f),
               textAlign = TextAlign.Right,
               textDirection = TextDirection.Rtl,
               lineHeight = 200.sp,
               textIndent = TextIndent(50.sp,100.sp)
           ),

效果
在这里插入图片描述

1.5 label 输入框的标签
val text = remember {
        mutableStateOf("")
    }
TextField(
           value = text.value,
           onValueChange = {text.value = it},
           modifier = Modifier.clickable {
              Log.i("text_compose","点击>>")
           },
           label = {Text(text = "这是一个lable")},

       )

效果
请添加图片描述
如果text有默认值

val text = remember {
        mutableStateOf("这一个输入框")
    }

效果
请添加图片描述

1.6 placeholder 占位内容 当文本框为空时显示
  • val text = remember { mutableStateOf(“”) } //不设置默认值
  • 删除lable
val text = remember {
          mutableStateOf("")
      }

      TextField(
          value = text.value,
          onValueChange = {text.value = it},
          modifier = Modifier.clickable {
             Log.i("text_compose","点击>>")
          },

          placeholder = {Text(text = "这是一个placeholder")},
      )

效果如下
请添加图片描述

1.7 leadingIcon trailingIcon

在这里插入图片描述

 TextField(
           value = text.value,
           onValueChange = {text.value = it},
           modifier = Modifier.clickable {
              Log.i("text_compose","点击>>")
           },

           placeholder = {Text(text = "这是一个placeholder")},
           leadingIcon = {
               Image(painter = painterResource(id = R.drawable.ic_cattle), contentDescription = "")
           },
           trailingIcon = {
               Image(painter = painterResource(id = R.drawable.ic_cattle), contentDescription = "")
           },
       )

效果
在这里插入图片描述

1.8 supportingText

在这里插入图片描述

 TextField(
           value = text.value,
           onValueChange = {text.value = it},
           modifier = Modifier.clickable {
              Log.i("text_compose","点击>>")
           },

           placeholder = {Text(text = "这是一个placeholder")},
           leadingIcon = {
               Image(painter = painterResource(id = R.drawable.ic_cattle), contentDescription = "")
           },
           trailingIcon = {
               Image(painter = painterResource(id = R.drawable.ic_cattle), contentDescription = "")
           },
           supportingText = {Text(text = "这是一个supportingText")},
       )

效果
在这里插入图片描述

isError = true,

在这里插入图片描述

实现有错误时，文本框底部提醒功能
  • 场景，列入 登录时的 账号不存在，或者密码错误
 val text = remember {
           mutableStateOf("")
       }

       val isError = remember {
           mutableStateOf(false)
       }

       TextField(
           value = text.value,
           onValueChange = {text.value = it},
           modifier = Modifier.clickable {
              Log.i("text_compose","点击>>")
           },

           placeholder = {Text(text = "这是一个placeholder")},
           leadingIcon = {
               Image(painter = painterResource(id = R.drawable.ic_cattle), contentDescription = "")
           },
           trailingIcon = {
               Image(painter = painterResource(id = R.drawable.ic_cattle), contentDescription = "")
           },
           supportingText = {
               AnimatedVisibility(visible = isError.value){
                   Text(text = "这是一个supportingText")
               }
            },
           isError = isError.value,
       )

       Text(text = "点我", modifier = Modifier.clickable {
           isError.value = !isError.value }, )

效果
请添加图片描述

1.9 visualTransformation 把输入的文字转换成指定的字符

在这里插入图片描述
密码加密

visualTransformation = PasswordVisualTransformation()

效果
请添加图片描述
也可以指定字符

 visualTransformation = PasswordVisualTransformation(mask = '啦')

效果就是输入的字符全变成啦
在这里插入图片描述

1.10 keyboardOptions 设置键盘类型 和 发送/确认/go按钮的文字

在这里插入图片描述

弹出密码键盘

keyboardOptions = KeyboardOptions(
               keyboardType = KeyboardType.Password
           )

在这里插入图片描述

keyboardType = KeyboardType.Number
在这里插入图片描述

imeAction
在这里插入图片描述
imeAction = ImeAction.Next
在这里插入图片描述

imeAction = ImeAction.Search 键盘按钮变成搜索
在这里插入图片描述

1.11 keyboardActions 触发键盘的按钮发送事件
 TextField(
           value = text.value,
           modifier = Modifier.fillMaxWidth(),
           onValueChange = {text.value = it},
           placeholder = {Text(text = "这是一个placeholder")},
           singleLine = true,
           keyboardOptions = KeyboardOptions(imeAction = ImeAction.Next),
           keyboardActions = KeyboardActions(
               onAny = {
                   Log.i("text_compose","KeyboardActions>>")
               }
           ),
           colors = TextFieldDefaults.textFieldColors(
               focusedIndicatorColor = Color.Red,
               unfocusedIndicatorColor = Color.Blue,
               containerColor = Color.Transparent,
               textColor = TEXT_COLOR_333,
               placeholderColor = TEXT_COLOR_999,
               cursorColor = Color.Cyan
           )
       )

效果，日志
在这里插入图片描述

1.12 singleLine 是否一行
1.13 maxLines 最大行数 与singleLine 互斥

maxLines = 3, 最大三行
在这里插入图片描述

1.14 interactionSource 用于设置交互源，以便对输入框进行手势交互

在这里插入图片描述

1.15 shape输入框的形状

设置圆角矩形
shape = RoundedCornerShape(20.dp)

效果
在这里插入图片描述

1.16 colors 所有的颜色都通过此设置

例如 无焦点相关 获取到焦点相关 光标颜色 内容 文字 背景 等颜色
在这里插入图片描述

 TextField(
           value = text.value,
           onValueChange = {text.value = it},
           placeholder = {Text(text = "这是一个placeholder")},
           shape = CircleShape,
           colors = TextFieldDefaults.textFieldColors(
               focusedIndicatorColor = Color(0xFFFF0000),
               disabledIndicatorColor = Color(0xFF00FF00),
               unfocusedIndicatorColor = Color(0xFF0000FF),
           )
       )

未获取焦点时 底部横线颜色
在这里插入图片描述

获取焦点时底部横线颜色
在这里插入图片描述

自定义输入框背景样式

1 圆角矩形
  • 去除底部横线
 colors = TextFieldDefaults.textFieldColors(
               focusedIndicatorColor = Color.Transparent,
               disabledIndicatorColor = Color.Transparent,
               unfocusedIndicatorColor = Color.Transparent,
           )

TextField(
           value = text.value,
           modifier = Modifier.fillMaxWidth(),
           onValueChange = {text.value = it},
           placeholder = {Text(text = "这是一个placeholder")},
           shape = RoundedCornerShape(10),
           colors = TextFieldDefaults.textFieldColors(
               focusedIndicatorColor = Color.Transparent,
               disabledIndicatorColor = Color.Transparent,
               unfocusedIndicatorColor = Color.Transparent,
               containerColor = Color.Red,
               textColor = Color.White,
               placeholderColor = Color.White
           )
       )

效果：
在这里插入图片描述

2 椭圆

修改shape

shape = CircleShape,

在这里插入图片描述

3 下滑线
TextField(
           value = text.value,
           modifier = Modifier.fillMaxWidth(),
           onValueChange = {text.value = it},
           placeholder = {Text(text = "这是一个placeholder")},
           colors = TextFieldDefaults.textFieldColors(
               focusedIndicatorColor = Color.Red,
               unfocusedIndicatorColor = Color.Blue,
               containerColor = Color.Transparent,
               textColor = TEXT_COLOR_333,
               placeholderColor = TEXT_COLOR_999
           )
       )

效果
在这里插入图片描述
获取焦点后
在这里插入图片描述

4设置光标颜色 cursorColor = Color.Cyan
 colors = TextFieldDefaults.textFieldColors(
               focusedIndicatorColor = Color.Red,
               unfocusedIndicatorColor = Color.Blue,
               containerColor = Color.Transparent,
               textColor = TEXT_COLOR_333,
               placeholderColor = TEXT_COLOR_999,
               cursorColor = Color.Cyan
           )

输入变化监听

就使用

 onValueChange = {text.value = it},

键盘弹出与隐藏


 val keyboardController = LocalSoftwareKeyboardController.current

 TextField(
           value = text.value,
           modifier = Modifier.fillMaxWidth(),
           onValueChange = {text.value = it},
           placeholder = {Text(text = "这是一个placeholder")},
           singleLine = true,
           keyboardOptions = KeyboardOptions(imeAction = ImeAction.Next),
           keyboardActions = KeyboardActions(
               onAny = {
                   Log.i("text_compose","KeyboardActions>>")
               }
           ),
           colors = TextFieldDefaults.textFieldColors(
               focusedIndicatorColor = Color.Red,
               unfocusedIndicatorColor = Color.Blue,
               containerColor = Color.Transparent,
               textColor = TEXT_COLOR_333,
               placeholderColor = TEXT_COLOR_999,
               cursorColor = Color.Cyan
           )
       )


       Text(
           text = "弹出软键盘",
           modifier = Modifier.clickable { keyboardController?.show() }
       )
       Text(
           text = "隐藏软键盘",
           modifier = Modifier.clickable { keyboardController?.hide() }
       )
弹出软键盘 需要在软键盘弹出一次，的情况下才有效果（也就是TextField获取到焦点之后），否则不会弹出

请添加图片描述

键盘弹出与隐藏监听 用到再瞅

聊天布局效果

 Column(modifier = Modifier) {

  
       Box(
           modifier = Modifier.weight(1f)
       ) {

       }

       val text = remember {
           mutableStateOf("")
       }
       TextField(
           value = text.value,
           modifier = Modifier.fillMaxWidth(),
           onValueChange = {text.value = it},
           placeholder = {Text(text = "这是一个placeholder")},
           singleLine = true,
           keyboardOptions = KeyboardOptions(imeAction = ImeAction.Next),
           keyboardActions = KeyboardActions(
               onAny = {
                   Log.i("text_compose","KeyboardActions>>")
               }
           ),
           colors = TextFieldDefaults.textFieldColors(
               focusedIndicatorColor = Color.Red,
               unfocusedIndicatorColor = Color.Blue,
               containerColor = Color.Transparent,
               textColor = TEXT_COLOR_333,
               placeholderColor = TEXT_COLOR_999,
               cursorColor = Color.Cyan
           )
       )
   }

请添加图片描述

魑魅魍魉都是鬼
关注
  • 30
    点赞
  • 踩
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android Mms之:深入理解Compose
09-05
本篇文章是对Compose进行了详细的分析介绍，需要的朋友参考下
android compose 从入门到精通 新手必备
06-02
android compose 从入门到精通 新手必备
compose-markdown:适用于Android Jetpack的Markdown文本:clipboard:
03-06
MarkdownText-Jetpack撰写 降价促销 HTML 图像 强调 林菲 桌子 设置 配置root build.gradle ： allprojects { repositories { ... maven { url 'https://jitpack.io' } } } 将依赖build.gradle添加到build.gradle ： dependencies { implementation ' com.github.jeziellago:compose-markdown:0.1.0 ' } 如何使用 val markdown = """ # Sample * Markdown * [Link](https://example.com) ![Image](h
docker-compose:常用的 docker-compose 文件
05-22
docker-compose 常用的 docker-compose 文件
谷歌最新技术，Android开发，Jetpack Compose，Jetpack架构组件
09-12
谷歌最新技术，Android开发，Jetpack Compose，Jetpack架构组件
Android Compose TextField （文本框）基本操作
qq_28673213的博客
06-19 1414
compose TextFiled
compose中的TextField
zhangshiwen的博客
07-29 2194
TextField位于androidx.compose.ui:ui-text包下，属于Text体系里面的。该函数类似EditText，样式就是MD风格 基础API @Composable fun TextField( // 输入框内容 value: String, // 内容更改回调 比较简单就是类似EditText中addTextChangedListener函数监听值变化 onValueChange: (String) -> Unit, // 基础样式
Android开发之Compose基础学习-TextFiled文本输入框基本用法
xiayiye5的博客
08-20 1220
【代码】Android开发之Compose基础学习-TextFiled文本输入框基本用法。
Android的开始之TextField控件
weixin_30666753的博客
02-24 219
android:inputType: "text"Normal text keyboard."textEmailAddress"Normal text keyboard with the @ character."textUri"Normal text keyboard with the / character."number"Basic number keypad."phone"Ph...
Compose | UI组件(三) | TextField() 输入框组件
让 学习 成为一种 习惯 ( 谭祖爱 & 技术博客 )
01-27 1204
TextField表示默认的输入框组件，OutlinedTextField表示带有边框的输入框组件，BasicTextField表示底层输入框组件，可自定义
自定义输入textfield
07-23
自定义输入textfield，这个源码是在源码天堂那个转载过来的，具体大家可以到那里看看一下吧，希望大家能够喜欢。 演示图：http://code.662p.com/view/10936.html
Jetpack Compose 中的基础组件
川峰的博客
06-08 2482
Jetpack Compose 中的基础组件，Jetpack Compose 中的基础组件，Jetpack Compose 中的基础组件，Jetpack Compose 中的基础组件，Jetpack Compose 中的基础组件，Jetpack Compose 中的基础组件，Jetpack Compose 中的基础组件，Jetpack Compose 中的基础组件，Jetpack Compose 中的基础组件，Jetpack Compose 中的基础组件，Jetpack Compose 中的基础组件，Jet
Compose搭档 — ViewModel、LiveData
热门推荐
乐翁龙
05-26 1万+
文章目录Compose如虎添翼 -- 搭配ViewModel、LiveData！！！一、需求一览二、架构、流程三、Compose UI开发3.1、搜索框3.2、折线图四、ViewModel 业务开发五、Compose和ViewModel建立关系六、总结 Compose如虎添翼 – 搭配ViewModel、LiveData！！！ 单纯的使用Compose来进行UI的展示，相信我们已经运用自如了，接下来的文章我们一起搭配其他Jetpack组件，例如LiveData，ViewModel、Room等来了解下Comp
JetPack Compose之TextField使用指南
最新发布
左大侠的博客
02-05 1287
让你彻底明白Jetpack中的textField使用
【Flutter 问题系列第 7 篇】TextField 去掉下划线
“Allen Su”的博客
09-10 4201
TextField 去掉下划线
Compose 中 TextField 的有效状态管理
虎哥LoveDroid
06-02 1002
如果您的TextField state需要在键入时进行业务逻辑验证，则将状态提升到ViewModel中是正确的。如果不需要，您可以使用Composables或状态持有类作为真正的数据源。一般的规则是，您应该将状态放在尽可能低的位置，同时仍然被正确地拥有，这通常意味着更接近它被使用的地方。有关Compose中状态的更多信息，请查看我们的指南。在解决此问题时，重要的不是将TextField state提升到哪里，而是如何存储它。
Compose之TextField
腾飞吧！
08-08 511
要查看所有属性和更详细的信息，可以参考官方文档：https://developer.android.com/reference/kotlin/androidx/compose/material3/TextField。然后，我们使用remember来创建一个可变状态，以跟踪输入框中的文本值。接下来，我们使用TextField组件创建了一个文本输入框，设置了初始值、输入变化监听器、标签、占位符等属性。在Jetpack Compose中，TextField是一个常用的组件，用于创建文本输入框。
七、使用Jetpack Compsoe编写一个写小说的Android应用：自定义Textfield
ncm1584716的博客
12-05 400
新页面的建立和自定义textfield
Android Compose TextField输入框控件
qq_41899289的博客
09-13 1364
@Composable fun TextFieldDemo(){ Column(Modifier.statusBarsPadding()) { var text by remember { mutableStateOf("") } //rememberSaveable与remember相似，但存储的值将使用保存的实例状态机制在活动或进程重新创建后继续存在（例如，在 Android 应用程序中旋转屏幕时会发生这种情况）。 var isError by .
android compose
01-12
Android Compose是一种用于构建用户界面的声明式UI框架。它允许开发者使用Kotlin编写简洁、可组合和可测试的UI代码。下面是使用Android Compose的步骤： 1. 在项目的build.gradle文件中添加Compose依赖： ```groovy dependencies { implementation 'androidx.compose.ui:ui:1.0.0-beta01' implementation 'androidx.compose.material:material:1.0.0-beta01' implementation 'androidx.compose.runtime:runtime:1.0.0-beta01' } ``` 2. 在Activity中使用ComposeView来关联Compose代码和传统的Android View： ```kotlin import androidx.appcompat.app.AppCompatActivity import android.os.Bundle import androidx.compose.foundation.Text import androidx.compose.foundation.layout.Column import androidx.compose.runtime.Composable import androidx.compose.ui.platform.setContent class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContent { ComposeContent() } } } @Composable fun ComposeContent() { Column { Text(text = "Hello, Android Compose!") } } ``` 3. 运行项目，即可看到使用Android Compose构建的界面。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值