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

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

相关推荐
一 乐44 分钟前
健康打卡|健康管理|基于java+vue+的学生健康打卡系统设计与实现(源码+数据库+文档)
android·java·数据库·vue.js·spring boot·微信小程序
天平2 小时前
开发了几个app后,我在React Native用到的几个库的推荐
android·前端·react native
如果'\'真能转义说2 小时前
Android | 资源类型详解
android
用户69371750013842 小时前
4.Kotlin 流程控制:强大的 when 表达式:取代 Switch
android·后端·kotlin
用户69371750013842 小时前
5.Kotlin 流程控制:循环的艺术:for 循环与区间 (Range)
android·后端·kotlin
Android系统攻城狮3 小时前
Android ALSA驱动进阶之获取周期帧数snd_pcm_lib_period_frames:用法实例(九十五)
android·pcm·android内核·音频进阶·周期帧数
雨白5 小时前
Jetpack Compose 实战:自定义自适应分段按钮 (Segmented Button)
android·android jetpack
AskHarries5 小时前
RevenueCat 接入 Google Play 订阅全流程详解(2025 最新)
android·flutter·google
The best are water6 小时前
MySQL FEDERATED引擎跨服务器数据同步完整方案
android·服务器·mysql
消失的旧时光-19436 小时前
我如何理解 Flutter 本质
android·前端·flutter