Titanium Mobile固定背景视图之间的图像

Titanium Mobile fixed backgroundImage between views

本文关键字:之间 图像 视图 背景 Mobile Titanium      更新时间:2023-09-26

我正在创建一个应用程序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;

问题是,默认情况下,新视图是白色的,即使我再次设置背景图像,它也不会起作用,因为当我为新视图设置动画时,背景也会"滑动"。

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

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

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