#每天一个知识点#
Android Studio 内置Compose实时模板系列
操作方式:选中Compose代码片段,输入缩写,按下 Tab 自动包裹
缩写 名称 功能
WC Wrap Column 用 Column {} 包裹选中代码
WR Wrap Row 用 Row {} 包裹选中代码
W Wrap Box 用 Box {} 包裹选中代码
WS Wrap Surface 用 Surface {} 包裹选中代码WCrd Wrap Card 用 Card {} 包裹选中代码
补充:
1. 这一类 Wrap 模板是实时模板(Live Template),不是系统快捷键,靠缩写+Tab触发。
2. 查看/管理位置:Settings → Editor → Live Templates → Compose
3. 配套查看函数全部参数:
Windows: Alt + Enter → Show function parameters
Mac: Option + Enter
#每天一个知识点#
每天一个知识点:jetpack compose项目的setContent {}
setContent {} 是 ComponentActivity 的扩展函数,是 Jetpack Compose 页面UI挂载入口。
不再加载XML布局,用来替代传统 Android 的 setContentView() ,它加载的是可组合函数(@Composable)构成的声明式UI树。
```kotlin
class MainActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
// 根Compose UI,此处写@Composable函数
Text("Hello Compose")
}
}
}
```
关键点:
1. 大括号是 Lambda 代码块,内部只能调用标记 @Composable 的可组合函数;
2. 自动搭建 Compose 重组环境,管理状态、UI重组更新;
3. 仅限 ComponentActivity ,普通 AppCompatActivity 不能直接使用;
4. 和 @Preview 区别: @Preview 只是IDE静态预览, setContent 是真机、模拟器上真实运行的UI入口。
简洁地说:
每天一个知识点:jetpack compose项目的setContent {}
setContent {} 是ComponentActivity中Compose的UI挂载入口,替代传统setContentView,不再加载XML布局,加载由@Composable可组合函数构建的声明式UI树,是页面Compose UI树的起点。
每天一个知识点:jetpack compose项目的setContent {}
setContent {} 是 ComponentActivity 的扩展函数,是 Jetpack Compose 页面UI挂载入口。
不再加载XML布局,用来替代传统 Android 的 setContentView() ,它加载的是可组合函数(@Composable)构成的声明式UI树。
```kotlin
class MainActivity : ComponentActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
// 根Compose UI,此处写@Composable函数
Text("Hello Compose")
}
}
}
```
关键点:
1. 大括号是 Lambda 代码块,内部只能调用标记 @Composable 的可组合函数;
2. 自动搭建 Compose 重组环境,管理状态、UI重组更新;
3. 仅限 ComponentActivity ,普通 AppCompatActivity 不能直接使用;
4. 和 @Preview 区别: @Preview 只是IDE静态预览, setContent 是真机、模拟器上真实运行的UI入口。
简洁地说:
每天一个知识点:jetpack compose项目的setContent {}
setContent {} 是ComponentActivity中Compose的UI挂载入口,替代传统setContentView,不再加载XML布局,加载由@Composable可组合函数构建的声明式UI树,是页面Compose UI树的起点。
展开
评论
1