微软:Windows 11 流畅设计滚动条将引入到谷歌 Chrome 浏览器

系统 Windows 浏览器
微软还在考虑对用户与 Chrome 浏览器中的滚动条的互动方式进行一些视觉上的改变,采用不同的模式。

3 月 25 日消息,据 Windows Latest 报道,与 Windows 10 不同,Windows 11 拥有全新的、现代的“Fluent 流畅滚动条”,当用户与之互动时,其形状会发生变化。流畅滚动条是动态的,它们在不同的外形因素上或当改变窗口的大小时自动缩放,它目前在设置、媒体播放器等应用程序中使用。

根据微软的一项新提议,谷歌 Chrome 浏览器可能很快就会拥有流畅滚动条功能。在一份提案中,微软表示,他们希望对 Chrome 浏览器中的旧滚动条进行现代化改造,使谷歌浏览器与 Windows 11 设计标准保持一致。

该提案旨在使 Chromium 的滚动条(包括覆盖和非覆盖)现代化,以适应 Windows 11 流畅的设计语言。此外,微软还在考虑对用户与 Chrome 浏览器中的滚动条的互动方式进行一些视觉上的改变,采用不同的模式。

  • 极简模式:这将是滚动条的默认设计。

  • 完全模式:完全模式滚动条是当光标在滚动条区域上时,所有的部分如拇指或按钮都会被描画出来。

  • 隐藏模式:这是一个新功能,滚动条将完全淡出,可能无法找到页面上的确切位置。谷歌对隐藏模式表示担忧,微软正在积极探索一个更好的方法来处理视觉上的改进。

为了更好地理解这些差异,下面是微软 Edge 中的新滚动条和 Chrome 中的经典滚动条的比较。

▲ Chrome 和 Edge 的滚动条

其他特点 / 变化:

  • 根部覆盖的滚动条将始终存在于最小模式中。
  • 当指针直接在轨道上时,滚动条会过渡到完整模式。
  • 在启动时,所有的滚动条都会被描画出来,根滚动条仍然可见(在最小模式下),其余的则会淡出。
  • 当指针进入一个非根滚动节点时,滚动条会以最小模式绘制。
  • 当指针离开节点的边界时,最小模式的滚动条就会淡出。
  • 通过 Ctrl+F 进行的文本匹配会使滚动条立即以完整模式绘制,并在匹配位置的轨道上出现勾选标记。

微软还指出,可以通过 Windows 11 的原生解决方案“始终打开滚动条”绕过“隐藏模式”。与 macOS 一样,可以从设置-> 辅助功能-> 视觉效果中“始终显示滚动条”。新的滚动条将意识到本地设置。

“当启用该功能时,滚动条将以完整模式 绘制。在这种操作系统设置下,滚动条将占用布局空间,”微软指出。

正如上面截图显示,微软提议的滚动条将表现得更像覆盖式滚动条。它们将更薄,有内嵌和圆角的边缘。如果谷歌开发者拒绝覆盖式滚动条,微软还计划重新设计非覆盖式滚动条,以使 Windows 11 上的 Chrome 浏览器现代化。

自 2022 年 1 月以来,微软一直在考虑为基于 Chromium 的网络浏览器提供这一功能。

早在 2021 年,微软的一名开发人员就已经证实,该公司打算把 Edge 的一些设计改进也带到 Chromium 开源项目中。

责任编辑:姜华 来源: IT之家
相关推荐

2022-05-30 07:56:13

微软滚动条Chrome

2021-08-31 07:31:22

微软Edge浏览器

2021-09-29 17:28:58

谷歌 Chrome 浏览器

2021-05-05 18:23:25

谷歌Chrome浏览器

2021-08-10 15:03:06

谷歌Chrome浏览器

2009-02-19 09:42:01

SliverlightChrome微软

2023-07-19 09:33:13

Chrome浏览器

2021-11-15 10:52:04

谷歌 Chrome 浏览器

2021-05-24 05:38:04

微软Edge浏览器

2021-08-23 06:37:29

谷歌Chrome 浏览器

2010-01-27 10:37:22

2009-11-26 10:55:41

2021-02-04 13:13:33

微软Windows Def Chrome浏览器

2021-08-10 15:10:01

ChromeEdge浏览器

2021-03-22 10:10:13

AndroidChromeLive Captio

2022-01-09 08:21:12

Windows 11Edge 浏览器

2017-12-20 09:06:45

微软谷歌浏览器

2021-11-17 06:01:24

谷歌Chrome 浏览器

2021-04-12 07:11:22

Windows10操作系统微软

2009-12-03 10:56:34

谷歌Chrome浏览器
点赞
收藏

51CTO技术栈公众号