0

Appceleratorでデモを作成しようとしています。ここにそのコードがあります。

var tabGroup = Titanium.UI.createTabGroup();

var main_win = Titanium.UI.createWindow({  
     title:'Tab 1',
     backgroundColor:'#fff'
});

var win1 = Titanium.UI.createWindow({  
     title:'Tab 1',
     backgroundColor:'#fff'
});
var tab1 = Titanium.UI.createTab({ 
     title:'Tab 1',
     window:win1
});
var label1 = Titanium.UI.createLabel({
     text:'I am Window 1',
     win:win1
});
win1.add(label1);

var win2 = Titanium.UI.createWindow({  
     title:'Tab 2',
     backgroundColor:'#fff'
});
var tab2 = Titanium.UI.createTab({  
     title:'Tab 2',
     window:win2
});

var label2 = Titanium.UI.createLabel({
     text:'I am Window 2',
});
win2.add(label2);


tabGroup.addTab(tab1);  
tabGroup.addTab(tab2);  



main_win.open();

var button1 = Titanium.UI.createButton({
     title:"hello"
});
main_win.add(button1);
var button2 = Titanium.UI.createButton({
     title:"hello"
});
win1.add(button2);

button1.addEventListener('click', function(e) {
     tabGroup.open();
});

button2.addEventListener('click', function(e) {
     main_win.show();
     tabGroup.close();
});

現在、button2は目的の方法で機能していません。window_1、つまりメインウィンドウに戻したい。コードの何が問題になっていますか。

編集

ウィンドウ（ビュー/ウィンドウなど）、つまりbutton1という名前のボタンを持つmain_winが必要です。button1をクリックすると、別のビューに移動し、 tab1とtab2に関連付けられたwin1とwin2の2つのタブ付きビューが表示されます。tab1をクリックするとwin1が表示され、 tab2をクリックするとwin2が表示されます。win1とwin2の両方に、button2をクリックするとmain_winに戻るボタンがあります。。また、デフォルトでスクロールビューから取得しているようにトランジションを作成したいと思います。

4

2 に答える 2

1

私はいつもtabGroupsをウィンドウとして考えています。文書化されていませんがexitOnClose、AndroidのtabGroupsでプロパティを使用できます。次のコードが必要なことを実行するかどうかを確認してください。Android2.2をターゲットとするTitaniumSDK1.7.5

var main_win = Titanium.UI.createWindow({
    title : 'main_win',
    backgroundColor : '#fff'
});
var button1 = Titanium.UI.createButton({
    title : "open tabGroup",
    height:35,
    width:120
});
button1.addEventListener('click', function(e) {
    tabGroup.open();
});
main_win.add(button1);

var win1 = Titanium.UI.createWindow({
    title : 'Tab 1',
    backgroundColor : '#fff'
});
var tab1 = Titanium.UI.createTab({
    title : 'Tab 1',
    window : win1
});
var label1 = Titanium.UI.createLabel({
    text : 'I am Window 1',
    win : win1
});
win1.add(label1);
var button2 = Titanium.UI.createButton({
    title : "< back",
    top:5,
    left:5,
    height: 35,
    width: 80
});
win1.add(button2);
button2.addEventListener('click', function(e) {
    tabGroup.close();
});

var win2 = Titanium.UI.createWindow({
    title : 'Tab 2',
    backgroundColor : '#fff'
});
var tab2 = Titanium.UI.createTab({
    title : 'Tab 2',
    window : win2
});
var label2 = Titanium.UI.createLabel({
    text : 'I am Window 2',
});
win2.add(label2);
var button3 = Titanium.UI.createButton({
    title : "< back",
    top:5,
    left:5,
    height: 35,
    width: 80
});
win2.add(button3);
button3.addEventListener('click', function(e) {
    tabGroup.close();
});

var tabGroup = Titanium.UI.createTabGroup({
    exitOnClose: false
});
tabGroup.addTab(tab1);
tabGroup.addTab(tab2);

main_win.open();
于 2011-12-17T20:54:57.777 に答える
0

タブグループはグローバル要素です。それを閉じることが可能かどうかはわかりません-明らかにそうではありません。あなたはタブにジャンプすることができます

tabGroup.setActiveTab(id_of_your_tab);

あなたがそれを隠す必要があるならば、あなたはあなた自身のバーを作る必要があります。

また、ビューまたはスクロールビューのタブ付きビューを作成することは可能ですか。

ウィンドウでスクロールビューを使用できます。

var scrollView = Titanium.UI.createScrollView({
    contentWidth:'auto',
    contentHeight:'auto',
    top:0,
    showVerticalScrollIndicator:true,
    showHorizontalScrollIndicator:true
});
var view = Ti.UI.createView({
    backgroundColor:'#336699',
    borderRadius:10,
    width:300,
    height:2000,
    top:10
});
scrollView.add(view);
Titanium.UI.currentWindow.add(scrollView);

テーブルビューは、スクロール可能なビューを実装するための一般的な方法でもあります。

Androidデバイス用のアプリを作成するときに使用できる他のオプションは何ですか。

チタンAPIをご覧ください。Androidで利用できるメソッドとビューが表示されます。また、Androidデバイスのマルチ密度にも注意する必要があります。したがって、複数の解像度で画像を提供する必要があります。チタンのガイドラインをご覧ください。

それが役に立てば幸い

于 2011-12-13T07:57:22.663 に答える