第一课:介绍
Snapaday是基于大家都喜欢的一个本地插件相机的。这个论点实际上我没什么理论数据支持,但是相机绝对是最酷的整合之一。这也是人们经常做斗争的插件之一,他就是那种表面看起来很简单,内部却各种手法的东西。
实际上,Snapaday可以说是本书的“本地插件应用” — 在介绍如何使用相机的同时,我们也会介绍整合本地通知和社交分享(我们得把这些自拍分享到Facebook,对吧?)。
关于Snapaday
Snapaday实际上是我的Mobile Development for Web Developers课程中的Ionic 1范例,所以在我考虑从Ionic 1转向Ionic 2的时候,这个一个绝佳的例子 — 特别是那些已经实现过Ionic 1版的Snapaday的人们。
主要想法是用户每天使用应用拍照,可以通过滑动展示自己每天的改变(看过这个视频吗?)。为了更精确的表达出来,应用的实际功能如下:
- 允许用户每天拍照一张(只允许每天一张)
- 在一个列表中展示用户的所有照片列表
- 允许用户删除不想要的照片
- 以快速滑动的方式回放照片
- 分享照片
- 通过本地通知进行提醒
在制作过程中需要学习的一些概念:
- 如何整合本地插件
- 如何使用Camera API
- 如何使用File API
- 如何使用本地通知
- 如何使用模态框
- 如何制作一个自定义提佛那个这
- 如何永久存储数据
我们先来看看最终效果图:
课程结构
- 准备工作
- 布局
- 使用Camera拍照
- 存储和获取相片
- 自作一个自定义管道和所有相片的飞页
- 整合Local Notification
- 自定义样式
准备好了吗?
现在你知道了你要做什么,那么我们就可以开始了。