Titanium Mobile修复了视图之间的backgroundImage

时间:2012-03-20 07:29:15

标签: javascript titanium appcelerator titanium-mobile

我正在创建一个Appcelerator Titanium应用程序作为外部背景图像(带有雕刻品牌的木材)。在它的顶部,我有自定义表视图等..当不是100%宽,所以你仍然可以看到背景图像。它给你的印象是你在某种桌子上工作。

这是一个标签式应用程序。我这样设置:

var tabGroup = Titanium.UI.createTabGroup();

var win = Titanium.UI.createWindow({  
    title: "My super app",
    backgroundImage: 'img/background.png',
    navBarHidden: true,
    tabBarHidden: true
});

var tab = Titanium.UI.createTab({  
    title: "Tab 1",
    window: win
});

我想要做的是在更改和动画之间能够在所有视图中保留相同的背​​景图像。我想要这个图像坚持下去。

然后我有一个我正在动画的外部文件。让我们说它叫做external.js

我正在使用这样的东西:

var win = Titanium.UI.currentWindow;

问题是,默认情况下新视图是白色的,即使我再次设置背景图像也无法解决问题,因为当我为新视图制作动画时,背景也会“滑动”。

所以我的问题是:在视图或标签之间导航时,有没有办法保持相同的背景图像?

1 个答案:

答案 0 :(得分:1)

您尝试的实际上非常简单,但需要您重写代码并采取不同的方法。

执行此操作的最佳方法是拥有1个窗口。在该窗口上设置背景图像,并创建多个视图,这些视图将保存您不同的内容页面。创建一个scrolllableView,其中包含您希望内容受约束的维度,并将views属性设置为包含以前创建的每个视图的数组。这将为您提供一种滑动每个视图的动画方法。此外,如果您仍然需要选项卡,可以使用按钮对象手动创建它们,只需设置click eventListener以更改可滚动视图上的scrollToIndex值。