美文网首页Ionic Frameworkionic2hybrid APP(ionic)
[Ionic 2从入门到精通] 5.1 项目 每日一拍 介绍

[Ionic 2从入门到精通] 5.1 项目 每日一拍 介绍

作者: 老牛啃码 | 来源:发表于2018-05-17 18:27 被阅读101次

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

    关于Snapaday

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

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

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

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

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

    4.1.1.jpg

    课程结构

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

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

    相关文章

      网友评论

      • 风雨中_无止:我打算用ionic3做移动端,但是目前没好的教程,看到你ionic2写的不错,不知2和3的区别有多大
        风雨中_无止:@老牛啃码 那我学学你的教程,希望有实战教程咯
        老牛啃码:3我没有了解过,不过据我所知,1和2以后的版本才有本质上的区别,2以后的版本差别不是很大,只有细节方面的问题需要调整

      本文标题:[Ionic 2从入门到精通] 5.1 项目 每日一拍 介绍

      本文链接:https://www.haomeiwen.com/subject/rmridftx.html