你好,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 开发的大门了,虽然另外半只要进来可能不太容易。

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

相关推荐
一起养小猫15 小时前
Flutter for OpenHarmony 实战:打造功能完整的记账助手应用
android·前端·flutter·游戏·harmonyos
_乐无15 小时前
Unity 发布 Android 安卓端所有文件可读写
android·unity·游戏引擎
User_芊芊君子15 小时前
【LeetCode原地复写零】:双指针+逆向填充,O(n)时间O(1)空间最优解!
android·linux·leetcode
2501_9444480017 小时前
Flutter for OpenHarmony衣橱管家App实战:支持我们功能实现
android·javascript·flutter
2601_949833391 天前
flutter_for_openharmony口腔护理app实战+预约管理实现
android·javascript·flutter
2603_949462101 天前
Flutter for OpenHarmony社团管理App实战:预算管理实现
android·javascript·flutter
王泰虎1 天前
安卓开发日记,因为JCenter 关闭导致加载不了三方库应该怎么办
android
2601_949543011 天前
Flutter for OpenHarmony垃圾分类指南App实战:主题配置实现
android·flutter
2601_949833391 天前
flutter_for_openharmony口腔护理app实战+知识实现
android·javascript·flutter
晚霞的不甘1 天前
Flutter for OpenHarmony从基础到专业:深度解析新版番茄钟的倒计时优化
android·flutter·ui·正则表达式·前端框架·鸿蒙