起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 2588|回复: 9

[处理中3] wex5有没类似苹果原生UInavication,从手机最左边缘滑动是回退到上一个页的功能

[复制链接]

76

主题

241

帖子

909

积分

高级会员

Rank: 4

积分
909
QQ
发表于 2017-2-24 14:02:22 | 显示全部楼层 |阅读模式
wex5有没类似苹果原生UInavication,从手机最左边缘滑动是回退到上一个页的功能?
发表于 2017-2-24 14:19:55 | 显示全部楼层
wex5的单页应用是支持手动滑动切换页面的!
index.w 的contents组件设置属性swipe 为true 就可以!如果不想训话滑动效果
wrap属性设置为 false 即可!

其实单页应用的底层页面切换就是通过contents组件实现的
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

76

主题

241

帖子

909

积分

高级会员

Rank: 4

积分
909
QQ
 楼主| 发表于 2017-2-24 14:29:46 | 显示全部楼层
liangyongfei 发表于 2017-2-24 14:19
wex5的单页应用是支持手动滑动切换页面的!
index.w 的contents组件设置属性swipe 为true 就可以!如果 ...

假设我跳转到的页面里面也包含contents,跟index.w的contents组件就会冲突 ,不会回退到下一页。苹果UInavication手势跟单纯的左滑还是不一样。有没有什么办法实现UInavication
回复 支持 反对

使用道具 举报

发表于 2017-2-24 15:18:31 | 显示全部楼层
shudedengdai 发表于 2017-2-24 14:29
假设我跳转到的页面里面也包含contents,跟index.w的contents组件就会冲突 ,不会回退到下一页。苹果UInav ...

所以,你自己写的contents组件 也要设置不能循环打开!
wrap属性设置为 false 即可
否则当然就不能切换回来的了!

目前页面切换的效果只有这种,你可以自定义其他样式!
http://docs.wex5.com/wex5-ui-question-list-2014/
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

76

主题

241

帖子

909

积分

高级会员

Rank: 4

积分
909
QQ
 楼主| 发表于 2017-2-27 16:55:46 | 显示全部楼层
从ios7 以后,Apple 增加了屏幕边缘右划返回交互的支持,实在屏幕边缘从左向右滑动,可以返回上一级,不是在屏幕内滑动。不是contents
回复 支持 反对

使用道具 举报

发表于 2017-2-27 17:18:08 | 显示全部楼层
shudedengdai 发表于 2017-2-27 16:55
从ios7 以后,Apple 增加了屏幕边缘右划返回交互的支持,实在屏幕边缘从左向右滑动,可以返回上一级,不是 ...

我们是的单页应用,所有的页面切换,实际上就是页面 的显示和隐藏!操作页面切换的效果呢就是css动画!

随意,页面切换就是自定义css动画!只能模拟UInavication  ,而不能真正的使用UInavication进行页面切换!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

76

主题

241

帖子

909

积分

高级会员

Rank: 4

积分
909
QQ
 楼主| 发表于 2017-2-28 09:10:28 | 显示全部楼层
http://www.jianshu.com/p/006370e7fe67
不管是不是单页应用,页面的显示隐藏,切换动画效果我们都可以自己自定义。问题是IOS支持屏幕边缘右滑的手势,我们想要的无非就是能在js中很方便的捕获到这个事件进行后续的操作。
苹果没有返回键,对于用惯了边缘右滑功能的IOS用户来说,每次点左上角的按钮返回是难以忍受的,不支持边缘右滑的APP分分钟都想卸载。
回复 支持 反对

使用道具 举报

发表于 2017-2-28 11:31:24 | 显示全部楼层
shudedengdai 发表于 2017-2-28 09:10
http://www.jianshu.com/p/006370e7fe67
不管是不是单页应用,页面的显示隐藏,切换动画效果我们都可以自己 ...

contents组件也可以从最左边往右滑动,回到上一页啊!而且默认就是这样的!
比如你用仿淘宝案例测试下!
将/UI2/demo/taobao/index.w 中
contents组件的wrap属性设置为false,其他都是true  运行index.w后,打开列表或详细,然后从左往右滑动就回到上一页了!
这个效果和Android的物理返回键是一样的呀!
你想要得不是这个能力吗??

如果想接管UInavication ,这个属于原生的能力吧!在单页应用中能捕获什么事件??
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

76

主题

241

帖子

909

积分

高级会员

Rank: 4

积分
909
QQ
 楼主| 发表于 2017-2-28 15:13:32 | 显示全部楼层
wrap设false,其他true,是可以实现右滑返回上一页,但是这样就又回到路由的问题了,你们的路由不能自定义操作,只能清空,多个页面都开了路由功能后,返回的时候会出现错乱。
比如淘宝案例先从首页轮播图片进入详细页后返回主页,再从天猫按钮进入列表页,这个时候右滑就出现错乱
回复 支持 反对

使用道具 举报

发表于 2017-2-28 16:24:55 | 显示全部楼层
shudedengdai 发表于 2017-2-28 15:13
wrap设false,其他true,是可以实现右滑返回上一页,但是这样就又回到路由的问题了,你们的路由不能自定义 ...

是的!contents组件是按照顺序切换页面的!

Android 物理回退键是走的路由!!

两种机制确实不一样!
你好楼主,这个特性目前版本不支持,已作为产品功能建议提交(内部编号:2017022800002),感谢楼主的支持与配合。
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2025-7-1 17:42 , Processed in 0.123789 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表