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包中

相关推荐
传奇开心果编程3 小时前
组合优先开发范式:从汉字造字原理到声明式UI组件组合思想
android·flutter·ios·swiftui·移动开发·harmonyos·android jetpack
JMchen19 小时前
【Jetpack 内核实战 08 】:组件整合——DataStore + Room 构建离线优先架构
架构·kotlin·android jetpack
Android打工仔19 小时前
Compose 中何时该用 padding,何时该用 offset
android·android jetpack
hai_android7 天前
Android 设备锁定:Kiosk Mode 实战
android·java·android jetpack
stevenzqzq7 天前
Android Jetpack Compose 列表开发指南:为什么你不需要再为底部 Item 写额外间距
android·android jetpack
JMchen8 天前
【Jetpack 内核实战 02】ViewModel:生命周期管理与数据持久化核心实战
kotlin·android studio·android jetpack
alexhilton9 天前
Room Fts4:全文搜索替代 SQL LIKE
android·kotlin·android jetpack
hai_android9 天前
把 Android App 打包成系统应用(System App)
android·kotlin·android jetpack
JMchen9 天前
【Jetpack 内核实战 01】开篇:Jetpack 组件全家桶核心逻辑与专栏完整规划
android·kotlin·android jetpack