Wox主题样式基础的自定义
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\
目录下并重命名,然后用编辑器打开编辑
- 删除所有样式后的效果:
显示Windows原生的窗体样式
- 加入查询框样式后的效果:
- 加入主窗体边框样式后的效果:
主要是主窗体边框颜色及边框样式
- 加入滚动条样式后的效果:
- 加入主窗体背景样式后的效果:
为了加以区分选用了绿色(窗体四角),如果要定义透明主题,该项尤为重要,可将主窗体背景色设置为透明,不用去设置主窗体边框颜色及其他不需要的背景颜色,会省去很多事
- 加入查询结果样式后的效果
- 加入选中查询结果样式后的效果
最终配置代码及效果
<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主题样式基础的自定义相关推荐
- 修改 Typora 主题样式
操作步骤: 打开 Typora 主题文件夹:文件 – 偏好设置 – 外观 – 主题 – 打开主题文件夹(File – Preference – Appearance – (Themes) Open T ...
- Android基于高德SDK的开发——自定义地图主题样式(悬浮按钮+底部弹窗)
日常的地图使用中,平台一般只会给我们提供地图的标准样式,造成了一定程度上的审美疲劳,那么如何实现地图的自定义样式呢?本文使用Android Studio 4.1,给开发者提供了一个基于高德地图SDK进 ...
- android微信分享怎么自定义样式,微信更新!主题皮肤终于支持自定义了,样式超多有个性...
原标题:微信更新!主题皮肤终于支持自定义了,样式超多有个性 今日分享:微信主题 适用系统:安卓 微信最近又更新了,很多网友吐槽安装包越来越大,感觉已经不再是以前"小而美"的样子了. ...
- 博客园 页首html代码,可爱的博客园样式美化、自定义博客园主题样式
cute-cnblogs 说明 "我经常有那种感觉,如果这个事情来了,你却没有勇敢地去解决掉,它一定会再来.生活真是这样,它会一次次地让你去做这个功课直到你学会为止." -- &l ...
- 可爱的博客园样式美化、自定义博客园主题样式
cute-cnblogs 说明 "我经常有那种感觉,如果这个事情来了,你却没有勇敢地去解决掉,它一定会再来.生活真是这样,它会一次次地让你去做这个功课直到你学会为止." -- &l ...
- Typora自定义主题样式
Typora自定义主题样式 1.打开Typora开发者工具 视图 --> 开发者工具(Shift + F12) 2.使用选区工具选中想要更改的元素 3.查看styles区域 4.修改颜色并预览 ...
- android 自定义主题样式
From: http://blog.csdn.net/dawanganban/article/details/17732701 http://www.cnblogs.com/bluestorm/arc ...
- android 系统自带主题样式及自定义主题样式
From: http://blog.csdn.net/dawanganban/article/details/17732701 http://www.cnblogs.com/bluestorm/arc ...
- 博客园自定义主题样式
题记 对于有强迫症的童鞋来说,一个长得不美观或者不能满足我们日常的审美需求的页面,总会有想要改造它的冲动,好吧,让我们来调试下博客园提供的默认主题样式,让页面更加清爽宜人,简洁大气. Section ...
- 博客园页面定制html代码,可爱的博客园样式美化、自定义博客园主题样式
cute-cnblogs 说明 "我经常有那种感觉,如果这个事情来了,你却没有勇敢地去解决掉,它一定会再来.生活真是这样,它会一次次地让你去做这个功课直到你学会为止." -- &l ...
最新文章
- Leangoo用户设置在哪里?
- antd 文本域超长问题_一款能快速批量处理SQL文本的软件:NimbleText
- java 优雅退出_java – 优雅地退出应用程序?
- Lower Power with CPF(三)
- 最小花费(信息学奥赛一本通-T1344)
- 关于msi格式的程序包的安装
- APP动态界面设计使用的利与弊
- HSRP协议详解:配置HSRP实现网关的冗余备份
- RIPv1配置(Enabling Rip)
- 防火墙系列---思科防火墙 ASA
- 计算机c语言试题文档,计算机二级C语言考试试题
- WIFI驱动详细设计说明书
- MC33063电源啸叫
- Because you loved me
- ESXI自动关机 ping值检测关机脚本
- 电脑一键装机下载重装系统详细教程
- T flip-flop
- vs2015常用代码块与自定义代码块
- kettle的数据库连接
- House and home
热门文章
- 江西2万余个村庄整治建设 古村落旧貌换新颜
- 如何使用启动盘启动计算机,电脑重装系统怎么设置用U盘启动盘引导?
- 破除对 AWS Fargate 的幻觉
- leetcode做题过程中遇到的神bug
- JAVA爬取淘宝、京东、天猫以及苏宁商品历史价格(二)
- 使用 Microsoft Symbol Server 获取调试符号文件
- 016 799打印错误_富士施乐2420打印指定故障“016-799”是什么意思?
- auto.js制作简易音乐app(一)
- Android 5.0、6.0、7.0、8.0、9.0 新特性,DownloadManager踩坑记
- Postman之Pre-request Script 使用详解