【CSDN】我在一个应用程序上重新设计上下文菜单时

[复制链接]
查看900 | 回复0 | 2022-12-9 12:59:59 | 显示全部楼层 |阅读模式
【CSDN 编者按】编者按:一般来说,系统的更新能够带来更好的体验。但近年网上关于“怎样才能关闭Windows版本自动更新?”、“Windows系统频繁更新,要不要更新?”的问题越来越多。本文作者Den Delimarsky(Netlify的集团产品经理)表示不太看好Windows操作系统最近的发展方向,在他看来,Windows应该按照真正符合用户需求的方向优化,而不仅仅为了追逐更多的利益。

原文链接:

整理 | 章雨铭   责编 | 屠敏

出品 | CSDN(ID:CSDNnews)

不统一的风格样式

Windows 11的备忘录,至少有10种不同的设计惯例。

无论是日常使用Windows 11时,还是开始使用操作系统的不同控件,如文本框时,都能很轻易地感受到这一点。Windows 10也存在同样的问题,所以也算不是新问题。然而,在最新的Windows版本中,又增加了一些不一致的地方。

上周,我在一个应用程序上重新设计上下文菜单时,就遇到了这个问题。我惊讶地发现,与Windows Forms(用于设计Windows桌面应用程序的框架)捆绑在一起的上下文菜单非常像office XP,而且在Windows 11 上不能与自定义DPI或黑暗模式一起使用。于是,我认为可以重新使用标准操作系统应用程序采用的上下文菜单样式,但相当麻烦。Windows上确实有一个用于创建上下文菜单的API,但是如果你认为这能代替操作系统工作,那就大错特错了。

出于实验目的,我只在通知托盘的图标上测试一下,先来看看标准的网格图标(如下图):

Windows中网络图标的上下文菜单

这是圆角的,灰色背景的单色图标。那么,Windows安全中心的图标又是什么样子的呢?

托盘中的Windows安全中心的上下文菜单

和之前的很相似,但当我把鼠标悬停在上面时,选项就会变成蓝色,而不是之前看到的灰色。接着来看看连接的USB设备:

Windows托盘中的USB设备的上下文菜单

我像是在玩一个“发现10个不同点”的游戏——菜单中出现了彩色的图标,选择的填充要小得多,但仍然是同样的主题。

如果我们拿一个第三方应用程序(Spotify)来比较呢?

Windows托盘中的Spotify上下文菜单

我对Spotify菜单很熟悉,因为Windows API允许创建它(只要不是通过Windows Forms创建的)。虽然它没有黑暗主题,但至少有圆角。如果你想挖掘未记录的API,可能最终你能够得到一些类似黑暗主题的东西,当然要减去边角。

然后,你会得到一个沉浸式的菜单,没有XAMLIsland之类的东西。

有一些没有记录的API使用,但它在C++项目中是可行的(希望很快能在C#项目中使用)

很遗憾,没有圆角。-——Den Delimarsky (@DennisCode)2022年3月10日

最后,我想再检查另一个第三方应用程序 ——1Password:

1Password的托盘上下文菜单

显示的菜单和Spotify的一样,但没有整齐的圆角。作为操作系统层面的东西来说,它的变化性实在是太大了。那么如何才能使上下文菜单类似于Windows 11本地应用程序的风格呢?——把自定义框架和绘图逻辑结合起来。令人费解的是,为什么我需要知道什么是“XAML Island”,才能够添加与操作系统其他部分一致的上下文菜单呢?

这些风格之间之所以有这么大的差异,是因为没有一个标准的UI 框架指导。UI框架有很多,比如Windows Forms、WPF、MAUI、UWP、WTI、WinUI、MFC等等。每个框架都有自己的惯例、约束和缺点。比如,如果我想建立一个带有托盘通知图标的控制台应用程序,我有两个选择,要么使用Windows Forms,要么使用本地Windows API从头开始编写。如果想要在WPF中实现同样的功能?方法相同——依赖于Windows Forms。如果想要使用UWP呢?不可能——最好为此编写一个附带的本机Win32应用程序。在Windows Phone时代,我对此感到很痛苦,但现在看来,我们正在经历着相同的阶段。

方法论和库的流失是真实的,再加上完全不知道关于哪一个才是真正的方法的信息,我对此感到身心俱疲。我很大一部分精力没有放在提升我的应用程序,为用户带来价值上,而是花费数天时间与Windows APIs斗争,避免我在构建应用程序时选错.NET类型的框架。我应该尽可能使用低级别的API,用C++编写所有内容,这样才能让我好受一点。

我能理解,为了向后兼容,打破传统是很难的。但是如果能有一个非常明确的意见,并且能够得到Windows开发人员的支持,让应用程序和操作系统的其余部分一致,那就再好不过了。macOS可以做到这一点,我相信Windows也可以。

广告和通知层出不穷

最新的Windows 11成了一个广告牌。

广告无处不在,从Candy Crush进入开始菜单,到OneDrive和Office被推到操作系统的每一个缝隙。我记得第一次安装Windows时卸载了所有这些东西,但在下一次更新时发现它们又出现了。而且,通知不断地出现在各个地方。比如,“你知道Edge更快吗?你想要必应作为你的默认搜索引擎吗?你喜欢Windows吗?”

通知

而这些都是用户付费购买的操作系统所附带的。

最令人迷惑的是,最近Windows团队甚至决定在资源管理器中进行广告实验。虽然该团队很快反驳称“这是一个实验性的广告,并不打算对外发布。”

所以说,该团队决定在资源管理器中实现一个能够投放广告的界面,而不是解决文件搜索的性能问题。另外,在操作系统中投放广告不仅会让用户徒增烦恼,而且还可能导致稳定性和安全性问题。

“多此一举”的外观改变

广告无处不在,用户体验的一致性也像是一个白日梦,这似乎也是无可奈何的事情。

高优先级(或者说,从我的角度看,似乎是高优先级)的项目被推到一边,重新设计记事本、增加圆角和更多的填充,以及一个视觉空间效率较低的任务管理器反而看起来更重要。为什么要在这上面花费时间,难道不是应该首先修复基本问题吗?我相信改进记事本和任务管理器的设计的工作很有趣,但是就对生产力的影响而言——它们现在运行良好,而且看起来与操作系统并不相悖。

我更愿意看到同样的开发者资源用于修复Windows任务栏,与Windows 10和其他系统相比,任务栏有很大的退步。

任务栏有很多改进的空间,但没有什么比对复制/移动/删除进度指示器更让我头疼的了。在以前的Windows版本中,任务栏是这样的:

Windows 10中的文件复制进度

利用任务栏上的图标来显示进度(在Windows 7时代首次引入的功能),我可以很直观地看到进程如何进行以及还剩下什么,因为整个图标都可以作为进度面。

在最新版本的Windows 11中,它是这样的:

Windows 11中的文件复制进度

如果你的屏幕分辨率大于800x600,那么你的进度指示器会和与打开的窗口的指示器混在一起,很难辨别。

新版本中很多功能都无法实现,比如无法取消任务栏项目的分组、有时点击任务栏并不能打开应用程序、无法显示窗口标题、将任务栏定位在屏幕的右侧(或其他任何一侧)也不可行。另外,任务栏的API也被限制了,取消了显示用户真正想要的附加组件的功能,如电池指示灯。

现在,“开始”菜单也需要更深入的点击,才能获得完整的应用程序列表,即使我没有钉住任何东西,也会获得这种“奇妙”的空页体验。

Windows 11中的开始菜单

我没有禁用任何固定的应用程序和推荐,但是仍然有一大片空白的空间。而且我还需要点击右上角的一个小按钮来查看其他应用程序。

文件资源管理器中的上下文菜单中,一些最有用的选项还需要一个额外的单击才能看见(当然,又是一个上下文菜单样式)。

文件资源管理器的上下文菜单

这些变化的意义何在?我的第一感觉是,开发者用了太多macOS的计算机了,决定撕掉macOS风格的Dock,而没有真正移植Dock行为中的其他东西,并试图把它塞进Windows,而不考虑保留任何Windows优秀的惯例。

打开一个空白标签如此麻烦?

Windows每一次更新,都在不断夺走我对计算机的控制权。

为了让Edge打开一个空白的新标签,我需要把计算机注册(或假注册)到设备管理配置文件中。为什么我不能用软件已经允许的方式来定制我的计算机和软件?为什么我不能控制不同的URI方案的作用?

我相信有人也会提出一个论点,"恶意软件会接管它,然后每个Edge链接都会在恶意Joe浏览器窗口中打开。”荒谬!无论勒索软件,还是使用文件API泄露数据,恶意软件都已经对计算机造成很大损害。解决这个问题的方法不是删除文件API,而是更好地为用户控制这些文件API。

微软账户:操作系统的通行证

不使用微软账户,就无法使用操作系统。

我使用微软账户处理邮件和Xbox,但我不希望它记录我的搜索历史记录、文件或其他任何内容。我只是想要用Windows做游戏和一些编程,仅此而已。为此,我不需要一个微软账户。

我可以在没有iCloud账户的情况下使用macOS。当然,我无法访问iMessage和iCloud,但我仍然可以选择在没有它的情况下使用操作系统。对于Windows,我必须在黑暗模式中导航才能做到,这一点从我安装操作系统时就注定了。

遥测也是如此。如果能够给我一个作为高级用户,不向微软发送任何信息的能力。或者抛出一个警告,提示我我将不再能够快速诊断应用程序问题。我不会又任何异议。Visual Studio Code提供了一个不发送任何遥测数据的设置——我认为Windows没理由做不到。

Windows逐渐失去用户信任

信任是一个有趣的东西——它很难获得,但很容易失去。

微软的工作人员都很聪明,他们明白用户的需求(即想要解决上述的问题),但是这些需求被置若罔闻,因为收入在不断增加。作为一个开发者,我认为上述所有的变化似乎与努力赢得开发者信任的说法背道而驰。

如果希望真正为用户赋能,那么就应该努力使操作系统针对生产力而优化,而不是为了追逐更多的利益。

随着时间的推移,我对于Windows的信任度越来越低。与此同时,出现了许多其他优秀的产品——Sublime Text和Sublime Merge可以跨平台工作、Affinity Photo及其产品套件在macOS上的表现非常出色、视频编辑器DaVinci Resolve可以在Linux上使用......除此之外,Steam Deck的出现,让Linux上的游戏变得越来越好,我更没有动力坚持使用Windows了。Windows有很多来之不易的潜力,现在却被用来换取短期收入。

有的网友体验了Windows11之后表示还是要换回Windows10,也有网友认为更新之后画面变得更整洁有序了。你对此有什么看法,欢迎留言告诉我们。

END

《新程序员001-004》全面上市,对话世界级大师,报道中国IT行业创新创造

<p><pre data-darkmode-bgcolor-15882384789136="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882384789136="rgb(255, 255, 255)" data-style="max-width: 100%; font-size: 16px; font-variant-numeric: normal; font-variant-east-asian: normal; letter-spacing: 0.544px; line-height: 25.6px; widows: 1; background-color: rgb(255, 255, 255); box-sizing: border-box !important; overflow-wrap: break-word !important;" data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgba(230, 230, 230, 0.9)" data-darkmode-original-color-15882396318564="rgba(230, 230, 230, 0.9)" data-darkmode-bgcolor-15910964149051="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15910964149051="rgb(255, 255, 255)" data-darkmode-color-15910964149051="rgba(230, 230, 230, 0.9)" data-darkmode-original-color-15910964149051="rgba(230, 230, 230, 0.9)" data-darkmode-bgcolor-15924629205581="rgb(25, 25, 25)" data-darkmode-original-bgcolor-15924629205581="rgb(255, 255, 255)" data-darkmode-color-15924629205581="rgba(163, 163, 163, 0.9)" data-darkmode-original-color-15924629205581="rgba(230, 230, 230, 0.9)" style="outline: 0px;max-width: 100%;letter-spacing: 0.544px;color: rgb(51, 141, 175);text-align: center;font-size: 16px;widows: 1;font-family: -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;white-space: normal;line-height: 25.6px;box-sizing: border-box !important;overflow-wrap: break-word !important;">    <section data-class="_mbEditor" style="outline: 0px;max-width: 100%;font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;letter-spacing: 0.544px;color: rgb(34, 34, 34);font-size: 15px;box-sizing: border-box !important;overflow-wrap: break-word !important;"><section style="outline: 0px;max-width: 100%;box-sizing: border-box !important;overflow-wrap: break-word !important;"><section style="outline: 0px;max-width: 100%;color: rgb(51, 141, 175);box-sizing: border-box !important;overflow-wrap: break-word !important;"><section style="outline: 0px;max-width: 100%;box-sizing: border-box !important;overflow-wrap: break-word !important;"><section style="outline: 0px;max-width: 100%;font-size: 14px;box-sizing: border-box !important;overflow-wrap: break-word !important;"><span style="outline: 0px;max-width: 100%;color: rgb(16, 139, 106);box-sizing: border-box !important;overflow-wrap: break-word !important;">— 推荐阅读 —</span></section></section></section></section></section><pre data-darkmode-bgcolor-15882384789136="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882384789136="rgb(255, 255, 255)" data-style="max-width: 100%; font-size: 16px; font-variant-numeric: normal; font-variant-east-asian: normal; letter-spacing: 0.544px; line-height: 25.6px; widows: 1; background-color: rgb(255, 255, 255); box-sizing: border-box !important; overflow-wrap: break-word !important;" data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgba(230, 230, 230, 0.9)" data-darkmode-original-color-15882396318564="rgba(230, 230, 230, 0.9)" data-darkmode-bgcolor-15910964149051="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15910964149051="rgb(255, 255, 255)" data-darkmode-color-15910964149051="rgba(230, 230, 230, 0.9)" data-darkmode-original-color-15910964149051="rgba(230, 230, 230, 0.9)" data-darkmode-bgcolor-15924629205581="rgb(25, 25, 25)" data-darkmode-original-bgcolor-15924629205581="rgb(255, 255, 255)" data-darkmode-color-15924629205581="rgba(163, 163, 163, 0.9)" data-darkmode-original-color-15924629205581="rgba(230, 230, 230, 0.9)" style="margin: 10px 8px 15px;outline: currentcolor none 0px;max-width: 100%;font-variant-numeric: normal;font-variant-east-asian: normal;letter-spacing: 1px;line-height: 1.75em;font-family: -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;color: rgba(230, 230, 230, 0.9);text-align: left;white-space: normal;box-sizing: border-box !important;overflow-wrap: break-word !important;"><pre data-darkmode-bgcolor-15882384789136="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882384789136="rgb(255, 255, 255)" data-style="max-width: 100%; font-size: 16px; font-variant-numeric: normal; font-variant-east-asian: normal; letter-spacing: 0.544px; line-height: 25.6px; widows: 1; background-color: rgb(255, 255, 255); box-sizing: border-box !important; overflow-wrap: break-word !important;" data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgba(230, 230, 230, 0.9)" data-darkmode-original-color-15882396318564="rgba(230, 230, 230, 0.9)" data-darkmode-bgcolor-15910964149051="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15910964149051="rgb(255, 255, 255)" data-darkmode-color-15910964149051="rgba(230, 230, 230, 0.9)" data-darkmode-original-color-15910964149051="rgba(230, 230, 230, 0.9)" data-darkmode-bgcolor-15924629205581="rgb(25, 25, 25)" data-darkmode-original-bgcolor-15924629205581="rgb(255, 255, 255)" data-darkmode-color-15924629205581="rgba(163, 163, 163, 0.9)" data-darkmode-original-color-15924629205581="rgba(230, 230, 230, 0.9)" style="color: rgb(51, 141, 175);font-size: 16px;letter-spacing: 0.544px;text-align: center;widows: 1;background-color: rgb(255, 255, 255);outline: 0px;max-width: 100%;font-family: -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;white-space: normal;line-height: 25.6px;box-sizing: border-box !important;overflow-wrap: break-word !important;"><pre data-darkmode-bgcolor-15882384789136="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882384789136="rgb(255, 255, 255)" data-style="max-width: 100%; font-size: 16px; font-variant-numeric: normal; font-variant-east-asian: normal; letter-spacing: 0.544px; line-height: 25.6px; widows: 1; background-color: rgb(255, 255, 255); box-sizing: border-box !important; overflow-wrap: break-word !important;" data-darkmode-bgcolor-15882396318564="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15882396318564="rgb(255, 255, 255)" data-darkmode-color-15882396318564="rgba(230, 230, 230, 0.9)" data-darkmode-original-color-15882396318564="rgba(230, 230, 230, 0.9)" data-darkmode-bgcolor-15910964149051="rgb(36, 36, 36)" data-darkmode-original-bgcolor-15910964149051="rgb(255, 255, 255)" data-darkmode-color-15910964149051="rgba(230, 230, 230, 0.9)" data-darkmode-original-color-15910964149051="rgba(230, 230, 230, 0.9)" data-darkmode-bgcolor-15924629205581="rgb(25, 25, 25)" data-darkmode-original-bgcolor-15924629205581="rgb(255, 255, 255)" data-darkmode-color-15924629205581="rgba(163, 163, 163, 0.9)" data-darkmode-original-color-15924629205581="rgba(230, 230, 230, 0.9)" style="margin: 10px 8px 15px;outline: currentcolor none 0px;max-width: 100%;font-variant-numeric: normal;font-variant-east-asian: normal;letter-spacing: 1px;line-height: 1.75em;font-family: -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;color: rgba(230, 230, 230, 0.9);text-align: left;white-space: normal;box-sizing: border-box !important;overflow-wrap: break-word !important;"><section style="margin: 10px 8px 15px;outline: currentcolor none 0px;max-width: 100%;font-variant-numeric: normal;font-variant-east-asian: normal;line-height: 1.75em;box-sizing: border-box !important;overflow-wrap: break-word !important;"><span style="margin-top: 4px;outline: currentcolor none 0px;max-width: 100%;color: rgb(16, 139, 106);background-color: rgba(0, 0, 0, 0.01);text-align: center;font-family: mp-quote, -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;cursor: pointer;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;font-size: 14px;box-sizing: border-box !important;overflow-wrap: break-word !important;">☞称钉钉将上线“下班勿扰”功能;苹果发生大规模网络宕机;.NET 7 Preview 2发布|极客头条</span></section><section style="margin: 10px 8px 15px;outline: currentcolor none 0px;max-width: 100%;font-variant-numeric: normal;font-variant-east-asian: normal;line-height: 1.75em;box-sizing: border-box !important;overflow-wrap: break-word !important;"><span style="margin-top: 4px;outline: currentcolor none 0px;max-width: 100%;background-color: rgba(0, 0, 0, 0.01);text-align: center;font-family: mp-quote, -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;cursor: pointer;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;font-size: 14px;color: rgb(16, 139, 106);box-sizing: border-box !important;overflow-wrap: break-word !important;">☞</span><span style="margin-top: 4px;outline: currentcolor none 0px;max-width: 100%;color: rgb(16, 139, 106);background-color: rgba(0, 0, 0, 0.01);text-align: center;font-family: mp-quote, -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;cursor: pointer;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;font-size: 14px;box-sizing: border-box !important;overflow-wrap: break-word !important;">速度是 macOS 的两倍?首个支持 M1 Mac 的 Linux 发行版终于出现!</span></section><section style="margin: 10px 8px 15px;outline: currentcolor none 0px;max-width: 100%;font-variant-numeric: normal;font-variant-east-asian: normal;line-height: 1.75em;box-sizing: border-box !important;overflow-wrap: break-word !important;"><span style="margin-top: 4px;outline: currentcolor none 0px;max-width: 100%;background-color: rgba(0, 0, 0, 0.01);text-align: center;font-family: mp-quote, -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;cursor: pointer;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;font-size: 14px;box-sizing: border-box !important;overflow-wrap: break-word !important;">☞</span><span style="margin-top: 4px;outline: currentcolor none 0px;max-width: 100%;color: rgb(16, 139, 106);text-align: center;font-family: mp-quote, -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;cursor: pointer;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;font-size: 14px;box-sizing: border-box !important;overflow-wrap: break-word !important;">Secure DevOps!探真科技2022云原生安全产品发布会圆满落幕</span></section></pre></p>
—点这里↓↓↓记得关注标星哦~—

一键三连 「分享」「点赞」「在看」

成就一亿技术人
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则