❤致敬所有与病毒战斗的可爱的工作者!

如何自定义Windows 10桌面应用程序的磁贴样式

2018-04-15 02:35:09

将应用程序固定到开始屏幕,就会生成一个磁贴,无论是桌面应用还是UWP应用都如此。对于桌面应用的磁贴,微软提供了方法让我们自定义它的样式,比如修改背景色、图标、文本颜色等。本文以修改Photoshop的磁贴样式为例,示例如何操作。

固定桌面程序到开始屏幕

打开桌面应用的安装目录,可以在开始菜单所有应用里找到它,然后右键点击,选择更多 - 打开文件位置,通常这样做找到的是它的快捷方式,需要再一次右键点击,选择“打开文件所在的位置”。

找到桌面程序的安装目录

新建一个文本文件,然后更改它的名称为程序执行文件的名字加上.VisualElementsManifest.xml。如果创建不了(在系统所在的驱动器通常不能直接创建文件),可以在其它可以创建文件的位置(如桌面)创建后,剪切到程序的安装目录。注意创建的时候开启扩展名显示。

创建.VisualElementsManifest.xml文件

右键点击新建的.VisualElementsManifest.xml文件,选择“编辑”,使用其它的文本编辑器也可以。

复制粘贴下面的文本。

<Application xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
    <VisualElements/>
</Application>

下面我们就可以开始自定义了,以下面的定义数据为例,介绍下如何修改。

<Application xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
    <VisualElements
    BackgroundColor="red"
    ShowNameOnSquare150x150Logo="off"
    ForegroundText="light"
    Square150x150Logo="Adobe_Photoshop.png"
    Square70x70Logo="Adobe_Photoshop.png"/>
</Application>

BackgroundColor - 磁贴背景色,可以设置为red(红色)等预置颜色,也可以设置为16进制,如#FF0000。

ShowNameOnSquare150x150Logo - 是否在中等大小的磁贴上显示应用名称。设置on为显示,off为不显示。

ForegroundText - 当显示应用名称时,名称的文本颜色。它有两个值:light(白色)、dark(黑色)。

Square150x150Logo - 中等大小磁贴时显示的图标路径。

Square70x70Logo - 小磁贴时显示的图标路径。

BackgroundColor、ShowNameOnSquare150x150Logo、ForegroundText这三个属性是必须要有的,否则将不会有任何效果。

图标为从网络上下载的.png图片文件,同时还支持的图片格式有.jpg、.jpeg 或 .gif。可以将150和70都设置成同一张图片,图片尺寸不能高于1024*1024,大小不能超过200KB。

将图片放到程序的安装目录的根目录,这样就可以在.VisualElementsManifest.xml文件中直接输入图片的名字。也可以在安装目录下另外创建一个文件夹放置,如icon文件夹,那么在xml文件中,需要加上文件夹,如icon\Adobe_Photoshop.png。

编辑完成并保存后,将程序再次固定到开始屏幕,但你可能发现磁贴的样式还是和以前一样,这是由于缓存的问题。

再次通过开始菜单的所有应用找到桌面应用,右键点击,选择更多 - 打开文件位置,找到它的快捷方式。

找到应用的快捷方式

右键点击它的快捷方式,选择属性。点击更改图标按钮,在选择图标的窗口中,不用做任何更改,直接点击确定。

点击更改图标后直接点击确定

重新固定桌面应用到开始屏幕,就可以看到效果了。

修改后的Photoshop磁贴样式

对于部分应用,它已经自己定义了.VisualElementsManifest.xml文件,所以可以直接进行修改,如Chrome浏览器、Firefox浏览器。

如果觉得操作过于麻烦,可以使用工具Win10Tile(MyTile)进行操作,它的原理和上述方法一样,下载地址为:http://www.motzek.org/MyTile-20160819.rar,你可以在此页面上看到这个工具更为详细的介绍:https://forum.xda-developers.com/windows-10/development/win10tile-native-custom-windows-10-t3248677

本文链接 : https://www.xstui.com/read/576