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

相关推荐
帅次12 小时前
深入 MaterialTheme:掌握 ColorScheme 与 Typography 的设计核心
android·kotlin·gradle·android jetpack·compose
simplepeng13 小时前
如何减少 89% 的重组,每个Compose开发者都需要的技巧 - derivedStateOf
android·android jetpack
帅次15 小时前
Navigation Compose:NavHost、NavController 与参数
android·kotlin·gradle·android jetpack·compose
赏金术士2 天前
JetPack Compose 弹窗、菜单、交互组件(五)
android·kotlin·交互·android jetpack·compose
赏金术士2 天前
JetPack Compose 基础核心模块(一)
android·kotlin·android jetpack·compose
alexhilton2 天前
如何用Perfetto来对启动优化去伪存真
android·kotlin·android jetpack
Aleyn2 天前
用 KSP 给 Navigation 3 加一层「跨模块路由」:nav3-helper 设计与使用
android·android jetpack·composer
帅次4 天前
状态 StateFlow、ViewModel 与 UI 收集
android·kotlin·gradle·android studio·android jetpack
帅次4 天前
Compose 入门:@Composable、组合与重组
android·kotlin·gradle·android jetpack·compose·composable
alexhilton6 天前
揭密:Compose应用如何做到启动提升34%
android·kotlin·android jetpack