项目:Snapaday(每日一拍) - 第一课:介绍

优质
小牛编辑
130浏览
2023-12-01

Snapaday是基于大家都喜欢的一个本地插件相机的。这个论点实际上我没什么理论数据支持,但是相机绝对是最酷的整合之一。这也是人们经常做斗争的插件之一,他就是那种表面看起来很简单,内部却各种手法的东西。
实际上,Snapaday可以说是本书的“本地插件应用” — 在介绍如何使用相机的同时,我们也会介绍整合本地通知和社交分享(我们得把这些自拍分享到Facebook,对吧?)。

关于Snapaday

Snapaday实际上是我的Mobile Development for Web Developers课程中的Ionic 1范例,所以在我考虑从Ionic 1转向Ionic 2的时候,这个一个绝佳的例子 — 特别是那些已经实现过Ionic 1版的Snapaday的人们。
主要想法是用户每天使用应用拍照,可以通过滑动展示自己每天的改变(看过这个视频吗?)。为了更精确的表达出来,应用的实际功能如下:

  • 允许用户每天拍照一张(只允许每天一张)
  • 在一个列表中展示用户的所有照片列表
  • 允许用户删除不想要的照片
  • 以快速滑动的方式回放照片
  • 分享照片
  • 通过本地通知进行提醒

在制作过程中需要学习的一些概念:

  • 如何整合本地插件
  • 如何使用Camera API
  • 如何使用File API
  • 如何使用本地通知
  • 如何使用模态框
  • 如何制作一个自定义提佛那个这
  • 如何永久存储数据

我们先来看看最终效果图:
效果图

课程结构

  1. 准备工作
  2. 布局
  3. 使用Camera拍照
  4. 存储和获取相片
  5. 自作一个自定义管道和所有相片的飞页
  6. 整合Local Notification
  7. 自定义样式

准备好了吗?
现在你知道了你要做什么,那么我们就可以开始了。