抽屉菜单使用小结
来源:互联网 发布:林心如霍建华结婚知乎 编辑:程序博客网 时间:2024/06/05 04:27
抽屉菜单(不知道为什么叫这个名字),在app中使用很频繁 。appcan官网IDE中内置了该模板,我们只需要新建appcan页面,选择“抽屉”就可以实现。但是在创建页面后,会遇到两个恶心的问题需要手工解决 ,如下;
一、首先我们创建leftmenu页面,选择布局结构“抽屉”,内容为空,该页面为不添加任何内容 。点击完成后,观察IDE左侧树形结构上会生成3个页面分别是 leftmenu.html , leftmenu_drawer.html, leftmenu_content.html 。这三个页面中 leftmenu_drawer.html 是第一个被加载的初始页面 ,接着我们需要修改config文件中的默认页面属性,将leftmenu_drawer.html作为默认页面 。
然后在本地进行打包测试,我们会发现1个小问题,默认情况下 弹出的左侧抽屉菜单没有图标,如图
没有图标,只有文字,打开调试信息发现
有若干报错,全是找不到资源文件,自己仔细找一下ide下的文件夹会发现所有要用的资源文件都在leftmenu_drawer文件夹下面。这个是ide的错。解决办法很简单,把它复制到 leftmenu\css\下就能解决问题.
二、然后我们在用真机测试的时候会发现一个比较难堪的事情 ,当你点击 “回退”键的时候,不是先弹出一个对话框问你是否退出程序,而是直接把左侧的抽屉菜单弹出来了 !接着你再点击“回退”键才会提示你“是否退出”应用 !这个感觉太糟糕了 !经过看论坛以前的帖子,解决办法如下:
在leftmenu.html 页面中,记住不是程序启动的第一个页面leftmenu_drawer.html ,而是 在 leftmenu_drawer.html 的 appcan.ready()事件中 进行 appcan.window.open() 事件的页面 。我的程序中是 appcan.window.open("leftmenu", "leftmenu.html", 10, 256); 所以我要修改的就是 leftmenu.html 。打开它 找到 在 </body> 与 </html> 之间 找到 appcan.ready()事件 ,在此事件的最后一行,调用自定义的函数 addBackListener(); 接着 在appcan.ready()外面 ,写addBackListener() 函数的内容,如下:
function addBackListener()
{
//可以在这里加一句alter来判断是否被调用
var plat = uexWidgetOne.getPlatform(); //判断平台类型
if(plat)
{
uexWindow.onKeyPressed=function(keyCode)
{
//alert("onKeyPressed keyCode:" + keyCode);
if(keyCode==0)
uexWidgetOne.exit(); //关键在这句 ,如果遇到返回键,就触发结束应用事件 。据说在早期IDE中需要在线打包才能生效,
//现在的版本 v3.2.1 ,测试本地打包,该函数有效 。
}
//alert("addBackListener setReportKey");
uexWindow.setReportKey(0,1);
}
}。
一、首先我们创建leftmenu页面,选择布局结构“抽屉”,内容为空,该页面为不添加任何内容 。点击完成后,观察IDE左侧树形结构上会生成3个页面分别是 leftmenu.html , leftmenu_drawer.html, leftmenu_content.html 。这三个页面中 leftmenu_drawer.html 是第一个被加载的初始页面 ,接着我们需要修改config文件中的默认页面属性,将leftmenu_drawer.html作为默认页面 。
然后在本地进行打包测试,我们会发现1个小问题,默认情况下 弹出的左侧抽屉菜单没有图标,如图
没有图标,只有文字,打开调试信息发现
有若干报错,全是找不到资源文件,自己仔细找一下ide下的文件夹会发现所有要用的资源文件都在leftmenu_drawer文件夹下面。这个是ide的错。解决办法很简单,把它复制到 leftmenu\css\下就能解决问题.
二、然后我们在用真机测试的时候会发现一个比较难堪的事情 ,当你点击 “回退”键的时候,不是先弹出一个对话框问你是否退出程序,而是直接把左侧的抽屉菜单弹出来了 !接着你再点击“回退”键才会提示你“是否退出”应用 !这个感觉太糟糕了 !经过看论坛以前的帖子,解决办法如下:
在leftmenu.html 页面中,记住不是程序启动的第一个页面leftmenu_drawer.html ,而是 在 leftmenu_drawer.html 的 appcan.ready()事件中 进行 appcan.window.open() 事件的页面 。我的程序中是 appcan.window.open("leftmenu", "leftmenu.html", 10, 256); 所以我要修改的就是 leftmenu.html 。打开它 找到 在 </body> 与 </html> 之间 找到 appcan.ready()事件 ,在此事件的最后一行,调用自定义的函数 addBackListener(); 接着 在appcan.ready()外面 ,写addBackListener() 函数的内容,如下:
function addBackListener()
{
//可以在这里加一句alter来判断是否被调用
var plat = uexWidgetOne.getPlatform(); //判断平台类型
if(plat)
{
uexWindow.onKeyPressed=function(keyCode)
{
//alert("onKeyPressed keyCode:" + keyCode);
if(keyCode==0)
uexWidgetOne.exit(); //关键在这句 ,如果遇到返回键,就触发结束应用事件 。据说在早期IDE中需要在线打包才能生效,
//现在的版本 v3.2.1 ,测试本地打包,该函数有效 。
}
//alert("addBackListener setReportKey");
uexWindow.setReportKey(0,1);
}
}。
0 0
- 抽屉菜单使用小结
- 抽屉菜单
- DrawerLayout 抽屉菜单效果使用实例介绍
- Android使用DrawerLayout实现抽屉式侧滑菜单
- 使用mmenu制作侧边抽屉菜单
- Android菜单使用小结
- Android使用DrawerLayout创建左右两个抽屉菜单
- Android使用DrawerLayout创建左右两个抽屉菜单
- Android 使用DrawerLayout实现抽屉效果的导航菜单
- Android使用DrawerLayout创建左右两个抽屉菜单
- 使用DrawerLayout与listview实现抽屉菜单效果
- Android 侧滑菜单(抽屉)的使用总结
- 浅谈DrawerLayout(抽屉效果,侧拉菜单)的使用
- VC实现抽屉菜单
- DrawerLayout 之 抽屉菜单
- android 抽屉式侧滑菜单
- 抽屉菜单(DrawerLayout)
- 抽屉菜单简单思路
- 关于TImer的两种初始化方法总结,自学iOS的哥们过来看看
- Jquery Validate插件+requireJs库
- 我为什么主张反对使用Android Fragment
- MATLAB 图像函数(第三章) 图像基本处理
- Android中Notification的framework层讲解
- 抽屉菜单使用小结
- MongoVUE Group分组统计查询
- 论文《固态硬盘混合存储数据库的数据分布优化算法 》总结
- Java之集合Map遍历
- 使用MinGW搭建windows下C/C++开发环境
- 我在无限互联学习记录 连载2
- sscanf的高级用法(总结)
- Android生命周期在不同版本中的表现形式
- ActionResult的本质一:EmptyResult & ContentResult