精华内容
下载资源
问答
  • Electron设置窗口图标、设置桌面快捷方式图标
    千次阅读
    2020-10-26 17:40:12

    一、前言

    在开发一款桌面应用时,设置窗口图标和桌面快捷方式图标是两个必须的需求。下面来看看我基于Electron开发的实际项目中是如何配置最终实现了这个需求吧。

    二、实现设置窗口图标和桌面快捷方式图标

    1、准备好你的Icon图标

    要得到一个icon图标十分简单,你需要有一张目标图标的png格式图片,然后找一个可以免费在线转换icon图标的网站转换下载即可,这里我提供一个我用过的很不错的在线转换工具:在线转换icon图标工具
    在这里插入图片描述

    这里需要说明一下,有的童鞋可能在纠结转换成多大的图标才可以呢?
    我的快捷方式图标尺寸是256×256,不过64×64、128×128的都行,建议快捷方式的图标不要尺寸太秀珍。
    那么窗口图标可以使用多大的呢?经过我的尝试,20×20、32×32、64×64的都可以正常显示,窗口图标和桌面快捷方式图标可以使用同一个尺寸的,也就是最大256×256。我的窗口图标选用的是20×20的。

    2、代码配置

    由于Electron中这两个图标是分开配置的,所以由两个地方需要进行配置。分别是:
    01、package.json中,这里配置的是控制打包后的桌面快捷方式的图标:

    "build": {
        "productName": "XXX",
        "appId": "XXX",
        ......  // 因为这篇文章重点讲解图标配置,所以此处省略别的配置代码
        "mac": {
          "icon": "./XXX/logo.ico"
        },
        "win": {
          "icon": "./XXX/logo.ico"
        },
        "linux": {
          "icon": "./XXX/logo.ico"
        },
        "nsis": {
          "oneClick": false,
          "guid": "idea",
          "perMachine": true,
          "allowElevation": true,
          "allowToChangeInstallationDirectory": true,
          "installerIcon": "./XXX/logo.ico",
          "uninstallerIcon": "./XXX/logo.ico",
          "installerHeaderIcon": "./XXX/logo.ico",
          "createDesktopShortcut": true,
          "createStartMenuShortcut": true,
          "shortcutName": "idea"
        }
      }
    

    02、在主进程文件index.js(可能你的主进程文件叫main.js或者别的,总之领会精神就好,哈哈哈),这里配置的是窗口图标

      mainWindow = new BrowserWindow({
        ......  // 因为这篇文章重点讲解图标配置,所以此处省略别的配置代码
        height: 600,
        width: 1020,
        // 下面这行代码就是配置窗口图标的核心代码了
        icon: path.join(__dirname, './XXX/logo20.ico'),    // 注意,这里的path是一个node模块哦,需要npm安装并且引入使用。最直接的作用就是拼接字符串。
      })
    

    3、实现需求

    经过上面的步骤,不出意外的话,你本地启动项目应该已经可以看到窗口图标已经变成你想要的样子了,这个不需要打包即可看到效果。另外的快捷方式的图标需要你使用打包工具进行打包后安装即可看到效果。

    三、效果展示(图片)

    1、窗口图标效果

    当一切没有问题后这块的图标就是你的目标图标了
    在这里插入图片描述

    出现这个情况的有3种可能:1、你没有在主进程index.js中设置窗口图标配置;2、你的图标格式不是icon格式;3、你配置的icon路径不对
    在这里插入图片描述

    2、快捷方式效果

    在这里插入图片描述
    哈哈,大名顶顶的VS Code也是electron做的,我只是借用举个栗子。

    参考链接
    Electron官网文档
    electorn更换窗口图标

    欢迎大家一起讨论、学习

    更多相关内容
  • 最近有用户反馈,在操作电脑的时候不知道按错什么键了,导致电脑软件图标快捷方式不见了,甚至连系统快捷图标也不见了的问题,这些快捷方式方便了我们操作,但一时间又不知道怎么添加桌面快捷方式图标,就此问题,...

    最近有用户反馈,在操作电脑的时候不知道按错什么键了,导致电脑软件图标快捷方式不见了,甚至连系统快捷图标也不见了的问题,这些快捷方式方便了我们操作,但一时间又不知道怎么添加桌面快捷方式图标,就此问题,今天小编教你怎么添加桌面快捷方式图标吧。

    第一:针对应用程序

    1、创建软件程序快捷方式。首先单击“开始”按钮,在打开的开始菜单中选择“所有程序”。

    b3819a42f274f758853e32af1bf19070.png

    2、在“所有程序”列表中找到要创建快捷方式的程序,然后右击该程序,在弹出菜单中选择“发送到”>“桌面快捷方式”选项。

    bc2b9103c742a8f10348b0be1ddce149.png

    3、这时返回电脑桌面,便可以看到创建的程序快捷方式。#f#

    1b4fcc5b9b53e7c78c927c7353db0894.png

    第二:针对文件或者文件夹

    1、如果要创建文件或文件夹的快捷方式,在首先双击桌面上“计算机”图标。

    251cb324bfce35df088ce9739a77818e.png

    2、在打开的计算机窗口中,右击要创建快捷方式的文件或文件夹,在弹出的菜单中选择“发送到”>“桌面快捷方式”选项。

    e4273e2a65f199d91c9aea3820b9b1de.png

    3、桌面上会新建文件夹的快捷图标,双击它即可进入该文件夹。

    629a6969371c5d10ecce7648549d5bff.png

    4、如果要删除快捷图标,只需右击该图标,在弹出菜单中选择“删除”项即可。删除快捷图标不会影响它指向的源文件。

    8bc41e9f44d2347b411f142398ba8d24.png

    以上就是怎么添加桌面快捷方式图标的介绍了,如果觉得有帮助可点击收藏我们,方便后期需要。

    展开全文
  • 下载后只需要右键管理员运行即可
  • 摘要:C#源码,系统相关,快捷方式 隐藏桌面快捷方式图标的小箭头,大家都知道,一般情况下,我们创建的程序快捷方式上面都有一个小箭头,其实这个小箭头也没什么用,而且我觉得也影响图标的美观,所以有的Windows优化...
  • 焦点去除桌面快捷方式图标箭头是适用于Win7系统的一款快捷方式小箭头去除工具,软件支持Win7、XP、Win8去除图标快捷方式箭头三合一,涵盖了主流的系统。 软件功能 焦点去除快捷方式箭头软件界面延续了简洁、精美、...
  • 默认情况下,Windows 7、Windows 8、Windows 8.1、Windows 10桌面上的快捷方式图标的左下角都带有一个小箭头,看起来很不爽,那么Win10怎么去除桌面快捷方式图标左下角的小箭头?下面小编就为大家详细介绍一下,不会...

    默认情况下,Windows 7、Windows 8、Windows 8.1、Windows 10桌面上的快捷方式图标的左下角都带有一个小箭头,看起来很不爽,那么Win10怎么去除桌面快捷方式图标左下角的小箭头?下面小编就为大家详细介绍一下,不会的朋友快快来学习吧!

    131d2a78521704f9e470589560d48976.png

    方法/步骤

    在桌面空白处点击鼠标右键,然后选择“新建”>“文本文档”。

    639f277682e8406e3d461d421e7bf5fe.png

    be5a336d4a06f53aaf9c07e0f6d235fd.png

    打开新建的文本文档,然后输入下面的内容:

    reg add "HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\Shell Icons" /v 29 /d "%systemroot%\system32\imageres.dll,197" /t reg_sz /f

    taskkill /f /im explorer.exe

    attrib -s -r -h "%userprofile%\AppData\Local\iconcache.db"

    del "%userprofile%\AppData\Local\iconcache.db" /f /q

    start explorer

    pause

    3f7ac294cccbe848b1e6d747cf718fe4.png

    输入完成后,依次点击“文件”>“保存”,然后关闭文档。

    3098ca56a6e8f1c5593b72e82552167e.png

    接下来在新建的文本文档上点击鼠标右键,然后选择“重命名”。

    83900b68ae1fe931564f62c59741cea2.png

    接下来将文件的扩展名由“txt”设置为“dat”。修改后按一下Enter键,然后或弹出一个对话框,直接点击“是”。

    7ab54db01beb6cd48a743e8995ed1b21.png

    89ff2c558c1463c2483563d51e8458a6.png

    接下来在该文件上点击鼠标右键,然后选择“以管理员身份运行”。

    c1248df7b33a04791393f69228030e7c.png

    接下来就会弹出一个命令窗口,显示操作完成。这时快捷方式的箭头已删除,直接关闭命令窗口即可。

    b6eadded1329984fe0a73991fbf36cbb.png

    531334324f115b722603430ba0c6f721.png

    注意事项

    可以直接下载小编做好的DAT文件,解压后以管理员身份运行即可。链接: http://pan.baidu.com/s/1skfKarr

    以上就是Win10怎么去除桌面快捷方式图标左下角的小箭头方法介绍,大家按照上面步骤进行操作即可,希望能对大家有所帮助!

    展开全文
  • 使用场景: 用户需要频繁的使用某个网站,但是又记住不网址,又不会创建快捷方式,也不会收藏加标签。仅仅会从桌面点击进入。这个时候就需要一个直接帮助用户去创建桌面快捷方式的东西。
  • win10系统桌面快捷方式图标变为白色方块如何解决

    万次阅读 多人点赞 2020-07-15 08:34:03
    用户在开机后,发现win10系统桌面图标有的变成了白色的方框,如图所示,我们应该如何解决呢? 1.点开此电脑,随便点开一个文件夹 2.点击“查看”菜单,查看“隐藏的项目”是否勾选,如未勾选,点击“隐藏的项目”...

    用户在开机后,发现win10系统桌面的图标有的变成了白色的方框,如图所示,我们应该如何解决呢?
    在这里插入图片描述
    1.点开此电脑,随便点开一个文件夹在这里插入图片描述
    2.点击“查看”菜单,查看“隐藏的项目”是否勾选,如未勾选,点击“隐藏的项目”进行勾选。
    在这里插入图片描述
    3.然后按下快捷键 Win+R,在打开的运行窗口中输入 %localappdata%,点击确定。
    在这里插入图片描述
    4.在打开的文件夹中,找到 Iconcache.db,将其删除。
    在这里插入图片描述
    5.在任务栏上右击鼠标,在弹出的菜单中点击“任务管理器”。
    在这里插入图片描述
    6.在任务管理器中找到“Windows资源管理器”,右击鼠标,选择“重新启动”即可重建图标缓存。
    在这里插入图片描述
    7.以上步骤完成后,即可恢复图标。
    在这里插入图片描述
    以上就是win10图标变白的解决方法了,希望能帮助到你。

    展开全文
  • 命令行窗口逐一输入 taskkill /im explorer.exe /f cd /d %userprofile%\appdata\local del iconcache.db /a start explorer.exe
  • 去除Windows7桌面快捷方式图标的小箭头.docx
  • 怎么去除系统桌面快捷方式图标上的小箭头.docx
  • 如何去除Windows7桌面快捷方式图标的小箭头.docx
  • win10桌面快捷方式图标变白的解决方法

    千次阅读 多人点赞 2020-10-09 16:23:26
    win10桌面快捷方式图标变白了,刚开始想着卸载重装软件,后来意外的发现这样就可以解决了!!! 打开隐藏项目 找到 IconCache.db文件,文件路径为:C:\Users\Administrator\AppData\Local 删除IconCache.db...
  • win10桌面快捷方式图标变白

    万次阅读 多人点赞 2019-08-25 10:59:43
    桌面快捷方式变成白色图标是由于缓存文件的问题导致,删除 IconCache.db 这个文件后重启文件资源管理器。 一、找到路径 C:\Users\你的用户名\AppData\Local\IconCache.db AppData文件夹 和 IconCache.db 这2个文件...
  • 1、去掉小箭头 reg add "HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\Shell Icons" /v 29 /d "%systemroot%\system32\imageres.dll,197" /t reg_sz /f ...
  • C#创建桌面快捷方式

    2017-02-22 14:03:55
    C#创建桌面快捷方式
  • 桌面快捷方式的漂亮图标
  • 1.网上找一个jmeter图片,png格式 2.将png格式转换为ico...4.进入bin目录下找到jmeter.bat右键点击创建快捷方式 5.将目标位置的末尾jar改为bat 如下图 6.点击更改图标找到刚刚存放在文件夹的ico图片即可 ...
  • ‍我们一般会从电脑系统桌面双击应用程序图标来快速打开,不过有的用户反映在双击桌面快捷方式后,弹出打开方式对话框,无法直接打开应用程序。这样的问题一般是由于系统丢失了可执行文件.exe的打开关联,对于这样的...
  • Android 添加、移除桌面快捷方式图标

    千次阅读 2017-03-10 16:02:44
    Android 添加、移除和判断 桌面快捷方式图标 思路:  Launcher为了应用程序能够定制自己的快捷图标,就注册了一个 BroadcastReceiver 专门接收其他应用程序发来的快捷图标定制信息。所以只需要根据该 ...
  • 下面,小编就为大家介绍win10系统恢复桌面快捷方式图标的方法。推荐: windows10官方下载具体方法如下:1、【数学输入面板】快捷方式:右键点击系统桌面空白处,在右键菜单中点击【新建(W)】-【快捷方式(S)】;2、在...
  • 迅雷大全看视频桌面快捷方式图标动态效果。
  • inno setup 自定义桌面快捷方式,支持选择“为所有用户创建快捷方式”和“只为当前用户创建快捷方式”。
  • Android判断是否获取到桌面快捷方式权限
  • 有一个桌面快捷方式文件 xxxxxx.desktop,在终端中通过命令 ./xxxxxx.desktop 能打开该应用程序,但是直接鼠标双击变为了使用文本编辑器打开,这不是我们想要的结果。 解决方法 方法一: 在ubuntu 20.04中要想...
  • ![图片说明](https://img-ask.csdn.net/upload/201507/28/1438088653_84039.png)
  • 主要介绍了PHP生成网站桌面快捷方式代码分享,代码很简单,复制改一下域名即可使用,需要的朋友可以参考下
  • 桌面去掉快捷图标,电脑不需要重启 批处理文件
  • 桌面创建快捷方式 不显示图标

    千次阅读 2021-08-31 10:42:04
    Win10快捷方式图标变白纸解决方法 原因: 在Win10系统中,系统会对图标进行缓存,如果缓存文件出现问题,就会导致图标显示异常。例如变成空白纸,不显示程序原本的图标。 解决: 1)打开“此电脑”,点击左上...
  • ubuntu添加桌面快捷方式图标

    千次阅读 2017-02-02 23:08:53
    方法一: 输入命令:sudo gedit /usr/share/applications/xxx .desktop ...Exec=/xx/xx/xx......Icon=/home/......在/usr/share/applications/目录下找到应用程序,右击将其复制到桌面即可。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 44,345
精华内容 17,738
关键字:

桌面快捷方式图标