[Ionic 2从入门到精通] 4.1 项目 Giflist 介绍

Giflist是我制作的第一个Ionic 2应用,他是用非常早的Ionic 2 alpha版本制作的。之后进行了很多的版本更新,本书使用的是Ionic 2 beta版。尽管他是我的第一个原因,但是他始终是我最爱的那个,能够带着你们学习他让我激动不已。
我认为他的是的心头好是因为他是一个很有趣的应用。他是一个制作起来很有趣的应用,因为会涉及到很多有趣的主题,像是使用Reddit API啦,使用HTML5 video啦,他本身也是一个很有趣的应用因为...观赏有趣的GIF动画难道不是很有趣吗?

关于Giflist

Giflist是一个很简单的应用,目的是用户可以输入任何来自reddit的subreddit,应用将从这个subreddit获取和展示GIF。
我假设阅读本书的你知道reddit是什么 -- 但是 -- 我也不能这么去假想,如果你真不熟悉Reddit的话,基本上就是个网站,用户可以提交一些有趣的链接供其他用户投票。一个“subreddit”基本上就是reddit上的一个字目录,以下是一些比较受欢迎的:

  • gifs
  • askreddit
  • worldnews

在从reddit拉取GIF的同时,用户也可以提供一些设置来配置应用的首选项。虽然理念很简单,在学习过程中还是可以学到一些有趣的东西,包括:

  • 从第三方API获取数据
  • 数据存储
  • 定制主题
  • 列表
  • 模态框
  • 数据模型
  • HTML5 VIDEO

以下是原因的一些特性:

  • 用户可以输入任何的subreddit
  • 会展示一个无尽的GIF列表(结社GIF有尽)
  • 用户可以通过点击GIF来播放他
  • 用户可以设置一下选项:默认的subreddit,排序方式,每页展示的GIF数
  • 下次再使用应用的时候可以记起之前的设置

以下是一些应用成品的截图:

[Ionic 2从入门到精通] 4.1 项目 Giflist 介绍_第1张图片
Giflist 1

[Ionic 2从入门到精通] 4.1 项目 Giflist 介绍_第2张图片
Giflist 2

课程结构

  1. 准备工作
  2. 列表页
  3. Reddit API和HTML5 VIDEO
  4. 设置
  5. 定制主题

准备好了吗?

了解了我们的目的之后,我们现在可以开始来制作他了!

你可能感兴趣的:([Ionic 2从入门到精通] 4.1 项目 Giflist 介绍)