如何隱藏appcelerator中的幻燈片菜單？

我正在用appcelerator構建一個應用程序。我還在構建自定義幻燈片菜單。所以如果你點擊按鈕，幻燈片菜單將從左到右出現。如何隱藏appcelerator中的幻燈片菜單？

今天晚些時候，我有這個固定寬度的菜單。爲了隱藏這個菜單，我在-width處設置了一個屬性。

現在我想設置一個百分比菜單的寬度。但我不知道如何隱藏菜單。

所以這是我的CSS文件：

"#main_menu": { 
    layout: "vertical", 
    scrollType: "vertical", 
    showVerticalScrollIndicator: true, 
    top: 0, 
    left: 0, 
    width: "55%", 
    height: Ti.UI.FILL, 
    backgroundColor: "#70C662", 
}

這是我的JS文件

var menu_width = (Ti.Platform.displayCaps.platformWidth/2); 
main_menu = Alloy.createController("_main_menu", args).getView(); 
$.sidebar.left = -menu_width;

但menu_width的大小，是不正確的，因爲他的值是180，這是不可能的我的智能手機有360px有一個維度。

來源

2016-11-09 bircastri

如果菜單視圖的寬度設置爲55％，則需要存儲該百分比的dp版本。

"#main_menu": { 
    width: "55%" 
}

設備寬度：

var width = Ti.Platform.displayCaps.platformWidth; 
//update this on orientation change

隱藏菜單：

$.main_menu.left = show ? 0 : -parseInt(width * 0.55));

如果設備寬度爲360，菜單198的寬度和左側的值時隱時是-198

不要忘記更新方向更改的值。

來源

2016-11-18 12:20:30

如何隱藏appcelerator中的幻燈片菜單？

回答

相關問題