阅读 3781

Android Sunflower 带您玩转 Jetpack

作者:宋立心 (Tiem Song), Android 软件工程师

本文为谷歌开发者原创文章,未经允许,谢绝转载 原文链接:mp.weixin.qq.com/s/k-zQVB5Eh…

△ 插图作者:Virginia Poltrack

在 Google I/O 2018 开发者大会上,我们推出了 Android Jetpack,其中包含的 Android 开发架构组件能够帮助您简化开发流程,从而轻松打造出优质应用。开发者能够利用 Jetpack 组件学习最佳实践,减少样板代码,简化复杂任务,进而将精力集中在关键代码上。

为了帮助开发者把 Jetpack 组件集成到自己的应用中,我们开发出一款名为 Sunflower (太阳花) 的圆艺应用,让您能够在模拟养花的过程中学习最佳 Android 开发实践,了解别的开发者是如何利用 Android Jetpack 优化开发流程的。如果您是第一次接触 Jetpack,您可以先访问官方网站了解 Jetpack 基本知识,在动手开发出第一个基于 Jetpack 的简单应用之后,再进行下一步。

本文是 Sunflower 系列文章的第一篇,希望大家在阅读本文后能够对应用有个初步的了解,并且对应用中涉及的 Jetpack 组件有一定认识。该系列的其它文章会陆续与各位开发者见面,如果您对 Jetpack 和 Android 开发感兴趣,或者想要进一步探索 Jetpack 导航组件,了解如何利用 WorkManager 调度循环任务,请持续关注 Sunflower 系列文章。

Android Jetpack developer.android.google.cn/jetpack/

Sunflower (太阳花) github.com/googlesampl…

Jetpack 基本知识 developer.android.google.cn/jetpack/

开发出第一个基于 Jetpack 的简单应用 developer.android.google.cn/jetpack/doc…

游园指南

应用首次开启时会在屏幕上显示 “我的花园” 界面;当然此时的花园内尚未种植任何植物。

△ 未种植任何植物的 “我的花园”

接下来,我们就动手种株植物吧!在您轻触左上角抽屉菜单键,打开侧边栏后,界面内会显示植物列表。

△ 植物目录

每种植物都有对应的生长区。而生长区是按照地理纬度划分的,它代表最适合该植物生长的地区。如果想要对植物列表进行筛选,您只需要在菜单栏中直接选定某一生长区即可。

选定植物后,界面便会转入 “植物详情” 页面。

△ 植物介绍

在植物详情详情页面中,您可以看到该植物的名称、描述、浇水方法以及照片。您可以点击界面内的悬浮操作按钮,将植物添加到自己的花园;也可以在菜单栏点击 “分享” 选项,将植物信息分享给好友。

在添加一株或多株植物后,您就可以在 “我的花园” 界面中看到已种植成功的植物,同时植物图片的下方还会还显示该植物的种植日期以及下次浇水时间。接下来,让我们跳转回 “我的花园” 看看都种了哪些植物吧。

悬浮操作按钮 developer.android.google.cn/guide/topic…

“分享” developer.android.google.cn/training/sh…

△ 种植后的 “我的花园”

此时,“我的花园” 界面内,我们已经可以看到成功添加的植物、它们的种植日期以及上次浇水的时间。

使用 Jetpack 组件

Sunflower 使用了 Jetpack 中的许多组件,以下为各个组件在应用中所扮演的角色: Sunflower 完全采用 Kotlin 语言,并且使用了 Android KTX 完成全部代码的编写。Android KTX 是一组 Kotlin 扩展库,它为 Kotlin 优化了 Jetpack 和 Android 平台 API,从而让 Kotlin 的源代码更加简洁和自然。 本应用采用 “单 Activity 多 Fragment” 的开发模式,并且利用导航组件 (Navigation component) 以及过渡动画 (transition animation actions) 实现 fragment 之间的切换。 应用通过 ConstraintLayout 和 Data Binding 在界面上创建基于 fragment 的布局。 Room 提供数据库级别的本地数据管理服务,负责将植物列表信息和 “我的花园” 条目储存在设备上;而 ViewModels 则是通过 LiveData 将上述本地信息呈现至 UI 界面。 AppCompat 保证了应用的核心功能可以在旧版本的 Android 系统上顺利运行。 WorkManager 负责管理后台任务。 用户可以分享植物详情至设备上的其它应用,也可以将其复制到 “剪贴板” 里。 应用检测 (方面) 使用了本地 JUnit 单元测试和 Espresso Android UI 测试。

Kotlin developer.android.google.cn/kotlin

Android KTX developer.android.google.cn/kotlin/ktx

Fragment developer.android.google.cn/guide/compo…

Navigation component developer.android.google.cn/topic/libra…

transition animation actions developer.android.google.cn/topic/libra…

ConstraintLayout developer.android.google.cn/training/co…

Data Binding developer.android.google.cn/topic/libra…

Room developer.android.google.cn/topic/libra…

ViewModels developer.android.google.cn/topic/libra…

LiveData developer.android.google.cn/topic/libra…

AppCompat developer.android.google.cn/topic/libra…

WorkManager developer.android.google.cn/topic/libra…

Espresso developer.android.google.cn/training/te…

下一步改进

Sunflower 目前尚处于密集开发阶段,我们仅在 Alpha 渠道发布了该应用,并且计划在应用内定期添加新功能和深度组件集成。近期发布的改进项包括:(1) 允许用户根据自己的地理位置筛选植物;(2) 升级至 AndroidX;(3) 支持通知推送,提醒用户给植物浇水。

如果您希望在应用中增加新功能,或者有想和大家一同探讨的话题,请在 GitHub 上创建新话题或给已有话题投票。

在今后的文章中,我们会进一步探讨 Sunflower 中的其它 Jetpack 组件,如导航和重复任务,尽情期待。谢谢您对 Sunflower 的关注!

AndroidX developer.android.google.cn/topic/libra…

△ Google 花园中的向日葵

进一步探索

前往 github.com/googlesampl… Sunflower 代码。

获取更多 Jetpack 相关信息,了解如何构建您的第一个 Jetpack 应用。

Jetpack developer.android.google.cn/jetpack/

构建您的第一个 Jetpack 应用 developer.android.google.cn/jetpack/doc…

欢迎关注 Google 官方微信公众号『谷歌开发者』!

关注下面的标签,发现更多相似文章
评论