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

相关推荐
Junerver6 天前
在 Jetpack Compose 中扩展 useRequest 实现自定义数据处理、异常回滚
android·前端·android jetpack
沐言人生7 天前
Android10 Framework—Init进程-5.SEAndroid机制
android·android studio·android jetpack
丶白泽12 天前
彻底掌握Android中的ViewModel
android·android jetpack
一杯凉白开13 天前
Now in Android !AndroidApp开发的最佳实践,让我看看是怎么个事?
android·架构·android jetpack
alexhilton13 天前
搞定在Jetpack Compose中优雅地申请运行时权限
android·kotlin·android jetpack
帅次21 天前
Android Studio:驱动高效开发的全方位智能平台
android·ide·flutter·kotlin·gradle·android studio·android jetpack
时空掠影2 个月前
Kotlin compose 实现Image 匀速旋转
android·java·开发语言·ios·kotlin·android jetpack·android-studio
白瑞德2 个月前
Android LiveData的使用和原理分析
android·android jetpack
alexhilton2 个月前
降Compose十八掌之『密云不雨』| Navigation
android·kotlin·android jetpack
白瑞德2 个月前
ViewModel的创建、销毁和恢复
android jetpack