如何在应用程序中隐藏幻灯片菜单
How can I hide slide menu in 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有一个尺寸。
如果您的菜单视图宽度设置为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
不要忘记在方向改变时更新值
相关文章:
- 偶数幻灯片隐藏在 Bootstrap 的轮播中
- 用于幻灯片放映和隐藏内容的 Angularjs 指令
- 需要 DIV 显示/隐藏开关在幻灯片切换发生后发生
- 如何使BxSlider隐藏所有幻灯片,直到页面加载
- jQuery 循环 如果只有一张幻灯片,则隐藏上一个/下一个导航
- 是否可以在可见性隐藏元素上对幻灯片进行动画处理
- 如何停止幻灯片放映隐藏文本和图像跳到顶部,而下一张幻灯片进来
- 如何使用 jQuery 显示/隐藏事件重新加载 jQuery 幻灯片
- 如何在加载时隐藏幻灯片图像
- 如何在显示隐藏元素时在 JQuery 中制作幻灯片动画
- 如何使用幻灯片应用平滑的显示/隐藏效果在jQuery上切换
- 基于当前幻灯片隐藏时间线的子部分
- 如何指定元素的显示和隐藏幻灯片方向
- BX滑块滑块滑块最后一张幻灯片总是隐藏某些部分
- 幻灯片JS隐藏分页
- 隐藏的幻灯片没有在隐藏的容器中完全展开
- 将逻辑与幻灯片和隐藏/显示链接起来
- 我可以在不隐藏容器的情况下使用jQuery UI幻灯片效果吗
- 当某个幻灯片在fullpage.js滑块中有一个活动类时,如何隐藏元素
- 如何在应用程序中隐藏幻灯片菜单