Android Sunflower 带您玩转 Jetpack

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

640?wx_fmt=png

△ 插图作者: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

https://developer.android.google.cn/jetpack/

>>?Sunflower (太阳花)

https://github.com/googlesamples/android-sunflower

>>?Jetpack 基本知识

https://developer.android.google.cn/jetpack/

>>?开发出第一个基于 Jetpack 的简单应用

https://developer.android.google.cn/jetpack/docs/getting-started

 

 

游园指南

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

640?wx_fmt=png

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


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

640?wx_fmt=png

△?植物目录


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


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

640?wx_fmt=png

△?植物介绍

 

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


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

 

>>?悬浮操作按钮

https://developer.android.google.cn/guide/topics/ui/floating-action-button

>> “分享”

http://developer.android.google.cn/training/sharing/

 

640?wx_fmt=png

△?种植后的 “我的花园”

 

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

 

 

使用 Jetpack 组件

 

Sunflower 使用了 Jetpack 中的许多组件,以下为各个组件在应用中所扮演的角色:

 

>> Kotlin

https://developer.android.google.cn/kotlin

>> Android KTX

https://developer.android.google.cn/kotlin/ktx

>>?Fragment

https://developer.android.google.cn/guide/components/fragments

>>?Navigation component

https://developer.android.google.cn/topic/libraries/architecture/navigation/

>>?transition animation actions

https://developer.android.google.cn/topic/libraries/architecture/navigation/navigation-implementing#Create-transition

>>?ConstraintLayout?

https://developer.android.google.cn/training/constraint-layout/

>>?Data Binding

https://developer.android.google.cn/topic/libraries/data-binding/

>>?Room

https://developer.android.google.cn/topic/libraries/architecture/room

>>?ViewModels

https://developer.android.google.cn/topic/libraries/architecture/viewmodel

>>?LiveData

https://developer.android.google.cn/topic/libraries/architecture/livedata

>>?AppCompat

https://developer.android.google.cn/topic/libraries/support-library/packages#v7-appcompat

>>?WorkManager?

https://developer.android.google.cn/topic/libraries/architecture/workmanager

>>?Espresso

https://developer.android.google.cn/training/testing/espresso/

 

 

下一步改进

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


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


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

 

>>?AndroidX

https://developer.android.google.cn/topic/libraries/support-library/androidx-overview

 

640?wx_fmt=jpeg

△?Google 花园中的向日葵

 

 

进一步探索

前往 https://github.com/googlesamples/android-sunflower,留学签证查看或下载 Sunflower 代码。

 

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

 

>> Jetpack

https://developer.android.google.cn/jetpack/

>>?构建您的第一个 Jetpack 应用

https://developer.android.google.cn/jetpack/docs/getting-started

 

 

?点击屏末?|?阅读原文?|?"我们愿意更好地倾听您的声音 "

 

640?wx_fmt=jpeg

 

 

推荐阅读

·?Android Jetpack: ViewModel | 中文教学视频

·?Android 9 的非 SDK 接口限制 | 中文教学视频

·?帮您系统地认识全球化设计 (上篇) | 认知度

640?wx_fmt=gif


文章来源:https://blog.csdn.net/jILRvRTrc/article/details/82141670

posted @ 2018-09-12 11:57  马竹君  阅读(1222)  评论(0编辑  收藏  举报
友情链接:回力 | 中老年高档女装 | 武汉雅思培训 | 武汉托福 | 武汉sat培训