林小鱼 发表于 2024-3-22 13:08:12

手机端页面 如何设计 滑动的交互

就是在A页面,然后往右一滑,出现一个弹窗呢?

fanhuayimeng 发表于 2024-3-22 13:08:13

本帖最后由 fanhuayimeng 于 2024-3-22 13:25 编辑

你可以请教一下这位大佬


在针对手机、触摸屏等设备时,由于屏幕尺寸受限,不宜放太多按钮,但是如果此时又给用户良好交互体验改怎么办?
给大家分享一个思路,使用touch事件,让网页元素具备手势的识别能力。
以下为某客户的应用页面,需求是可以任意加减数量,要方便、快,还能精确的控制数量。
原来的做法是页面放很多按钮,点一次+1,再放个按钮点一次-1,再放一个按钮点一次+10 ........

现在利用了touch的特性,重新给交互赋能,操作如下:
1、向左拖动减少数量
2、向右拖动增加数量
3、上下拖动清零数量
4、双击按钮弹出自定义数量输入

直达 【活字格骚操作】给页面增加手势互动! https://gcdn.grapecity.com.cn/template/gc2019/src/icon/hot_1.gif

Shawn.Liu 发表于 2024-3-22 16:01:56

感谢fanhuayimeng格友大佬的支持,楼主大佬可以参考一下。

林小鱼 发表于 2024-3-22 16:36:19

fanhuayimeng 发表于 2024-3-22 13:24
你可以请教一下这位大佬




牛逼

Shawn.Liu 发表于 2024-3-22 16:59:01

{:5_110:}
页: [1]
查看完整版本: 手机端页面 如何设计 滑动的交互