2012-03-20 14 views
1

私は外部の背景画像(それに刻まれたブランドで木)としてAppceleratorチタンを作成しています。その上に私はカスタムテーブルビューなどがあります。あなたはまだ背景の画像を見ることができるので、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 
}); 

が変化すると、それらの間でアニメーション化する場合、すべての図を通して同じ背景画像を維持することができることです。私はこのイメージを固執したい。

次に、アニメーション化している外部ファイルがあります。問題は、私は再びそれを背景画像を設定していたときに、新しいビューでも白とされ、デフォルトでは、ある

var win = Titanium.UI.currentWindow; 

:私はこのような何かを使用している内部のは、それがexternal.js

と呼ばれていますと言ってみましょう私がその新しいビューにアニメートしているときから背景が「スライド」するので、トリックはありません。

私の質問:ビューやタブ間を移動するときに同じ背景画像を維持する方法はありますか?

答えて

1

あなたがしようとしているのは、実際には単純ですが、コードを書き直して別の方法をとる必要があります。

これを行う最善の方法は、1つのウィンドウを持つことです。そのウィンドウに背景イメージを設定し、異なるページのコンテンツを保持する複数のビューを作成します。コンテンツにも制限をかけたい次元を持つscrollableViewを作成し、viewsプロパティを以前に作成した各ビューを含む配列に設定します。これにより、各ビューをスライドさせるアニメーション化されたアプローチが得られます。さらに、タブが必要な場合は、ボタンオブジェクトを使用して手動で作成し、clickイベントリスナーを設定してスクロール可能なビューのscrollToIndex値を変更することができます。

+0

乾杯、Danny。私はそれよりも簡単にする方法はないと思う。確かめます。 – kernelpanic