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

【问题标题】：Titanium Mobile fixed backgroundImage between viewsTitanium Mobile 固定视图之间的背景图像
【发布时间】：2012-03-20 07:29:15
【问题描述】：

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

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

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

【问题讨论】：

标签： javascript titanium appcelerator titanium-mobile

【解决方案1】：

你想要做的其实很简单，但需要你重写你的代码并采取不同的方法。

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

【讨论】：

干杯，丹尼。我想没有比这更容易的了。我去看看。