Как скрыть меню слайдов в appcelerator?

Question

Я создаю приложение с appcelerator. Я также создаю пользовательское меню слайдов. Поэтому, если вы нажмете на кнопку, меню слайдов появится слева направо.

Сегодня поздно, у меня есть это меню с фиксированной шириной. Чтобы скрыть это меню, я установил свойство left at -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 есть измерение.

Answer 1

Если ваш вид меню имеет ширину, равную 55%, вам необходимо сохранить версию этого процента. ширина

"#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

Не забудьте обновить значения при изменении ориентации.