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 小时前
我又又又辞职了,然后做了一款“离线版微信”
kotlin·app·android jetpack
XiaoLeisj1 天前
Android 媒体能力实战:从 Media3 音视频播放到 CameraX 拍照与视频录制
android·音视频·媒体·android jetpack
段娇娇2 天前
Android jetpack ViewBinding(一)使用篇
android·android jetpack
hnlgzb3 天前
常见的Android Jetpack库会有哪些?这些库中又有哪些常用类的?
android·android jetpack
木子予彤3 天前
直破 Android 17 大屏困局:Navigation 3 架构深度解析
android·android jetpack
阿巴斯甜4 天前
DisposableEffect的使用:
android jetpack
阿巴斯甜4 天前
rememberCoroutineScope 的使用
android jetpack
阿巴斯甜4 天前
LaunchedEffect的学习
android jetpack
阿巴斯甜4 天前
observeAsState和collectAsStateWithLifecycle 的区别:
android jetpack
Fate_I_C4 天前
Android现代开发:Kotlin&Jetpack
android·开发语言·kotlin·android jetpack