Jetpack Compose一:初步了解Compose

Intellij IDEA构建Android开发环境
IntelliJ IDEA 2023.2.1 Android开发变化

IDEA配置使用Gradle

新建Compose工程,取名ComposeStudy



可以看到的是IDEA为项目初始化了部分代码

使用Compose开发不再需要使用xml文件来设计布局了

Compose中的Text也不同于Android View的TextView组件,它是一个Composable函数,只能被其他Composable函数调用,使用Kotlin编译插件将这些Composable函数转化成UI元素

简单来说加了@Composable注解就是Composable函数,命名规范要求Composable函数首字母为大写

UI元素以层级关系叠加展示,也就是说一个组件可以被多个组件包含起来,通过调用Composable函数构建UI层级

如果在横向或者纵向并排的UI元素不经过适当的布局排列,将会得到相互重叠的展示结果

修改主题和样式

Jetpack Compose库默认支持Material Design的设计原则,大多满足开箱即用的UI元素,主要包括颜色、字体和形状。

在创建新的Compose工程时,IDEA会自动生成Material Design主题的模版代码,放在ui-theme包中

相关推荐
雨白1 天前
Hilt 入门指南:从 DI 原理到核心用法
android·android jetpack
我命由我123451 天前
Android 开发 - Android JNI 开发关键要点
android·java·java-ee·android studio·android jetpack·android-studio·android runtime
alexhilton2 天前
在Jetpack Compose中创建CRT屏幕效果
android·kotlin·android jetpack
峰哥的Android进阶之路2 天前
viewModel机制及原理总结
android jetpack
我命由我123454 天前
Android WebView - loadUrl 方法的长度限制
android·java·java-ee·android studio·android jetpack·android-studio·android runtime
Coffeeee4 天前
面试被问到Compose的副作用不会,只怪我没好好学
android·kotlin·android jetpack
Frank_HarmonyOS7 天前
Android APP 的压力测试与优化
android jetpack
QING6188 天前
Jetpack Compose 条件布局与 Layout 内在测量详解
android·kotlin·android jetpack
Lei活在当下8 天前
【现代 Android APP 架构】09. 聊一聊依赖注入在 Android 开发中的应用
java·架构·android jetpack
bqliang8 天前
Jetpack Navigation 3:领航未来
android·android studio·android jetpack