SDK.CN

Ionic框架之JavaScript

来源:汇智网
时间:多个视屏
难度:初级
播放:439

视频简介

Ionic是一个出色的基于AngularJS的移动开发框架。本课程通过简明易懂的小实例来讲解Ionic框架的JavaScript接口,适用于具备AngularJS知识的学习者。

章节介绍

 简介

  •  ionic
  •  ionic.js : 指令
  •  ionic.js : 路由管理
  •  ionic.js : 手势支持

 基本布局

  •  标题栏 : ion-header-bar
  •  页脚栏 : ion-footer-bar
  •  header/footer : 样式及内容
  •  内容区 : ion-content
  •  滚动框 : ion-scroll
  •  拉动刷新 : ion-refresher
  •  滚动刷新 : ion-infinite-scroll
  •  脚本接口 : $ionicScrollDelegate

 组件 : 选项卡

  •  选项卡 : ion-tabs
  •  ion-tabs : 声明条带风格
  •  ion-tabs : 声明位置
  •  ion-tab : 标题文字、图标和徽章
  •  ion-tab : 隐藏、禁止
  •  ion-tab : 事件
  •  脚本接口 : $ionicTabsDelegate
  •  组件 : 列表

 列表 : ion-list

  •  ion-item : 成员按钮
  •  collection-repeat : 高性能的ng-repeat
  •  脚本接口 : $ionicListDelegate
  •  组件 : 侧边栏菜单

 侧边栏菜单 : ion-side-menus

  •  切换指令 : menu-toggle/menu-close
  •  主区域容器 : ion-side-menu-content
  •  侧边栏区域容器 : ion-side-menu
  •  脚本接口 : $ionicSideMenuDelegate

 组件 : 幻灯片

  •  幻灯片 : ion-slide-box
  •  ion-slide-box : 定制播放行为
  •  ion-slide-box : 事件及变量
  •  脚本接口 : $ionicSlideBoxDelegate

 组件 : 表单输入

  •  复选按钮 : ion-checkbox
  •  单选按钮 : ion-radio
  •  开关按钮 : ion-toggle
  •  等待指示器 : ion-spinner

 动态组件

  •  模态对话框 : $ionicModal
  •  上拉菜单 : $ionicActionSheet
  •  弹出框 : $ionicPopup
  •  浮动框 : $ionicPopover
  •  载入指示器 : $ionicLoading
  •  背景幕 : $ionicBackdrop

 视图导航

  •  内联模板 : script
  •  路由机制 : 状态机
  •  导航视图 : ion-nav-view
  •  模板视图 : ion-view
  •  导航栏 : ion-nav-bar
  •  回退按钮 : ion-nav-back-button
  •  视图特定按钮 : ion-nav-buttons
  •  定制标题内容 : ion-nav-title
  •  定制视图切换方式 : nav-transition
  •  定制视图切换方向 : nav-direction
  •  导航栏脚本接口 : $ionicNavBarDelegate
  •  访问历史 : $ionicHistory

 手势事件

  •  长按 : on-hold
  •  敲击 : on-tap
  •  双击 : on-double-tap
  •  按下/松开 : on-touch/on-release
  •  拖拽 : on-drag
  •  划动 : on-swipe
  •  脚本接口 : $ionicGesture
相关工具
SDK.CN

Ionic

The beautiful,...

相关视频

推荐工具 意见反馈