ionic 中的navigation,tabbar及返回按钮定制
来源:互联网 发布:mysql 安全模式启动 编辑:程序博客网 时间:2024/05/10 10:53
ionic不得不说官网的文档,真是最好的学习资源,不过有些功能没测试出来,遗憾,官网地址:点此跳转
要定制navigation和tabbar那就不得不提$ionicConfigProvider,
去官网,官网上都有详细说明不想做个翻译工了,说下一般的功能,设置tabbar的位置,在底部还是在顶部,iOS默认底部,android默认顶部,在这里就可以修改了:
,
使用方法可分平台如:
另外还有个方法:
我以为是设置导航栏的返回按钮文字的,还有个backButton.icon以为是设置返回按钮的图标,不成想不是,解释也不清楚,没试出效果,有人知道望告知,看了导航栏的返回按钮文档才知道,设置导航栏返回按钮需要在这里设置,如:
<ion-nav-back-button class="button-clear"> <i class="ion-arrow-left-c"></i> Back</ion-nav-back-button>
另外$ionicConfigProvider的其他方法文档上也有说明,就不介绍了,文档才是最新最好的学习资源。
接下来说下定制tabbar的图标,ionic已经有很多内置图标了,但是还是不能满足我们自己的应用,就要自己定制了,ionic的图标都是以字体的形式,然后用css来引入的,我们普通的图标不支持,麻烦的一件事,要制作我们自己的图标,还得制作出svg的矢量图,然后用ionic提供的转换工具制作字体文件和css样式,然后引入,网上已有有关这个的文章,这里就不介绍了,给个链接地址:
图标制件
感谢这位大牛的帖子
慢慢研究慢慢完成ionic的续集了!!!
- ionic 中的navigation,tabbar及返回按钮定制
- TabBar返回按钮
- Navigation返回按钮自定义
- 去掉navigation返回按钮文字
- Swift-自定制带有特殊按钮TabBar
- iOS定制修改navigation的back按钮
- Ionic navigation
- tabbar和navigation混搭时,tabbaritem和返回显示不正常
- IOS navigation 返回按钮 不显示文字
- iOS _隐藏Navigation 返回按钮
- iOS - 统一设置Navigation的返回按钮
- 定制按钮及CALayer
- 定制UIActionSheet中的按钮
- iOS 自定制TabBar(中间是一个大按钮)
- ionic 隐藏action bar的返回按钮
- Tabbar与Navigation嵌套
- iOS开发 - 解析tabbar中的凸起按钮
- 定制iOS 7中的导航栏和状态栏(主要是自定义的返回按钮)
- PHP路由技术的原理与实践
- 正则元字符的意义
- HTTP状态码及Msg定义
- 【整理】Memorandum of MATLAB
- 内部排序
- ionic 中的navigation,tabbar及返回按钮定制
- 黑马程序员--设计模式
- 【iOS程序启动与运转】- RunLoop个人小结
- 畅通工程续(2008浙大研究生复试热身赛[最短路径] hdoj 1874)
- android学习笔记之客户端与服务端保持session登录状态
- axis2 1.5.5 + Websphere 8.0 ,FileUploadException 与 NoInitialContextException 的解决办法
- 听故事搞懂多线程开发-- 屎壳郎老板和它的收费公厕
- Centos中将openjdk切换为Oracle Jdk导致Tomcat无法正常启动的问题
- 现今市场对异构并行计算领域人员的需求