appcelerator에서 슬라이드 메뉴를 숨기려면 어떻게해야합니까?

Question

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 크기가 있습니다.

Answer 1

너비가 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

인

방향 변경시 값을 업데이트하는 것을 잊지 마십시오.