Jetpack Compose 1.0 正式发布，快学起来

Posted 2021-11-04 aikongmeng

学海无涯 Compose

动图

为什么要采用 Jetpack Compose
设计 Compose 的目的是让您更快、更轻松地构建原生 android 应用。通过完全的声明式方法，您只需描述您的用户界面，剩下的就交给 Compose 来处理。随着应用状态的变化，您的 UI 会自动更新，这使得快速构建 UI 变得更加简单

核心功能

• 互操作性: Compose 可以和既有的应用进行互操作。您可以将 Compose UI 嵌入 View，反之亦然。您可以只在屏幕上添加一个按钮，也把自己创建的自定义视图保留在现在用 Compose 打造的界面中。
• Jetpack 集成: Compose 和大家熟知且喜爱的 Jetpack 开发库天然整合。通过与 Navigation、Paging、LiveData (或 Flow/RxJava)、ViewModel 和 Hilt 的整合，Compose 可以与您现有的架构完美共存。
• 列表: Compose 的 Lazy 组件为数据列表的呈现提供了一种简单扼要且功能强大的方式，而且将模版代码精简到了最少。
• Material: Compose 提供了 Material Design 组件和主题的实现，使您能够轻松构建符合您的品牌个性的美观应用。
• 动画: Compose 简明的动画 API 让您可以更轻松地打造出让用户眼前一亮的体验。
  在应用中采用 Compose
  Compose 和其他库
  Compose 中的主题
  列表
  动画

大量的学习资源：

• 教程 - 快速实际体验 Compose，以及了解声明式编程
• 文档 - 从 “Compose 编程思想” 、“状态和 Jetpack Compose” 以及 “架构式层级” 这样的基础话题，到核心 API 的使用指南，包括布局、导航和测试，以及针对开发者工效或者工具等内容。
• Jetpack Compose 使用入门
• Compose 编程思想
• 状态和 Jetpack Compose
• 架构式层级
• Compose 中的布局
• 使用 Compose 进行导航
• 测试 Compose 布局
• 开发者工效
• Compose 工具
• Compose codelab
• 高级状态和副作用 codelab
• 官方示例：https://github.com/android/compose-samples

---

  compose_version = '1.0.0'
  dependencies {
        classpath "com.android.tools.build:gradle:7.0.0"
        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:1.5.10"  
    }
 

必须用1.5.10 而不能用1.5.21，否则会提示

Compiler requires Kotlin version 1.5.10 but you appear to be using Kotlin version 1.5.21 which is not known to be compatible.  Please fix your configuration (or `suppressKotlinVersionCompatibilityCheck` but don't say I didn't warn you!

快捷键代码模板：

comp to set up a @Composable function
prev to create a @Preview composable function
paddp to add a padding Modifier in dp
weight to add a weight Modifier
W, WR, WC to surround the current composable with a Box, Row, or Columncontainer

预览
@Preview 参数必须有默认值 Composable functions with non-default parameters are not supported in Preview unless they are annotated with @PreviewParameter.