HBuilder安卓应用如何实现左右滑动,切换界面!

本人想实现类似于微信那种,但不一定要微信那么玄,只想简单实现通过手势向左滑动,就打开左边界面,向右滑动就打开显示右边界面!本人新手,公司正在做这方面的开发,多谢各位大神支招了!



2014-09-09 17:22 添加评论 分享
已邀请:
2

有单页拖div和多webview拖webview这2种方法。多webview使用webview的drag方法。
hello mui里有示例中的offcavas (侧滑导航)示例


1

Sky_

赞同来自: helen-139@163.com

那个是局部段落滑动,大的整个页面滑动,没有专门的控件


1

我认为比较好的两种方式:
1.singlePage模式;
就是你所有的页面都整合成一个页面,h5监听手势事件,ajax请求不同的内容即可,通过js和css协作显示所需模板。
2.多webview模式;
native监听手势事件,从而调用不同的webview,webview中已存在所需页面,最终实现。


1

ad

赞同来自: yedong0839

window.addEventListener("swiperight", function(e) {
//默认滑动角度在-45度到45度之间,都会触发右滑菜单,为避免误操作,可自定义限制滑动角度;
if (Math.abs(e.detail.angle) < 30) {
self.close();
}
});
\n

官方示例中的代码,已测试可用


0

咆哮的企鹅 - 敲代码?慢性自杀:植物人

赞同来自:

可参考 hello mui 实例中的segment(分段选择)
第二项 可拖动选项卡


0

橘子好酸啊

赞同来自:

关于singlePage模式,思路是使用div分割页面,推荐一个js插件,Swiper.js,很好用,可以实现整页翻动效果并支持嵌套,性能页还不错,对于接口比较开放。


要回复问题请先登录注册

退出全屏模式 全屏模式 回复