electron判断mac系统外观配色模式

• Z时代
• 2024-01-10
• 分类：技术分享

本文转载自：https://newsn.net/

上一篇文字的图标模式中，引出了mac系统的外观配色模式的概念。那么，在本篇文章中，苏南大叔要案例的内容就是：在electron程序中，如何实时检测，mac系统的外观配色方案。

切换外观模式

切换外观模式的方法是：在“系统偏好设置”的“通用”里面，进行切换。

mac系统专有

本文代码是mac系统专有的，所以，需要配置个前提条件。检测是否是mac的方法如下：

if (process.platform == 'darwin') {
//mac
}

否则在win10下运行的话，也许会触发下面的错误信息：

判断外观模式

目前来说，[email protected]的外观模式，分为两种，dark和light。截至到发稿，[email protected]上的判断函数，只有一个，是否为dark模式。所以判断代码为：

if(systemPreferences.isDarkMode()){
//dark
}
else{
//light
}

外观模式切换事件

在mac系统上的electron，有个外观切换事件AppleInterfaceThemeChangedNotification。

//const { systemPreferences } = require("electron");
systemPreferences.subscribeNotification(
'AppleInterfaceThemeChangedNotification', () => {
//...
})

最终代码

electron程序，如何判断mac系统外观配色模式？最终的参考demo，代码如下：

结束语

本文中，苏南大叔介绍的是，electron程序，如何检测mac系统外观属性。

以上是 electron判断mac系统外观配色模式 的全部内容， 来源链接： utcz.com/a/118597.html