谷歌浏览器和微软边缘滚动条获得流畅的设计

微软认为目前默认的Chromium Scrollbars仍然使用传统的 win32 滚动条,而 Windows OS 已经获得了 WinUI 和原生 fluent 控件。该公司现在提议默认滚动条应该使用Fluent 设计进行更新,并且就像覆盖滚动条一样总是更薄,有嵌入和圆润的 Edge。

强调:

  • 微软以流畅的设计更新 Windows 11/10 上的 Chromium 滚动条
  • 用户仍然可以通过“始终显示滚动条”Windows 操作系统设置来选择“非覆盖滚动条”。
  • Microsoft 将重新设计非覆盖滚动条以匹配 Windows 主题。
  • 该公司认为Fluent Scrollbars也可以在 Linux 上使用。
  • 预计该更改将影响页面布局。

流畅的滚动条视觉规范

根据微软设计的 Spec,滚动条以 3 种模式退出:最小、完整和隐藏。

  1. 仅绘制滚动条拇指时,最小模式(又名覆盖滚动条)是默认状态。
    而 Chromium 默认滚动条可能会占用 17PX 的布局空间。新工具栏在最小模式下不会占用任何布局空间。
    fluent-scrollbar-design-in-minmal-mode
  2. 绘制滚动条部件(拇指、轨道、按钮和按钮字形)时,滚动条处于完整模式。当指针直接位于滚动条区域上方时会发生这种情况。
    fluent-scrollbar-design-in-full-mode
  3. 隐藏模式:当指针移出非根 ScrollNodes 边界时,滚动条完全淡出

macOS 上已经存在覆盖滚动条。操作系统具有“始终显示滚动条”模式。

如开头所述,Windows 有一个设置来控制滚动条的可见性。

Windows 11/10 用户需要访问设置>辅助功能>视觉效果,切换“始终显示滚动条”以启用或禁用它们。

Always-show-scrollbars-setting-Windows-11-300x58-1

该公司计划让新的滚动条了解上述设置。

摘要:Fluent Scrollabrs 功能旨在“使 Chromium 滚动条(覆盖和非覆盖)现代化,以适应 Windows 11 流利的设计语言。这包括对视觉外观的更新以及用户与覆盖滚动条交互方式的一些更改”。

Microsoft 为新 Microsoft Edge 的 Chromium 项目做出了巨大贡献,这肯定是一个有用的补充。

原创文章,作者:校长,如若转载,请注明出处:https://www.yundongfang.com/Yun123065.html

(0)
打赏 微信扫一扫不于多少! 微信扫一扫不于多少! 支付宝扫一扫礼轻情意重 支付宝扫一扫礼轻情意重
上一篇 2022年1月28日 下午12:20
下一篇 2022年2月1日 下午3:00

相关推荐