PhoneGap中文网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

PhoneGap中文网 门户 视频教程ionic 教程
订阅

ionic 教程

ionic 1.1.1发布 主要修复了ios9中的一些小bug
ionic 1.1.1发布 主要修复了ios9中的一些小bug
Ionic(ionicframework)一款接近原生的Html5移动App开发框架 会html css js就可以开发app,ionic 是个高级的 HTML5 移动端应用框架,是个很漂亮的使用 HTML5 开发混合移动应用前端框架。前段时间我们还给大家发过ion ...
2015-11-16 09:28
第十三讲 ionic css布局介绍
学习要点: 1. ionic css基本布局 2. ionic css色彩、图标和边距3. ionic css界面组件列表4. ionic css界面组件按钮5. ionic css界面组件 表单输入6. ionic css界面组件选项卡7. ionic css定制布局 Grid布局第十三讲 ...
2015-11-1 18:13
第十二讲 手机app开发的几种方式 ionic学习思路以及ionic新建的项目分析 ... ...
ionic属于hybrid开发模式,本质上是将移动web应用与浏览器打包,优点 MVC 基于angularjs 运行速度快 UI漂亮 开发简单 缺点:学习成本比其他的html5框架稍微高一些(比如jqmobi) 需要具备angularjs基础。 是否采用这种 ...
2015-11-1 18:03
第一讲 phonegap + Angularjs + ionic 移动app开发视频教程
第一讲 phonegap性能优化 以及phonegap + Angularjs + ionic 移动app开发介绍学习要点:1. Phonegap第一季 第二季视频教程内容简介2. phonegap介绍phonegap运行速度介绍以及phonegap安装介绍3. Angularjs介绍4. Ioni ...
2015-4-19 22:34
ionic中 .col-{align} : 列纵向对齐
.col-{align} : 列纵向对齐如果一行中各元素的高度不一样,那么比较矮的那些元素将自动被拉伸以适应 整行的高度。有时你不想这样,希望那些元素保持自身的高度。ionic提供了一些预置的CSS类用来 指定这些元素纵向的 ...
2015-4-12 14:07
ionic .col-offset-{width-percent} : 指定列偏移
.col-offset-{width-percent} : 指定列偏移列可以从默认位置偏移,ionic预置了一些CSS类供我们快速设置列偏移:.col-offset-10 - 偏移默认位置10%容器宽度.col-offset-20 - 偏移默认位置20%容器宽度.col-offset-25 - ...
2015-4-12 14:06
ionic中 .col-{width-percent} : metro风格
ionic中 .col-{width-percent} : metro风格
.col-{width-percent} : metro风格windows phone的metro风格在信息展示方面有很大的优势,虽然携程的APP 没有突出这一点:-( :通过定制栅格的列宽,我们可以简单地实现类似的界面。 思考一下,这个UI能够使用ionic的 ...
2015-4-12 14:05
ionic中 .col-{width-percent} : 指定列宽
.col-{width-percent} : 指定列宽当然,我们也可以显式地指定某些列的宽度。ionic提供了一些预置的CSS类, 供我们快速指定列宽:.col-10 - 占据容器10%宽度.col-20 - 占据容器20%宽度.col-25 - 占据容器25%宽度.col- ...
2015-4-12 14:04
ionic中 .col : 默认的定宽列
ionic中  .col : 默认的定宽列
.col : 默认的定宽列在ionic的栅格中,每一行的各列默认是等宽的,这使得实现一个图片 浏览界面非常简单。下图是instagram app的截图:!DOCTYPE htmlhtmlheadmeta name="viewport" content="initial-scale=1,maximum ...
2015-4-12 14:03
ionic中 栅格系统
ionic中 栅格系统
栅格系统ionic的栅格系统采用了CSS3的弹性盒(Flexible Box)模型,这使得它与大多数 栅格系统都有所区别。Flex布局主要思想是让容器有能力改变其子元素的宽度、高度甚至先后顺序, 从而以最佳方式填充可用空间。CSS ...
2015-4-12 14:02
ionic .tab-striped .tabs: 条带风格选项卡
ionic  .tab-striped .tabs: 条带风格选项卡
.tab-striped .tabs: 条带风格选项卡条带风格的选项卡起源于Android平台,它使用一个细长的条带表示选项的选中状态:在ionic中,使用.tabs-striped样式声明条带风格选项卡:any class="tabs-striped" any class="tab ...
2015-4-12 14:00
ionic中 .tabs : 顶部选项卡
ionic中 .tabs : 顶部选项卡
.tabs : 顶部选项卡默认情况下,选项卡位于屏幕底部,可以使用.tabs-top样式将选项卡置于顶部。顶部选项卡应用也很广泛:!DOCTYPE htmlhtmlheadmeta charset="utf-8"meta name="viewport" content="initial-scale=1, ...
2015-4-12 13:59
ionic中 .tab-item : 使用徽章
ionic中 .tab-item : 使用徽章
微信(wechat)的选项卡中第三项包含了一个红色的信息元素,被称为徽章:要在.tab-item内包含徽章,需要注意两点:使用.badge样式插入徽章元素在.tab-item同级声明.has-badge样式any class="tabs" any class="tab-it ...
2015-4-12 13:57
ionic中 .tab-item : 使用图标
ionic中 .tab-item : 使用图标
选项卡的选项默认的只包含文字,使用图标会使其更加生动:比如 微博(weibo)和微信(wechat):要在某个选项元素中插入图标,需要注意两点:使用i标签在.tab-item中插入图标在.tabs容器上使用.tabs-icon-{position} ...
2015-4-12 13:56
ionic中 选项卡 : .tabs
ionic中 选项卡 : .tabs
选项卡是一个可以包含多个按钮或链接的容器,通常用于提供一致的导航体验。 ionic中使用.tabs样式声明选项卡,使用.tab-item样式声明选项卡 成员any class="tabs" any class="tab-item".../any any class="tab-item ...
2015-4-12 13:55
1234下一页
关闭

站长推荐上一条 /1 下一条

Archiver|手机版|小黑屋|PhoneGap中文网 ( 京ICP备13027796号-1

GMT+8, 2017-7-25 14:46 , Processed in 0.132604 second(s), 15 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部