你好,Jetpack Compose

文章目录

为什么选 Jetpack Compose

  • Jetpack Compose 是 Android 开发最新的、现代化的 UI 框架
  • 开发者几乎只需要使用 Kotlin 一门语言即可完成 App 开发(Java 是基础,有些源码是 Java 写的)
  • 更快的 UI 搭建和更简洁的代码
  • Jetpack Compose 与其他现代化的声明式 UI 具有同质性,例如 SwiftUI、Flutter、ArkUI,可举一反三

先决条件

Android Studio 下载

新建项目

  1. 打开 Android Studio,点击 New Project
  2. 在模板页面选择 Empty Activity ,并且是带有 Jetpack Compose 图标的,点击下一步
  3. 将项目名称更改为 Compose (你可以根据你的喜好起名字,用英文字母),然后点击 Save Location 后边的文件夹,重新选一个路径,记得要把 Compose 重新加到路径上,它是以最后一个文件夹作为项目根。点击完成 ,最后等待 Gradle 同步完成即可,我们会得到一个初始的模板。

新建虚拟设备

如果我们要运行项目,是需要连接真机或虚拟设备的,二选一即可。

Note:真机需要在手机的开发者选项 中将调试 打开,用充电线将电脑与手机连起来,并选择传输文件

  1. 点击侧边栏的 Divece Manager (一个手机图标,右下角是 Android 图标)。
  2. 点击弹出界面上的加号 Add a new device ,再点击弹出来的 Create Virtual Device
  3. 选择设备型号(随你挑),点击下一步
  4. 这里如果系统镜像都是灰色的,需要点击名字旁边的下载图标下载一个(点击后,选择 Accept ,点击下一步 )。选择好镜像后点击下一步
  5. 点击完成 即可。
  6. 接着就会有一个新的设备,点击设备的播放键可以运行,而点击三个点的图标,里面有 Delete 可以删除设备。

运行项目

  1. 当我们连接上设备后,顶栏上会有设备的名称,此时我们可以点击绿色播放按钮,将项目运行到设备上(设备第一次启动需要等待许久)。
  2. 你可以尝试更改项目文件MainActivity.kt 中第24行的Android为其他内容,再一次点击播放按钮(此时它是一个刷新的图标),并查看屏幕中文字的变化。
kt 复制代码
...
Greeting(
    name = "Compose for Android",
    modifier = Modifier.padding(innerPadding)
)
...
  1. 好的,内容就到这里。现在,你已经半只脚踏进 Android 开发的大门了,虽然另外半只要进来可能不太容易。

说实话,新版本的虚拟设备那个假的摄像头影响到屏幕内容显示,强迫症犯了。

相关推荐
企业数字化笔记4 小时前
固定资产财务账与实物账怎么对账?折旧快照、差异检测与SQL核对
android·数据库·sql
千里马-horse5 小时前
第 66 章:在 Android 上运行 Windows 游戏
android·aosp
云边有个稻草人9 小时前
飞牛 NAS 远程访问实战:星空组网连接 Mac 与安卓,从 Compose 部署到 5G 验证
android·5g·macos
YB13759 小时前
kotlin 关键字expect/actual的作用
kotlin
聚美智数9 小时前
手机号归属地-手机号归属地查询-手机归属地-运营商归属地
android·智能手机
恋猫de小郭10 小时前
Shopify 从 React Native 回到 Swift/Kotlin,但是你以为有手就行??
android·前端·ios
菠萝加点糖10 小时前
Android ChipGroup 使用说明
android
我命由我1234510 小时前
Android Compose 开发,使用 ConstraintLayout,但是引入的是旧的 ConstraintLayout
android·java·java-ee·android studio·android jetpack·android-studio·android runtime
小鱼干..11 小时前
http://101.43.154.45:60083/start/index.php?page=hello
android
hai_android11 小时前
Android WorkManager 笔记
android·java