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

相关推荐
俩个逗号。。8 小时前
ViewPager+Fragment 切换主题崩溃
android·android studio·android jetpack
alexhilton2 天前
Compose CameraX现已稳定:给Composer的端到端指南
android·kotlin·android jetpack
在狂风暴雨中奔跑4 天前
使用 Compose 权限请求模板高效搭建应用权限流程
android jetpack
H1009 天前
SharedFlow和StateFlow的方案选择-屏幕旋转设计
android jetpack
alexhilton9 天前
理解retain{}的内部机制:Jetpack Compose中基于作用域的状态保存
android·kotlin·android jetpack
Coffeeee10 天前
Labubu很难买?那是因为还没有用Compose来画一个
前端·kotlin·android jetpack
我命由我1234511 天前
Android 对话框 - 对话框全屏显示(设置 Window 属性、使用自定义样式、继承 DialogFragment 实现、继承 Dialog 实现)
android·java·java-ee·android studio·android jetpack·android-studio·android runtime
Jeled12 天前
Android 本地存储方案深度解析:SharedPreferences、DataStore、MMKV 全面对比
android·前端·缓存·kotlin·android studio·android jetpack
我命由我1234512 天前
Android 开发问题:getLeft、getRight、getTop、getBottom 方法返回的值都为 0
android·java·java-ee·android studio·android jetpack·android-studio·android runtime
alexhilton17 天前
Kotlin互斥锁(Mutex):协程的线程安全守护神
android·kotlin·android jetpack