我们相信:世界是美好的,你是我也是。平行空间的世界里面,不同版本的生活也在继续...

构建electron的过程中,可能会用到任务栏闪烁的情况,来提示用户需要注意本窗口了。苏南大叔在本篇文章中,将要讲述在electron中闪烁的方法函数,请大家接着阅读本篇文章。代码的基础是改造版的quick-start。功能为:当窗体失去焦点的时候,会进行任务栏闪烁提醒用户。

苏南大叔:electron 如何执行任务栏闪烁功能? - electron-flash-taskbar
electron 如何执行任务栏闪烁功能?(图4-1)

win下效果展示

标题栏位置会不断闪烁,在下面两种状态中不断切换。任务栏也不断闪烁。

苏南大叔:electron 如何执行任务栏闪烁功能? - 001
electron 如何执行任务栏闪烁功能?(图4-2)

mac下效果展示

苏南大叔:electron 如何执行任务栏闪烁功能? - 006
electron 如何执行任务栏闪烁功能?(图4-3)

dock中的图标会上下弹跳一次,注意:只有一次。

代码展示

mainWindow.on("blur",function(){
  if(!mainWindow.isFocused()){
    mainWindow.showInactive();
    mainWindow.flashFrame(true);
  }
})

关键代码:mainWindow.flashFrame(true);

苏南大叔:electron 如何执行任务栏闪烁功能? - 005
electron 如何执行任务栏闪烁功能?(图4-4)

总结

苏南大叔友情提示您:更多electron的精彩内容,请点击这里查看。

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。

 【福利】 腾讯云最新爆款活动!1核2G云服务器首年50元!

 【源码】本文代码片段及相关软件,请点此获取更多信息

 【绝密】秘籍文章入口,仅传授于有缘之人   electron