Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[ImageViewer] 鼠标滚轮和图片放缩的结合有点反直觉 #1826

Closed
Barry-Flynn opened this issue Nov 23, 2022 · 8 comments
Closed

[ImageViewer] 鼠标滚轮和图片放缩的结合有点反直觉 #1826

Barry-Flynn opened this issue Nov 23, 2022 · 8 comments
Labels
💭 discussion we are discussing

Comments

@Barry-Flynn
Copy link

这个功能解决了什么问题

ImageViewer 图片预览时,
标滚轮向上,但预览的图片却缩小;
标滚轮向下,但预览的图片却放大;

这似乎有点反直觉,仅代表我自己来说,给了我不好的体验。

你建议的方案是什么

或许是多年的用户习惯,建议修改滚轮操作与图片放缩的关系,或者增加配置项,使前端开发人员自由选择鼠标滚轮与图片放大缩小的效果

@github-actions
Copy link
Contributor

👋 @Barry-Flynn,感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

@chaishi
Copy link
Collaborator

chaishi commented Dec 10, 2022

上文描述 上小 下大,刚好相反,导致了错误的理解。

当前表现是:上大、下小。

@chaishi
Copy link
Collaborator

chaishi commented Dec 10, 2022

我这边也是习惯,上小,下大。

@Barry-Flynn
Copy link
Author

上文描述 上小 下大,刚好相反,导致了错误的理解。

当前表现是:上大、下小。

可能表达的有点歧义,我对于图片预览组件的直觉是:鼠标滚轮往前推,图片应该放大;鼠标滚轮往回拨,图片应该缩小。

目前的组件效果是相反的,是因为国际上的用户习惯是这样的吗?真的感觉非常别扭

如果变成element-ui那样的图片预览效果就好了,很符合鼠标滚轮控制缩放的直觉

@Barry-Flynn
Copy link
Author

我这边也是习惯,上小,下大。

如果是当前的TDesign “鼠标滚轮往前推,图片缩小;鼠标滚轮往回拨,图片放大” 的效果,其实仔细想一想我也能够理解,无非就是把整张图片当成具有空间透视的墙呗:

  • 鼠标往前推,是让图片墙远离我们,所以图片看起来小了
  • 鼠标往回拨,是让图片墙靠近我们,所以图片看起来大了

但这样确实不太符合一些人的直觉,因为很多人(包括我)直觉都是将鼠标滚轮的上下与图片的大小绑定在一起的,而不是鼠标的前后与图片的远近

@ccccpj ccccpj added the 💭 discussion we are discussing label Feb 21, 2023
@ccccpj ccccpj changed the title [ImageViewer 图片预览] 鼠标滚轮和图片放缩的结合有点反直觉 [ImageViewer] 鼠标滚轮和图片放缩的结合有点反直觉 Feb 21, 2023
@github-actions
Copy link
Contributor

♥️ 有劳 @sinbadmaster 尽快确认问题。
确认有效后将下一步计划和可能需要的时间回复给 @Barry-Flynn

@Barry-Flynn
Copy link
Author

#2825

Tencent/tdesign-vue-next#3738

optimized 1.8.3

@Barry-Flynn
Copy link
Author

optimized 1.8.3

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
💭 discussion we are discussing
Projects
None yet
Development

No branches or pull requests

3 participants