ionic开发ios/安卓应用app实战

官网

mark

武汉义工联盟官网是基于Discuz!搭建的社区论坛
官网 http://www.whyigong.com/forum.php

但是存在以下不便

  • 必须访问网页
  • 跟帖留言需要注册和登录
  • 只能主动检索,不能接受通知

网页截图

mark


构建ios / 安卓 app

技术选型 ionic + AngularJS

mark

ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )
可以使用HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。
ionic 主要关注外观和体验, UI 交互

ngCordova调用手机底层接口

mark

ngCordova是基于Cordova封装的Angularjs的调用本地设备接口的模块
Cordova提供了一组设备相关的API
通过这组API
移动应用能够以JavaScript访问原生的设备功能
如摄像头、麦克风等


components文档

官方提供的css样式

电梯直达http://ionicframework.com/docs/components/#overview

mark

mark


ngCordova插件

轻松调用ios,android原生接口

roid原生接口
mark


原型设计 – 墨刀

mark

墨刀是一款好用的原型设计工具

能快速构建移动应用原型与线框图

  • 云端保存
  • 实时手机预览
  • 多种手势动画特效
  • 一键导出工作流
  • 团队协作管理功能

这是第3个页面

首页和第2页除了问题,没有保存
所以这里就不贴图了
官网教程文档 https://modao.cc/tutorials/6978

主要的界面UI和功能是:

  • 轮播图
  • 页面导航
  • 标签打开浏览器页面
  • 拨打电话,发送SMS短信
  • 显示QQ等资料

mark


实战

三个TAB页面

主页

mark

活动页

mark

资料页

mark


更多精彩文章

把你的微信变成超级营销机器人
短信群发–低成本营销SMS喵
知乎Robot–自动点赞+评论+群发私信

小心!3分钟黑掉你的安卓手机
5分钟把U盘变为随身系统


发表评论

电子邮件地址不会被公开。 必填项已用*标注