appcelerator titaniumでスライドメニューを作成するにはどうすればよいですか？

Question

左側から開き、上部に画像があり、それぞれページにリダイレクトされるいくつかのセクションがあるメニューを作りたいと思います。私はオンラインで検索し、いくつかはギターリンクを投稿し、そこに行くと私はフリーズします。私が何をするのが嫌なのか分かりませんか？私は何かをインストールする必要がありますか？それはサンプルコードですか？助けていただければ幸いです。

Answer 1

これにはサードパーティ製のモジュールを使用する必要がありますが、市場にはいくつかあります。私が使っているものの例を挙げたり、鍵の仕事で他のものを探すことができます引き出しinチタン。 iOS用https://github.com/viezel/NappDrawer/tree/master/android

var homeScreen = Alloy.createController("homeScreen").getView(); 

var NappDrawerModule = require('dk.napp.drawer'); 
Alloy.Globals.drawer = NappDrawerModule.createDrawer({ 
    fullscreen : false, 
    leftWindow : Alloy.createController('leftMenu').getView(), 
    centerWindow : homeScreen, 
    fading : 0.2, // 0-1 
    parallaxAmount : 0.2, //0-1 
    exitOnClose : true, 
    shadowWidth : "5dp", 
    leftDrawerWidth : "280dp", 
    animationMode : NappDrawerModule.ANIMATION_NONE, 
    closeDrawerGestureMode : NappDrawerModule.CLOSE_MODE_NONE, 
    openDrawerGestureMode : NappDrawerModule.OPEN_MODE_NONE, 
    orientationModes : [Ti.UI.PORTRAIT, Ti.UI.UPSIDE_PORTRAIT] 
}); 

Alloy.Globals.drawer.addEventListener("didChangeOffset", function(e) { 
    //Ti.API.info("didChangeOffset: " + e.offset); 
}); 
Alloy.Globals.drawer.addEventListener("android:back", function(e) { 
    Ti.API.info('currentWindow : ' + Alloy.Globals.currentWindow); 
    if (Alloy.Globals.currentWindow != null) { 
     return; 
    } 
}); 

Alloy.Globals.drawer.addEventListener("windowDidOpen", function(e) { 

    if (e.window == NappDrawerModule.LEFT_WINDOW) { 
     Ti.API.info("windowDidOpen - LEFT DRAWER"); 
    } else if (e.window == NappDrawerModule.RIGHT_WINDOW) { 
     Ti.API.info("windowDidOpen - RIGHT DRAWER"); 
    } 

}); 

Alloy.Globals.drawer.addEventListener("open", function(e) { 
     Ti.API.info('Drawer Open'); 
}); 

Alloy.Globals.drawer.addEventListener("windowDidClose", function(e) { 
    Ti.API.info("windowDidClose"); 
}); 

// lets open it 
Alloy.Globals.drawer.open(); 

：Android用

https://github.com/viezel/NappSlideMenu

Alloy.Globals.SlideWindow = Alloy.createController("leftMenu"); 
var homeWindow = Alloy.createController("homeScreen").getView(); 

var NappSlideMenu = require('dk.napp.slidemenu'); 

var window = NappSlideMenu.createSlideMenuWindow({ 
    centerWindow : homeWindow, 
    leftWindow : Alloy.Globals.SlideWindow.getView(), 
    leftLedge : (Alloy.Globals.iPad) ? 170 : 70, 
    parallaxAmount : 0.2, 
}); 

Alloy.Globals.window = window; 

window.addEventListener("viewWillOpen", function(e) { 
}); 

window.addEventListener("viewWillClose", function(e) { 
}); 

exports.openLeft = function() { 
    window.toggleLeftView(); 
}; 

exports.openRight = function() { 
    window.toggleRightView(); 
}; 

window.open(); 

注：アンドロイドのleftMenuとhomeScreenはViewですが、iOSの場合はWindowです。

グッドラック、乾杯