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

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

admin

2023-07-31 14:05:00

0次

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

强调：

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

流畅的滚动条视觉规范

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

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