1.下载和安装Cordova框架现在cordova是利用nodeJS进行管理，所以需要先下载nodeJS。其中，就包含了npm管理器。下载地址：https://nodejs.org/在命令行窗口确认安装完成：2.在windows上安装Cordova在命令行窗口输入：npm install -g cordova过一段时间即可安装完毕，安装速度取决于网络情况。（安装挺慢的，而且有时会失败……,可以参考
手机 app 开发的几种方式 ionic 学习思路以及ionic 新建的项目分析学习要点：1. 目前开发手机 app 的几种方式2. Ionic 学习思路简介3. Ionic CSS 框架4. ionic js 指令 路由 其他 ui 交互效果5. ionic 命令行/CLI 安装 调试 打包（ 第三季 第一讲已讲）6. ionic 开发包下载 以及命令创建的项目分析1． 目前开发手机 app 的
ionic简介ionic是一个专注于用WEB开发技术，基于HTML5创建类似于手机平台原生应用的一个开发框架。目前绑定的与angularJS和SASS。这个框架的目的是从web的角度开发手机应用，基于PhoneGap的编译平台，可以实现编译成各个平台的应用程序。ionic安装首先需要安装cordova和android环境。这个参考：phoneGap之Android环境搭建，上面写的很详细，还有常见
学习要点：1.幻灯片 : ion-slide-box 指令介绍2. ion-slide-box : 属性设置定制播放行为3. ion-slide-box : 事件及变量4. 脚本接口: $ionicSlideBoxDelegate1.幻灯片 : ion-slide-box 指令介绍ion-slide-box 可以做什么1. 可以做启动切换页面2. 可以做首页幻灯3. 可以做页面左右滑动切换Ioni
3.弹出框 : $ionicPopup弹出框通常用于提醒、警告等，在用户响应之前其他交互行为不能继续。与模态 对话框覆盖整个屏幕空间不同，弹出框通常仅占据一部分屏幕空间。在 ionic 中，使用$ionicPopup 服务管理弹出框：$ionicPopup.show(options).then(function(){//这个函数在弹出框关闭时被调用});sh
ionic 动态组件（一） $ionicModal $ionicActionSheet $ionicPopup $ionicPopover $ionicLoading $ionicBackdrop学习要点：1.模态对话框 : $ionicModal2.上拉菜单 : $ionicActionSheet3.弹出框 : $ionicPopup4.浮动框 : $ionicPopover5.载入指示器 :
学习要点：1.复选按钮 : ion-checkbox2.单选按钮 : ion-radio3.开关按钮 : ion-toggle4.等待指示器 : ion-spinner1.复选按钮 : ion-checkboxionic 的复选按钮脱胎于 HTML 标准的 checkbox 元素，可以在一组选项中 同时选中多个：使用 ion-checkbox 指令声明复选按钮元素：<ion-checkbox
学习要点：1. ion-list ion-item2. ion-list ion-item 成员3. collection-repeat : 高性能的 ng-repeat4. 脚本接口 : $ionicListDelegate1.列表 : ion-list列表是常用的信息组织方式。在 ionic 中，使用 ion-list 指令声明列表 元素，使用 ion-item指令声明成员元素：<ion
学习要点：1. 侧边栏菜单 : ion-side-menus2. 侧边栏打开关闭 切换指令 : menu-toggle/menu-close3. 主区域容器 ion-side-menu-content 属性设置4. 侧边栏区域容器 : ion-side-menu5. 脚本中控制侧边栏菜单接口 : $ionicSideMenuDelegate6. ion-tap 结合 ion-side-menus
学习要点：1. 选项卡 : ion-tabs 简介2. ion-tabs 常用设置3. ion-tabs 下面的 ion-tab ：标题文字、图标和徽章 显示隐藏4. ion-tabs 事件 和 $ionicTabsDelegate5. ion-tabs 路由详解1． 选项卡 : ion-tabs 简单介绍使用 ion-tabs 指令声明选项卡，使用 ion-tab 声明选项页：<ion-t
4. 导航视图 : ion-nav-view在 ionic 里，我们使用 ion-nav-view 指令代替 AngularUI Route 中的 ui-view 指令，来进行模板的渲染：<ion-nav-view><!--模板内容将被插入此处--></ion-nav-view>和 ui-view 一样，ion-nav-view 总是根据状态
学习要点：1. Ionic 中路由管理介绍2. ionic 中内联模板介绍3. i onic 路由机制: 状态4. 导航视图 : ion-nav-view5. 模板视图 : ion-view6. 导航栏 : ion-nav-bar7. 回退按钮 : ion-nav-back-bu
学习要点：1. 标题栏 : ion-header-bar2. 页脚栏 : ion-footer-bar3. header/footer : 样式及内容4. 内容区 : ion-content5. 滚动框 : ion-scroll6. 下拉更新数据 : ion-refresher7. 上拉更新数据 : ion-infinite-scroll8. 脚本接口 : $ionicScrollDelegate
5． ionic 界面组件 表单输入1.输入组件容器 : .item-input在 ionic 中，各种输入组件被定义成不同的 HTML 模板，以便将描述标签和输入元素 打包在一起。在这个模板的根元素上，需要声明.item-input 样式：<any class="item-input">...</any>不同的输入元素有不同的模板定义。比如，文本输入通
&n
ionic css布局实例1: 基本布局： 标题/header、内容/content 和页脚/footer。 bar.bar-header - 声明元素为标题区 .bar.bar-footer - 声明元素为底部 .content . scroll-content- 声明元素为内容区<!DOCTYPE html> <html>
Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号
