2020年10月21日更新:
从最开始用了几天Wox,然后down了源码,看完一遍之后就已经没在用了。一直用的windows10的win+S的搜索功能,把一些常用的目录配置到搜索里面,用起来还凑合。
最近发现一款官方出的工具:microsoft/PowerToys
还有其他版本:Flow-Launcher/Flow.Launcher,一个Wox的fork版本


最近开始用Wox,预置的配色不是很喜欢,就拿Wox的主题模板(ThemeBuilder/Template.xaml)改了一份并做了一些注释,没做过WPF开发的也可以做个参考

如何替换样式

Wox安装目录C:\Users\administrator\AppData\Local\Wox,在目录下找到app-1.3.578/Themes/,其中app-后的为版本号(根据具体版本来找),然后将自定义的主题拷贝进去,重启Wox,在Setting-> 主题 选择自定义样式的文件名。我的已经删除了自带的一些主题,不可删除Base.xaml文件,如果需要对字体大小及窗体宽高度等内容做自定义,可修改此文件
主题目录:

主题设置:

自定义主题样式

C:\Users\administrator\AppData\Local\Wox\app-1.3.578\Themes\ThemeBuilder\下拷贝Template.xaml文件到C:\Users\administrator\AppData\Local\Wox\app-1.3.578\Themes\目录下并重命名,然后用编辑器打开编辑

  1. 删除所有样式后的效果:
    显示Windows原生的窗体样式
  2. 加入查询框样式后的效果:
  3. 加入主窗体边框样式后的效果:
    主要是主窗体边框颜色及边框样式
  4. 加入滚动条样式后的效果:
  5. 加入主窗体背景样式后的效果:
    为了加以区分选用了绿色(窗体四角),如果要定义透明主题,该项尤为重要,可将主窗体背景色设置为透明,不用去设置主窗体边框颜色及其他不需要的背景颜色,会省去很多事
  6. 加入查询结果样式后的效果
  7. 加入选中查询结果样式后的效果

最终配置代码及效果

<ResourceDictionary  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"><ResourceDictionary.MergedDictionaries><ResourceDictionary Source="Base.xaml"></ResourceDictionary></ResourceDictionary.MergedDictionaries><!-- 查询框样式 --><Style x:Key="QueryBoxStyle" BasedOn="{StaticResource BaseQueryBoxStyle}" TargetType="{x:Type TextBox}"><!-- 查询框字体颜色 --><Setter Property="Foreground" Value="#fff" /><!-- 查询框背景色 --><Setter Property="Background"><Setter.Value><SolidColorBrush Color="#000" Opacity="0.3"/></Setter.Value></Setter></Style><!-- 主窗体样式 --><Style x:Key="WindowBorderStyle" BasedOn="{StaticResource BaseWindowBorderStyle}" TargetType="{x:Type Border}"><!-- 窗体背景色 --><Setter Property="Background" Value="#a71930" /><!-- 窗体背景色圆角 --><Setter Property="CornerRadius" Value="8" /><!-- 窗体边框颜色 --><Setter Property="BorderBrush" Value="#FFF" /><!-- 窗体边框宽度 --><Setter Property="BorderThickness" Value="2" /></Style> <!-- 窗体样式 --><Style x:Key="WindowStyle" TargetType="{x:Type Window}" BasedOn="{StaticResource BaseWindowStyle}" ><Setter Property="Width" Value="520"></Setter><!-- 窗体背景色 --><Setter Property="Background"><Setter.Value><SolidColorBrush Color="#FFF" Opacity="0"/></Setter.Value></Setter></Style><!-- 待定行样式,好像只定义了控件没有给定起止位置,暂时没什么用 <Style x:Key="PendingLineStyle" BasedOn="{StaticResource BasePendingLineStyle}" TargetType="{x:Type Line}" ></Style> --><!-- 查询结果标题的样式 --><Style x:Key="ItemTitleStyle" BasedOn="{StaticResource BaseItemTitleStyle}" TargetType="{x:Type TextBlock}" ><Setter Property="Foreground" Value="#010101"></Setter></Style><!-- 查询结果子标题样式 --><Style x:Key="ItemSubTitleStyle" BasedOn="{StaticResource BaseItemSubTitleStyle}" TargetType="{x:Type TextBlock}" ><Setter Property="Foreground"  Value="#212121"></Setter></Style><!-- 选中查询结果标题样式 --><Style x:Key="ItemTitleSelectedStyle" BasedOn="{StaticResource BaseItemTitleSelectedStyle}" TargetType="{x:Type TextBlock}"><Setter Property="Foreground" Value="#424242" /></Style><!-- 选中查询结果子标题样式 --><Style x:Key="ItemSubTitleSelectedStyle" BasedOn="{StaticResource BaseItemSubTitleSelectedStyle}" TargetType="{x:Type TextBlock}"><Setter Property="Foreground" Value="#616161" /></Style><!-- 选中结果背景色样式 --><SolidColorBrush x:Key="ItemSelectedBackgroundColor" Color="#FFF" Opacity="0.3" /><!-- 滚动条中间的按钮样式 --><Style x:Key="ThumbStyle" BasedOn="{StaticResource BaseThumbStyle}" TargetType="{x:Type Thumb}"><Setter Property="Template"><Setter.Value><ControlTemplate TargetType="{x:Type Thumb}"><Border CornerRadius="2" DockPanel.Dock="Right" Background="#000" BorderBrush="Transparent" BorderThickness="0" /></ControlTemplate></Setter.Value></Setter></Style><!-- 滚动条中间按钮背景色 --><Style x:Key="ScrollBarStyle" BasedOn="{StaticResource BaseScrollBarStyle}" TargetType="{x:Type ScrollBar}"><Setter Property="Background" Value="#000"/></Style></ResourceDictionary>

最终效果:

上述样式配置文件下载,下载不了,可以喊我
CSDN配置文件下载地址,下载需要积分哦

Wox主题样式基础的自定义相关推荐

  1. 修改 Typora 主题样式

    操作步骤: 打开 Typora 主题文件夹:文件 – 偏好设置 – 外观 – 主题 – 打开主题文件夹(File – Preference – Appearance – (Themes) Open T ...

  2. Android基于高德SDK的开发——自定义地图主题样式(悬浮按钮+底部弹窗)

    日常的地图使用中,平台一般只会给我们提供地图的标准样式,造成了一定程度上的审美疲劳,那么如何实现地图的自定义样式呢?本文使用Android Studio 4.1,给开发者提供了一个基于高德地图SDK进 ...

  3. android微信分享怎么自定义样式,微信更新!主题皮肤终于支持自定义了,样式超多有个性...

    原标题:微信更新!主题皮肤终于支持自定义了,样式超多有个性 今日分享:微信主题 适用系统:安卓 微信最近又更新了,很多网友吐槽安装包越来越大,感觉已经不再是以前"小而美"的样子了. ...

  4. 博客园 页首html代码,可爱的博客园样式美化、自定义博客园主题样式

    cute-cnblogs 说明 "我经常有那种感觉,如果这个事情来了,你却没有勇敢地去解决掉,它一定会再来.生活真是这样,它会一次次地让你去做这个功课直到你学会为止." -- &l ...

  5. 可爱的博客园样式美化、自定义博客园主题样式

    cute-cnblogs 说明 "我经常有那种感觉,如果这个事情来了,你却没有勇敢地去解决掉,它一定会再来.生活真是这样,它会一次次地让你去做这个功课直到你学会为止." -- &l ...

  6. Typora自定义主题样式

    Typora自定义主题样式 1.打开Typora开发者工具 视图 --> 开发者工具(Shift + F12) 2.使用选区工具选中想要更改的元素 3.查看styles区域 4.修改颜色并预览 ...

  7. android 自定义主题样式

    From: http://blog.csdn.net/dawanganban/article/details/17732701 http://www.cnblogs.com/bluestorm/arc ...

  8. android 系统自带主题样式及自定义主题样式

    From: http://blog.csdn.net/dawanganban/article/details/17732701 http://www.cnblogs.com/bluestorm/arc ...

  9. 博客园自定义主题样式

    题记 对于有强迫症的童鞋来说,一个长得不美观或者不能满足我们日常的审美需求的页面,总会有想要改造它的冲动,好吧,让我们来调试下博客园提供的默认主题样式,让页面更加清爽宜人,简洁大气. Section ...

  10. 博客园页面定制html代码,可爱的博客园样式美化、自定义博客园主题样式

    cute-cnblogs 说明 "我经常有那种感觉,如果这个事情来了,你却没有勇敢地去解决掉,它一定会再来.生活真是这样,它会一次次地让你去做这个功课直到你学会为止." -- &l ...

最新文章

  1. Leangoo用户设置在哪里?
  2. antd 文本域超长问题_一款能快速批量处理SQL文本的软件:NimbleText
  3. java 优雅退出_java – 优雅地退出应用程序?
  4. Lower Power with CPF(三)
  5. 最小花费(信息学奥赛一本通-T1344)
  6. 关于msi格式的程序包的安装
  7. APP动态界面设计使用的利与弊
  8. HSRP协议详解:配置HSRP实现网关的冗余备份
  9. RIPv1配置(Enabling Rip)
  10. 防火墙系列---思科防火墙 ASA
  11. 计算机c语言试题文档,计算机二级C语言考试试题
  12. WIFI驱动详细设计说明书
  13. MC33063电源啸叫
  14. Because you loved me
  15. ESXI自动关机 ping值检测关机脚本
  16. 电脑一键装机下载重装系统详细教程
  17. T flip-flop
  18. vs2015常用代码块与自定义代码块
  19. kettle的数据库连接
  20. House and home

热门文章

  1. 江西2万余个村庄整治建设 古村落旧貌换新颜
  2. 如何使用启动盘启动计算机,电脑重装系统怎么设置用U盘启动盘引导?
  3. 破除对 AWS Fargate 的幻觉
  4. leetcode做题过程中遇到的神bug
  5. JAVA爬取淘宝、京东、天猫以及苏宁商品历史价格(二)
  6. 使用 Microsoft Symbol Server 获取调试符号文件
  7. 016 799打印错误_富士施乐2420打印指定故障“016-799”是什么意思?
  8. auto.js制作简易音乐app(一)
  9. Android 5.0、6.0、7.0、8.0、9.0 新特性,DownloadManager踩坑记
  10. Postman之Pre-request Script 使用详解