Titanium使用TabGroup进行全屏布局

移动开发
不知大家有没遇到在使用Titanium的时候对界面之间的切换问题?就是如何才能有比较好的效果进行界面之间的切换呢?如果是ios系统的话,在切换的时候可以使用2DMatrix或者3DMatrix做出漂亮的效果,或者ios里本身也有不错的动画效果,但如果是换成android后,这些效果都不能用,由于界面切换也是比较底层的东西,想比较好地兼容2种系统,比较好的方法就是用TabGroup进行布局了,这样的话在2种系统下都可以有基本的动画效果,而且几乎官方的demo都是基于TabGroup下完成的。

不过如果整个应用都使用TabGroup来布局的话,有个比较麻烦的问题就是所有界面都必须被一个TabBar包住了,iphone里还好些,但感觉android下那个实在比较难看(呵,个人意见啦),而且如果一个界面比较复杂多样的应用,这样包住显示也太不合适了,有没办法将这个TabBar整个隐藏掉呢?这样就等于是全屏的应用,用户看不出是被TabGroup包住了,而且界面切换起来也比较方便。

办法当然是有啦,呵呵,以下就为大家介绍分别在2个系统下的做法:

ios里要实现隐藏TabBar比较简单,只需设置TabGroup的Top为一个适当的负数即可,如下:

vartabGroup=Titanium.UI.createTabGroup({top:-30});

呵呵,原理不需我说你也知道了吧:tongue:

至于android嘛,这个比较麻烦,我当时在官方论坛里找了好久都没有好的解决办法,后来终于找到了rensanning的一篇文章,他所介绍的方法其实也很简单,只需设置好android的布局文件就可以了,不过说来也巧,他这篇文章开头居然和我之前发的《使用Titanium开发android时,将tabbar放到屏幕下方》的几乎是一样的,只是其他文章后半部分所说的就为我解决了以上的问题:smile:

去掉androidTabBar的方法就是先按我上篇文章《使用Titanium开发android时,将tabbar放到屏幕下方》里说的步骤做一篇,然后修改布局文件里的代码将TabWidget设置为android:

layout_height=”0dp”

然后记得要clean一次项目,再运行就可以看到全屏的效果了:biggrin:

责任编辑:佚名 来源: coderblog.in
相关推荐

2012-04-19 17:42:46

Titanium布局

2012-04-19 16:17:24

TitaniumAndroidtabbar

2012-04-20 11:07:12

Titanium

2010-09-09 16:36:36

DIV标签

2012-04-19 12:58:26

TitaniumJSS

2012-04-19 13:55:19

TitaniumTiMVC

2012-05-17 09:09:05

Titanium单元测试

2012-04-18 15:50:45

2012-08-20 10:43:52

Titanium SD

2012-05-18 11:29:55

Titaniumpros

2011-03-24 09:03:13

Android SDKAndroid

2012-05-18 11:34:03

Titaniumcons

2012-02-13 14:41:50

Titanium架构分析

2012-04-19 10:52:52

2012-04-19 16:55:48

Titanium视频jQuery Mobi

2012-06-26 10:40:43

Titanium

2012-12-07 10:21:39

IBMdW

2010-09-13 09:35:28

DIVCSS

2012-06-14 09:42:20

跨平台工具AppceleratoTitanium

2017-12-01 09:57:21

谷歌iPhone X苹果
点赞
收藏

51CTO技术栈公众号