<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>Posts on Zeros遇见的作品集合</title>
        <link>https://zeroszhang.github.io/post/</link>
        <description>Recent content in Posts on Zeros遇见的作品集合</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>zh-cn</language>
        <copyright>Zeros遇见</copyright>
        <lastBuildDate>Tue, 11 Aug 2026 16:26:52 +0800</lastBuildDate><atom:link href="https://zeroszhang.github.io/post/index.xml" rel="self" type="application/rss+xml" /><item>
        <title>关于思考的必要性</title>
        <link>https://zeroszhang.github.io/p/%E5%85%B3%E4%BA%8E%E6%80%9D%E8%80%83%E7%9A%84%E5%BF%85%E8%A6%81%E6%80%A7/</link>
        <pubDate>Tue, 11 Aug 2026 16:26:52 +0800</pubDate>
        
        <guid>https://zeroszhang.github.io/p/%E5%85%B3%E4%BA%8E%E6%80%9D%E8%80%83%E7%9A%84%E5%BF%85%E8%A6%81%E6%80%A7/</guid>
        <description>&lt;img src="https://zeroszhang.github.io/p/%E5%85%B3%E4%BA%8E%E6%80%9D%E8%80%83%E7%9A%84%E5%BF%85%E8%A6%81%E6%80%A7/Title.jpg" alt="Featured image of post 关于思考的必要性" /&gt;&lt;p&gt;最近带了两个实习生，都是老板朋友家的小孩，因此我就教他们使用两个软件 OpenCode 和 Obsidian。我的本意是希望他们可以拥抱 AI 时代，并养成记笔记的习惯。在带他们的过程中，我反复提到了要「自己思考」。这是因为一旦使用了 AI，就会产生一种我已经会了的错觉。&lt;/p&gt;
&lt;p&gt;我让他们分别做了一个三维模型的显示软件和一个少数派的爬虫软件，他们使用 OpenCode 很快就完成了，并把作品给我看。随即我问了他们一些关于项目的细节问题，结果他们一个也没有回答上来。我意识到他们只是学会了使用 OpenCode，而不是真的做了这个项目，即在这整个过程中，他们没有沉淀出自己的经验。&lt;/p&gt;
&lt;p&gt;为什么我认为「思考」是很重要的？
在学校里，我们面对的都是具体的事务，过程和目标都在老师的教案上写着。&lt;font color=&#34;#ff0000&#34;&gt;但是到了社会，我发现很多时候目标是模糊的，过程是模糊的。&lt;/font&gt;在工作中，有时候或许连你的领导都不知道要做什么，又或许今天定下的方案明天就废弃了，所有人都要从头来过。很多人会无法适应这种环境，觉得非常迷茫，不知道自己在做什么。&lt;/p&gt;
&lt;p&gt;我对这类事情的看法是，他们没有学会自己思考。他们仍然是按照学校的那一套规矩在做事情，期望有人给他们布置具体的目标和正确的方向，而他们只是听从安排。之前我看「大秦帝国」的时候，张仪有这么一句话：秦人不畏死却不知活。这句话放在他们身上也很适用，&lt;font color=&#34;#ff0000&#34;&gt;他们知道如何为别人做事，而不知道如何为自己做事&lt;/font&gt;。他们只盯着公司安排的任务干活，但是没有思考任务本身的意义，没有思考这个任务可以给自己带来什么，只盯着工作中需要使用到的技术栈，而对市场内的其他技术栈一无所知。&lt;/p&gt;
&lt;p&gt;人人都知道思考很重要，这是车轱辘话，正确但是没有营养。实际上，我们会碰到两个问题：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;很少有人会复盘自己做的事情，思考和沉淀经验教训&lt;/li&gt;
&lt;li&gt;很多人不知道如何思考，从哪些方向思考&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;这两个问题其实和这篇文章是相悖的。如果我现在提出一套通用的思考框架，那看到这篇文章的人就再次陷入了我告诉他们答案的误区，而不会自己思考。首先我并没有能力提出通用的思考框架，更多的是具体问题具体分析；其次我的思考方式和考虑的问题并不适合其他人，每个人都有各自偏爱的方向。&lt;font color=&#34;#ff0000&#34;&gt;去思考如何思考也是一种思考&lt;/font&gt;。&lt;/p&gt;
&lt;p&gt;除了思考在工作中也需要许多其他的能力，如主观能动性、沟通技巧等。而我认为只要你有了思考的习惯，其他的能力都会慢慢培养起来的。没有人能永远告诉你要学什么、要做什么，你必须学会自己思考这些内容，思考自己学习的目的，思考自己未来想做什么，思考怎么让自己思考。&lt;/p&gt;
</description>
        </item>
        <item>
        <title>AI编程下的产物2026年5月</title>
        <link>https://zeroszhang.github.io/p/ai%E7%BC%96%E7%A8%8B%E4%B8%8B%E7%9A%84%E4%BA%A7%E7%89%A92026%E5%B9%B45%E6%9C%88/</link>
        <pubDate>Tue, 19 May 2026 15:26:23 +0800</pubDate>
        
        <guid>https://zeroszhang.github.io/p/ai%E7%BC%96%E7%A8%8B%E4%B8%8B%E7%9A%84%E4%BA%A7%E7%89%A92026%E5%B9%B45%E6%9C%88/</guid>
        <description>&lt;img src="https://zeroszhang.github.io/p/ai%E7%BC%96%E7%A8%8B%E4%B8%8B%E7%9A%84%E4%BA%A7%E7%89%A92026%E5%B9%B45%E6%9C%88/Title.jpg" alt="Featured image of post AI编程下的产物2026年5月" /&gt;&lt;p&gt;这篇文章记录是，是最近我使用 AI 编程实现的几个软件，用于解决我平时遇到的问题。&lt;/p&gt;
&lt;p&gt;或许你也有过，做一件事情的时候脑子里会思考，有些地方不对，太繁琐了。但是又因为学习成本太高或者精力不足，使得自己很难改变什么。&lt;/p&gt;
&lt;p&gt;在 AI 时代下，我开始意识到 AI 的价值正是帮助实现心里的想法。&lt;/p&gt;
&lt;h2 id=&#34;博客发布&#34;&gt;博客发布
&lt;/h2&gt;&lt;p&gt;近期由于本地 AI Agent 的爆火，我将我的笔记系统从 wolai 导出到了 Obsidian 中了。粗略的算了一下，自从我 2018 年开始养成记录的习惯后，前后写了 4000 多篇笔记了。&lt;/p&gt;
&lt;p&gt;我的博客是去年才搭建的，但是更新频率并不多。其中一条原因是我将博客视作一个发布界面，并非每条笔记我都要发布出来。另一个很现实的原因是，我使用 hugo 编译静态网站，但是太难用了。&lt;/p&gt;
&lt;p&gt;基于这个原因，我使用 KimiCode 做了一个辅助博客发布的软件。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/ai%E7%BC%96%E7%A8%8B%E4%B8%8B%E7%9A%84%E4%BA%A7%E7%89%A92026%E5%B9%B45%E6%9C%88/assets/image.png&#34;
  width=&#34;529&#34;
  height=&#34;350&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34; &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;151&#34;
    data-flex-basis=&#34;362px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;这个软件有三个功能：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;新建文章&lt;/li&gt;
&lt;li&gt;本地预览文章&lt;/li&gt;
&lt;li&gt;构建并发布博客&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;希望我能使用这个工具，帮助我增加更新博客的频率。&lt;/p&gt;
&lt;h2 id=&#34;每日阅读&#34;&gt;每日阅读
&lt;/h2&gt;&lt;p&gt;过去我一直使用 Folo 这个软件，订阅我常看的网站、博客，并且我会在笔记系统中记录我认为有价值的文章，并反复阅读。这就导致了一个问题：有一些过去我没有记录的内容，之后就如泥牛入海，再也找不到了。&lt;/p&gt;
&lt;p&gt;受到最近爆火的卡帕西的知识库的启发，以及最近 Folo 发布了自己 cli，我做了一个脚本，用于将我在 Folo 下的未读文章以 Markdown 的格式保存到本地。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/ai%E7%BC%96%E7%A8%8B%E4%B8%8B%E7%9A%84%E4%BA%A7%E7%89%A92026%E5%B9%B45%E6%9C%88/assets/image-1.png&#34;
  width=&#34;1920&#34;
  height=&#34;1032&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;186&#34;
    data-flex-basis=&#34;446px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;简单来说，首先使用 Folo 的 cli 获取未读文章的原始网络地址，然后根据原始网络地址对应的网站保存为本地的 html，最后根据 html 的来源使用不同的策略解析成对应的 markdown 文件。这些步骤我都使用 KimiCode 实现了一个 Python 脚本来运行。&lt;/p&gt;
&lt;p&gt;我会使用 KimiCode 去总结当天的 markdown 文件，告诉这些文章大概讲了什么内容，遇到我感兴趣的内容，再去读原文。最重要的是，做完这些后，我会按天将整个文件夹放在 Obsidian 中进行存档。这样在我后面想起来一篇文章但是找不到时，我就可以让 AI 去这个文件夹下寻找。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/ai%E7%BC%96%E7%A8%8B%E4%B8%8B%E7%9A%84%E4%BA%A7%E7%89%A92026%E5%B9%B45%E6%9C%88/assets/image-2.png&#34;
  width=&#34;1920&#34;
  height=&#34;1032&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;186&#34;
    data-flex-basis=&#34;446px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;文档翻译&#34;&gt;文档翻译
&lt;/h2&gt;&lt;p&gt;Halcon 我在工作中经常会使用到的软件，功能十分强大，唯一的缺点是，文档和手册都是英文的，看起来太痛苦了。&lt;/p&gt;
&lt;p&gt;之前学习的时候，搭配翻译软件也能看个七七八八，但是过了一段时间之后，记忆会逐渐淡忘。为此我在 wolai 中曾经做过一个汉化的库。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/ai%E7%BC%96%E7%A8%8B%E4%B8%8B%E7%9A%84%E4%BA%A7%E7%89%A92026%E5%B9%B45%E6%9C%88/assets/image-3.png&#34;
  width=&#34;1920&#34;
  height=&#34;1032&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;186&#34;
    data-flex-basis=&#34;446px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;很遗憾的是，后来我意识到这件事太困难，并且效率太低了。&lt;/p&gt;
&lt;p&gt;现在 AI 的大环境下，我使用 ClaudeCode + DeepSeek 实现了 Halcon 本地算子的翻译，并将其放在了 Obsidian 中。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/ai%E7%BC%96%E7%A8%8B%E4%B8%8B%E7%9A%84%E4%BA%A7%E7%89%A92026%E5%B9%B45%E6%9C%88/assets/image-4.png&#34;
  width=&#34;1920&#34;
  height=&#34;1032&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;186&#34;
    data-flex-basis=&#34;446px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;这样做有两点好处：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;所有的内容都是基于本地的 html 文档翻译过来的，真实性有了保证&lt;/li&gt;
&lt;li&gt;转换成 markdown 之后，对于文档里我认为不足的地方可以直接修改&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;除此以外，为了让我的同事们都可以用上中文的 Halcon 手册，我又回过头来将其编译成了 html。因为我的同事们并不使用 Obsidian，因此直接将 markdown 发给他们，还得下载 Obsidian 并且要保持和我的配置类似。为了简单一点，直接编译成 html，使用浏览器打开更简单一点。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/ai%E7%BC%96%E7%A8%8B%E4%B8%8B%E7%9A%84%E4%BA%A7%E7%89%A92026%E5%B9%B45%E6%9C%88/assets/image-5.png&#34;
  width=&#34;1920&#34;
  height=&#34;1032&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;186&#34;
    data-flex-basis=&#34;446px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;obsidian-插件&#34;&gt;Obsidian 插件
&lt;/h2&gt;&lt;p&gt;正如我上面所说，我将笔记系统从 wolai 迁移到了 Obsidian 中。&lt;/p&gt;
&lt;p&gt;我好多年前就知道了 Obsidian 这个软件，但是因为其个性化能力太强，需要频繁的折腾和学习，我担心会影响我记笔记的积极性，最终还是选择了开箱即用的 wolai。&lt;/p&gt;
&lt;p&gt;但是在 AI 时代下，wolai 出现了致命缺陷——数据存在服务器上，我没法喂给 AI 使用。在经过了几天的纠结之后，我还是选择了放弃 wolai，使用 Obsidian。&lt;/p&gt;
&lt;p&gt;Obsidian 最强大的地方在于他的插件社区，虽然这也是我当初放弃的原因，因为插件太多了，每一个插件都要去学习，尤其是 Templater、DataView、Button 这几个插件，不但配置复杂，还要去学习 JS 语法。&lt;/p&gt;
&lt;p&gt;但是现在有了 AI，完全不需要去学了。我直接将这些插件的官方文档喂给 AI 做成了 Skill，然后使用这个 Skill 去实现我想要的功能，简单易用，并且自由度很高。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/ai%E7%BC%96%E7%A8%8B%E4%B8%8B%E7%9A%84%E4%BA%A7%E7%89%A92026%E5%B9%B45%E6%9C%88/assets/image-6.png&#34;
  width=&#34;1920&#34;
  height=&#34;1032&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;186&#34;
    data-flex-basis=&#34;446px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/ai%E7%BC%96%E7%A8%8B%E4%B8%8B%E7%9A%84%E4%BA%A7%E7%89%A92026%E5%B9%B45%E6%9C%88/assets/image-7.png&#34;
  width=&#34;1920&#34;
  height=&#34;1032&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;186&#34;
    data-flex-basis=&#34;446px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;工作上的小软件&#34;&gt;工作上的小软件
&lt;/h2&gt;&lt;p&gt;AI 在我工作上的帮助就更多了，也正是由于很多，所以这几只能挑几个进行说明。&lt;/p&gt;
&lt;p&gt;我使用 AI 优化了 ZerosSVN 软件，现在这个软件使用更简单了，一键即可实现同步、提交、冲突解决等所有步骤。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/ai%E7%BC%96%E7%A8%8B%E4%B8%8B%E7%9A%84%E4%BA%A7%E7%89%A92026%E5%B9%B45%E6%9C%88/assets/image-8.png&#34;
  width=&#34;1186&#34;
  height=&#34;793&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;149&#34;
    data-flex-basis=&#34;358px&#34;
  
/&gt;

我用 AI 做了一个线扫描的仿真软件，加载对应的产品模型，就可以获得线扫描数据。这可以帮助我在测试软件时，提供一些数据。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/ai%E7%BC%96%E7%A8%8B%E4%B8%8B%E7%9A%84%E4%BA%A7%E7%89%A92026%E5%B9%B45%E6%9C%88/assets/image-9.png&#34;
  width=&#34;1402&#34;
  height=&#34;932&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;150&#34;
    data-flex-basis=&#34;361px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;总结&#34;&gt;总结
&lt;/h2&gt;&lt;p&gt;这几个软件没有一个是需要大量的学习才能做出来的，全都是我遇到了实际问题，然后去思考该如何解决问题，最后使用 AI 大约几个小时就能做出来。&lt;/p&gt;
&lt;p&gt;我一直认为自己不是一个顶尖的程序员，但我始终认为自己是一个很好的产品经理。&lt;/p&gt;
&lt;p&gt;AI 使得我的 90% 技能，价值变为 0，但使得剩下的 10% 技能，价值增长了 1000 倍。每个人在 AI 面前，都需要重新调整自己的技能。&lt;/p&gt;
</description>
        </item>
        <item>
        <title>建立笔记系统</title>
        <link>https://zeroszhang.github.io/p/%E5%BB%BA%E7%AB%8B%E7%AC%94%E8%AE%B0%E7%B3%BB%E7%BB%9F/</link>
        <pubDate>Mon, 30 Mar 2026 16:17:46 +0800</pubDate>
        
        <guid>https://zeroszhang.github.io/p/%E5%BB%BA%E7%AB%8B%E7%AC%94%E8%AE%B0%E7%B3%BB%E7%BB%9F/</guid>
        <description>&lt;img src="https://zeroszhang.github.io/p/%E5%BB%BA%E7%AB%8B%E7%AC%94%E8%AE%B0%E7%B3%BB%E7%BB%9F/title.jpg" alt="Featured image of post 建立笔记系统" /&gt;&lt;blockquote&gt;
&lt;p&gt;🩰我于2016年参加工作，至今2026年已有10年，这期间我积累的最大的财富就是我的笔记系统。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h2 id=&#34;工作遇到的困难&#34;&gt;工作遇到的困难
&lt;/h2&gt;&lt;p&gt;十年的工作中，我感受最深的就是「时间碎片化」——碎片化的时间给我带来的是似曾相识的无力感。我明明解决过这个问题，但是却一遍遍的重新踩坑。我的工作经验没有积累成资产，而是像沙子一样，每次努力抓一把，但是随着时间的流逝，最后都从指缝溜走。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;我曾经看着代码抛出一个我清晰记得碰到过的异常，但是死活想不起来之前是如何解决的&lt;/li&gt;
&lt;li&gt;我曾经被老板问到这个版本的软件有哪些改进，而我却没法给出在调试时的对比&lt;/li&gt;
&lt;li&gt;我曾经看着自己上周自己没写完的代码，但是完全不知道自己接下来要做什么&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;那一刻我深刻的意识到：我需要一套系统，让我的经验可以保存、可以检索、可以迭代。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E5%BB%BA%E7%AB%8B%E7%AC%94%E8%AE%B0%E7%B3%BB%E7%BB%9F/image/PixPin_2026-03-30_12-52-20_FHpDJB1JEk.png&#34;
  width=&#34;853&#34;
  height=&#34;543&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;157&#34;
    data-flex-basis=&#34;377px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;笔记系统的功能&#34;&gt;笔记系统的功能
&lt;/h2&gt;&lt;p&gt;那么我到底需要一套什么样的系统来帮助自己？首先我需要明确自己的需求：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;记录自己做过的工作&lt;/li&gt;
&lt;li&gt;记录学习过的知识&lt;/li&gt;
&lt;li&gt;记录自己曾经犯过的错误和解决方案&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;这些需求总的来说就是「记录和总结」。高中时期经常听老师念叨一句话——“好记性不如烂笔头”，那时候抄写老师上课的板书，会将自己的理解当作评价写在边上，这就是一种笔记系统。&lt;/p&gt;
&lt;h2 id=&#34;建立笔记系统的原则&#34;&gt;建立笔记系统的原则
&lt;/h2&gt;&lt;p&gt;笔记系统必须同时包含「输入和输出」，输入是你记录的内容，输出是你对内容的总结。&lt;/p&gt;
&lt;p&gt;一个好的笔记系统，必须遵循这三个原则——存得住、找得着、用得上。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;存得住：确保有价值的的信息不会丢失；否则会依赖记忆力，非常容易出错&lt;/li&gt;
&lt;li&gt;找得到：当你需要的时候可以快速定位；否则会有信息黑洞，越记录越焦虑&lt;/li&gt;
&lt;li&gt;用得上：去掉没用的内容，只保留核心；否则需要花时间重新学习总结&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;笔记系统的误区&#34;&gt;笔记系统的误区
&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;🍡 笔记系统不是收藏夹、素材库&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;这种错误表现为使用剪藏插件疯狂收藏，但是从来不打开。会导致需要的时候找不到，找到了不过是把曾经看过的东西再看一遍。保存≠学会，收藏是输入，学会是输出。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;🌝 笔记系统不是复制粘贴&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;这种错误表现为笔记里大段的原文，没有自己的思考，复制别人的模板，但是从未具体问题具体分析。这是一种拿来主义，所有的经验必须自己去实践才可以获得。近期这种错误表现为使用AI总结内容。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;🎞️ 笔记系统不是博客&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;这种错误表现为花了大量的时间美化排版、配色。博客热衷于表达，而非使用。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;📄 不要陷入完美主义&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;这种错误表现为对一篇笔记反复修改，每个笔记都要标签齐全，链接完善，记录的内容也要尽善尽美。记笔记不是编写一本书，笔记本身就是零碎的。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;🩺 不要陷入工具主义&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;这种错误表现为频繁更换笔记软件，经常比较不同软件的高级技巧，但是却使用不好基础功能。不要把搭建系统本身当作目标，搭建系统只是服务工作的手段。&lt;/p&gt;
&lt;h2 id=&#34;如何用好笔记系统&#34;&gt;如何用好笔记系统
&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;🦚 养成随时记录的习惯&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;灵感一闪而过，如果不能立马记录，可能转头就忘。我想表达的重点是「养成记录的习惯」，而不是去追求一键记录。这种记录方式可以只写一句话，一个关键字，不用追求完美记录，等后续再进行整理。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;🔔 要对笔记进行分类&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;笔记分类是为了可预测的定位路径，在需要的时候知道去哪里找。分类只需要分几个大类就行，没必要非常细化。虽然搜索功能可以很方便的定位，但是你仍然需要知道笔记大概在哪里。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;🍊 经常翻看自己的笔记&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;笔记的价值在于复用，定期回顾才能持续迭代。所谓温故而知新，在不同的时间看同一篇笔记会产生不同的感悟。审视过去的自己，也是一种成长。&lt;/p&gt;
&lt;h2 id=&#34;我的实践&#34;&gt;我的实践
&lt;/h2&gt;&lt;p&gt;接下来我将基于上面的原则，讲述我的笔记系统实践。&lt;/p&gt;
&lt;h3 id=&#34;-我使用的软件wolai&#34;&gt;🥘 我使用的软件——wolai
&lt;/h3&gt;&lt;p&gt;我使用wolai来记录笔记，有以下几个理由：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;支持斜杠命令、Markdown标记&lt;/li&gt;
&lt;li&gt;笔记之间相互链接的功能做的比较方便&lt;/li&gt;
&lt;li&gt;支持Latex数学公式截图识别&lt;/li&gt;
&lt;li&gt;笔记存在云端，不用折腾同步功能，支持导出&lt;/li&gt;
&lt;li&gt;被阿里巴巴收购了，不太可能随时暴毙&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;当然这个软件也有一些缺点：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;2021年曾经出过一件事，软件团队检测用户笔记内容，对敏感或擦边的内容进行和谐处理。这也是所有云笔记的缺点，但是我个人没有类似的烦恼。&lt;/li&gt;
&lt;li&gt;几乎没有可以自定义的功能，作为一个笔记软件竟然没法修改字体！&lt;/li&gt;
&lt;li&gt;2025年下半年开始更新频率显著降低，几乎没有新功能出来了。&lt;/li&gt;
&lt;li&gt;绘图功能做的不好，只提供了思维导图，绘制流程图要么使用&lt;code&gt;Mermaid&lt;/code&gt;要么在&lt;code&gt;draw.io&lt;/code&gt;画完之后截图粘贴——&lt;code&gt;Mermaid&lt;/code&gt;不好调整，&lt;code&gt;draw.io&lt;/code&gt;截图不好修改。绘图方面做的最好的是飞书文档。&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;市面上的一些其他软件我也有试用过，这里就讲讲我不选他们的理由：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;code&gt;notion&lt;/code&gt;：可以说&lt;code&gt;wolai&lt;/code&gt;是仿照&lt;code&gt;notion&lt;/code&gt;实现的软件，&lt;code&gt;notion&lt;/code&gt;在功能上比&lt;code&gt;wolai&lt;/code&gt;强大很多。我最终没有选择&lt;code&gt;notion&lt;/code&gt;主要有两个原因——网络问题和本地化问题。网络问题不多说，网上很多人讲。本地化问题是我认为&lt;code&gt;wolai&lt;/code&gt;做的比较好的方面，比如&lt;code&gt;/dmpd&lt;/code&gt;输入代码片段，&lt;code&gt;/hngs&lt;/code&gt;输入行内公式，实际上输入&lt;code&gt;/dm&lt;/code&gt;和&lt;code&gt;/hn&lt;/code&gt;就可以了，我还是更习惯使用拼音首字母。&lt;/li&gt;
&lt;li&gt;&lt;code&gt;obsidian&lt;/code&gt;：社区插件丰富，个性化程度高。笔记本地化存储，数据安全。我没有选择&lt;code&gt;obsidian&lt;/code&gt;的原因也正是由于这两个特点：第一是个性化程度太高了，太折腾了，会引诱我不断去折腾插件。第二是手机端的问题，&lt;code&gt;obsidian&lt;/code&gt;手机端做的没有&lt;code&gt;wolai&lt;/code&gt;好用&lt;/li&gt;
&lt;li&gt;飞书：飞书文档是作为一个功能模块放在飞书里面的，除了文档功能飞书的其他功能也很好用，我们公司就使用飞书办公。飞书的文档不能导出为&lt;code&gt;markdown&lt;/code&gt;格式，只能导出为&lt;code&gt;word&lt;/code&gt;格式，有浏览器插件提供导出&lt;code&gt;markdown&lt;/code&gt;的功能。最核心的一点是如果我要更换笔记软件，我必须一篇一篇的导出，不能做到全部导出，而&lt;code&gt;wolai&lt;/code&gt;提供了这个功能，虽然这功能做的一般。&lt;/li&gt;
&lt;li&gt;语雀：语雀也是阿里系的笔记软件，我也不知道为什么阿里要整这么多笔记软件。语雀更适合用来作为博客，而不是用来做笔记。语雀的文档系统和飞书一样都是知识库，也不能全部导出。另外语雀和飞书的笔记链接的功能做的都没有&lt;code&gt;wolai&lt;/code&gt;好，可能知识库的定位就是用来展示的。&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;我还使用过印象笔记，思源笔记，有道云文档，logseq，Typora，VSCode，OneNote，为知笔记，trilium等，太多了也没法全部点评。总之，正如我上面提过的，记笔记的目的是服务于生活，而不是建立系统。各位读者可以自行试用或者看网上一些笔记软件的评测，选择合适自己的笔记软件。千万千万千万要记得不要陷入工具主义陷阱。&lt;/p&gt;
&lt;h3 id=&#34;-我如何实践存得住&#34;&gt;🍠 我如何实践「存得住」？
&lt;/h3&gt;&lt;p&gt;一般来说我都会在「临时缓存」中进行记录零碎的想法和整理笔记，整理完后放到「主题记录」中对应的页面中。所以「临时缓存」对我来说就是笔记的入口，所以在这个页面，我做了以下工作：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;创建一个「待办事项」页面，任何笔记中我认为没有完成的部分都会引用这个页面，这样我进入到这个页面，就能看到自己给自己留下的任务&lt;/li&gt;
&lt;li&gt;创建一个「反复阅读」页面，任何我认为近期需要复习的内容，都会在这个页面添加引用。&lt;/li&gt;
&lt;li&gt;创建一个「自动按钮」用于快速的添加页面，简化我的记录操作。&lt;/li&gt;
&lt;li&gt;创建一个以月份命名的页面，用于写日志。这个页面会以流水账的形式记录工作事项，主要是为了记录自己过去一段时间做了什么，这样可以督促自己思考。&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E5%BB%BA%E7%AB%8B%E7%AC%94%E8%AE%B0%E7%B3%BB%E7%BB%9F/image/PixPin_2026-03-30_15-55-57_LCV80XNPS6.png&#34;
  width=&#34;1512&#34;
  height=&#34;910&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;166&#34;
    data-flex-basis=&#34;398px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;&lt;code&gt;wolai&lt;/code&gt;还提供一个微信小程序，给微信小程序发送链接或者文字，就会转存到固定的页面中，我设置了「临时缓存」。&lt;/p&gt;
&lt;p&gt;我习惯使用单一入口记笔记，而不是在对应的页面记笔记。一方面是为了更快速的记录，另一方面也是为了可以看到自己有哪些还没有整理过的笔记。所有的一切都是为了「记得住」。&lt;/p&gt;
&lt;h3 id=&#34;-我如何实践找得到&#34;&gt;🍉 我如何实践「找得到」？
&lt;/h3&gt;&lt;p&gt;我并没有采用常见的如PARA、卡片、数字编码、标签等分类方法，我是完全按照我自己的使用习惯进行分类的，这也是我说的一定要自己去实践，不要直接使用别人的模板，模板只是作为一个参考。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E5%BB%BA%E7%AB%8B%E7%AC%94%E8%AE%B0%E7%B3%BB%E7%BB%9F/image/PixPin_2026-03-30_14-59-55_HTFIMWyqRU.png&#34;
  width=&#34;267&#34;
  height=&#34;176&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;151&#34;
    data-flex-basis=&#34;364px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;我的笔记主要分了四个大类：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;临时缓存：这个页面提供的是收集箱的功能，我平时在网上看到的好的文档，临时的想法，随手的记录都会丢到这个里面去，然后有时间就整理。&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E5%BB%BA%E7%AB%8B%E7%AC%94%E8%AE%B0%E7%B3%BB%E7%BB%9F/image/PixPin_2026-03-30_15-05-42_hN7bDo_MKO.png&#34;
  width=&#34;1049&#34;
  height=&#34;833&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;125&#34;
    data-flex-basis=&#34;302px&#34;
  
/&gt;
&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;时光记录：这个页面提供日记的功能，里面的文档以日期为标题，仅用来记录我生活中的一些经历，感悟等。我希望等我老了的时候回看自己的日记，会发出当初我竟然还这样想过的感叹。&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E5%BB%BA%E7%AB%8B%E7%AC%94%E8%AE%B0%E7%B3%BB%E7%BB%9F/image/PixPin_2026-03-30_15-06-28_BaGHzD5GMw.png&#34;
  width=&#34;1614&#34;
  height=&#34;920&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;175&#34;
    data-flex-basis=&#34;421px&#34;
  
/&gt;
&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;主题记录：这个页面是笔记的核心页面，可以说这个才是笔记系统的核心内容。&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E5%BB%BA%E7%AB%8B%E7%AC%94%E8%AE%B0%E7%B3%BB%E7%BB%9F/image/PixPin_2026-03-30_15-07-53_41ZEbfUMo5.png&#34;
  width=&#34;1448&#34;
  height=&#34;905&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;160&#34;
    data-flex-basis=&#34;384px&#34;
  
/&gt;
&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;「备忘录」：记录我自己和我爸妈的账号密码，记录家里的宽带账号密码，记录房屋租赁的收入与花销，记录汽车保险信息，医疗保险信息等生活信息&lt;/li&gt;
&lt;li&gt;「零碎知识」：记录我在互联网上学到的一些知识，内部包含三个模块——what、how、why。这个页面里的内容使用频率不高，只是为了增加自己的知识面。&lt;/li&gt;
&lt;li&gt;「阅读记录」：包含书籍阅读笔记、博客阅读笔记和其他文章阅读笔记&lt;/li&gt;
&lt;li&gt;「电子数码」：比如机械硬盘的原理、固态硬盘的原理、路由器和交换机的区别、常用的CPU&lt;/li&gt;
&lt;li&gt;「软件」：我是一个很喜欢尝试新软件的人，所以我单独给了一个页面用于记录自己曾经用过的软件，比如这个软件是做什么的，有什么优点，什么缺点。&lt;/li&gt;
&lt;li&gt;「游戏」：我会记录一些游戏的攻略，比如泰拉瑞亚的流程，星露谷mod的安装等内容&lt;/li&gt;
&lt;li&gt;「教育相关」：去年年底有了自己的孩子，于是平时看到的一些教育相关的内容，都会放到这个里面&lt;/li&gt;
&lt;li&gt;「自动化」：我本人从事自动化设备行业，这个页面记录的是工作中的内容，比如相机如何选型，某某品牌的运动控制卡如何操作，GRR的计算方式，半导体先进封装工艺等&lt;/li&gt;
&lt;li&gt;「编程知识」：记录和编程有关的知识，比如Python开发，Vue开发，Andriod开发，OpenCV的使用，红黑树和二叉树的区别等&lt;/li&gt;
&lt;li&gt;「CSharp语言」：我的工作主要是使用C#语言，因此单独给了一个页面，记录Winform和WPF相关的知识，功能案例，优化技巧、异常处理等&lt;/li&gt;
&lt;li&gt;「数学推导」：包含编程中使用到的数学知识，比如直线拟合、三维旋转、射线与包围盒相交检测等&lt;/li&gt;
&lt;li&gt;「AI」：最近AI很火，所以单独开了一个页面记录相关的内容&lt;/li&gt;
&lt;li&gt;「公司管理」：包含如何跟同事沟通、如何解决团队分歧、招聘时关心的问题等内容&lt;/li&gt;
&lt;li&gt;「成长」：会记录可以提升自己思维的内容，比如工具祛媚，创作还是消费，效率成瘾等，我希望自己可以成为更好的人。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;笔记分类其实没有统一的格式，我没有模板分类的原因是因为，我认为他们都太全面的，而我不可能做到那么全面。我只需要把我生活工作中的重要内容单独提取出来即可。&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;「归档」：这个页面会存放剪藏的文章，我正在考虑是不是要将其删除，因为在阅读后我已经将内容总结到我的笔记中了。这些原来的剪藏内容，我不但再也没有看过，反而会增加我搜索的难度。&lt;/li&gt;
&lt;/ol&gt;
&lt;h3 id=&#34;-我如何实践用得上&#34;&gt;🥑 我如何实践「用得上」？
&lt;/h3&gt;&lt;p&gt;在笔记的编写上，我也一些习惯可以分享。&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;明确的命名。比如我在一些页面明确what-why-how，以让我快速知道这个笔记里的内容。&lt;/li&gt;
&lt;li&gt;尽量少的标题层级，我一般只会使用二级标题和三级标题。标题层级如果太复杂，会让笔记显得很乱。&lt;/li&gt;
&lt;li&gt;持续迭代笔记，相同主题的笔记合并为一个，相关主题的笔记相互链接。&lt;/li&gt;
&lt;li&gt;在保证内容清晰的前提下，使内容尽可能简短。你的笔记不需要给别人看，因此你要记录关键信息，让自己看得懂就行。&lt;/li&gt;
&lt;li&gt;尽量自己手动记笔记，AI只提供辅助。只有自己记录的内容才会记忆深刻，AI总结然后复制粘贴后的内容很容易忘记。&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id=&#34;总结&#34;&gt;总结
&lt;/h2&gt;&lt;p&gt;这篇文章写到这里，还是有很多细节没有提到。我原本应该添加更多的截图，以展示我是如何做的，但是转念一想，又觉得似乎我给出的经验，也是一种模板。我的模板对别人可能并没有什么用，只要保持上文提到的三个原则——存得住、找得到、用得上，都是适合自己的笔记系统。&lt;/p&gt;
</description>
        </item>
        <item>
        <title>Codist插件功能</title>
        <link>https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/</link>
        <pubDate>Thu, 26 Mar 2026 10:05:10 +0800</pubDate>
        
        <guid>https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/</guid>
        <description>&lt;img src="https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/Title.jpg" alt="Featured image of post Codist插件功能" /&gt;&lt;blockquote&gt;
&lt;p&gt;🧋官方地址：&lt;a class=&#34;link&#34; href=&#34;https://github.com/wmjordan/Codist&#34;  title=&#34;https://github.com/wmjordan/Codist&#34;
     target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://github.com/wmjordan/Codist&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h2 id=&#34;对c语法提供高亮显示&#34;&gt;对C#语法提供高亮显示
&lt;/h2&gt;&lt;p&gt;对于该功能，我最喜欢的是在「工具-配置Codist高级语法样式」提供的界面，简化了对高亮方案的调整。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/image/PixPin_2026-03-22_21-46-14_XpYHSP8PM2.png&#34;
  width=&#34;546&#34;
  height=&#34;593&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;92&#34;
    data-flex-basis=&#34;220px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;对注释的高亮显示&#34;&gt;对注释的高亮显示
&lt;/h2&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt; 1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 5
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 6
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 7
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 8
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 9
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;10
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;11
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;12
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;13
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;14
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;15
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;16
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-markdown&#34; data-lang=&#34;markdown&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;// +++ Head 01 
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;// ++ Head 01 
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;// + Head 01
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;// - head 02
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;// -- head 02
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;// --- head 02
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;// # Notice
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;// ! Important
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;// ? Question
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;// x Remove
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;// todo 测试
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;// undone 测试
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;// note 测试
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;// hack 测试
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/image/Clip_2024-11-06_21-16-06_nBJQGC3968.png&#34;
  width=&#34;257&#34;
  height=&#34;449&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;57&#34;
    data-flex-basis=&#34;137px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;对xaml语言的高亮&#34;&gt;对xaml语言的高亮
&lt;/h2&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/image/image_aoXqmXqyMm.png&#34;
  width=&#34;1564&#34;
  height=&#34;659&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;237&#34;
    data-flex-basis=&#34;569px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;快速信息增强&#34;&gt;快速信息增强
&lt;/h2&gt;&lt;p&gt;「快速信息」指的是鼠标悬停在C#代码时显示的工具提示。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/image/PixPin_2026-03-22_21-56-00_2Qc-8T9jLh.png&#34;
  width=&#34;746&#34;
  height=&#34;593&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;125&#34;
    data-flex-basis=&#34;301px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;此处对该界面的配置功能进行解释：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;「选择信息」：勾选后显示所选区域的字符数和行数（如果跨行）。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/image/image_Td6TLKlacN.png&#34;
  width=&#34;904&#34;
  height=&#34;98&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;922&#34;
    data-flex-basis=&#34;2213px&#34;
  
/&gt;
&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;「颜色信息」：勾选后可以预览颜色值&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/image/image_0_xxeNI4ML.png&#34;
  width=&#34;937&#34;
  height=&#34;249&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;376&#34;
    data-flex-basis=&#34;903px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;c强化代码提示&#34;&gt;C#强化代码提示
&lt;/h2&gt;&lt;p&gt;该功能是对快速信息增强功能的详细设置，在显示C#的快速信息时，提供更多的信息。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/image/PixPin_2026-03-22_22-03-49_zdvXGNOmBC.png&#34;
  width=&#34;422&#34;
  height=&#34;245&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;172&#34;
    data-flex-basis=&#34;413px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/image/PixPin_2026-03-22_22-06-06_Pv71mPmiSR.png&#34;
  width=&#34;447&#34;
  height=&#34;347&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;128&#34;
    data-flex-basis=&#34;309px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;可以在选项界面对需要显示的内容进行配置。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/image/PixPin_2026-03-22_22-00-47_58N01ZSZdE.png&#34;
  width=&#34;746&#34;
  height=&#34;593&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;125&#34;
    data-flex-basis=&#34;301px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;导航栏增强&#34;&gt;导航栏增强
&lt;/h2&gt;&lt;p&gt;导航栏位于代码编辑器窗口顶部，它会覆盖原有的导航栏。导航栏同时适用于C# 代码文档和Markdown文档。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/image/image_xyDZH7yAGc.png.mark.png&#34;
  width=&#34;910&#34;
  height=&#34;180&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;505&#34;
    data-flex-basis=&#34;1213px&#34;
  
/&gt;
&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;如果搜索框中的第一个字符是大写字母，则搜索区分大小写 ；否则，搜索不区分大小写。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;导航栏可以在选项页面进行配置：&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/image/PixPin_2026-03-22_22-15-17_C3V0qliYUU.png&#34;
  width=&#34;746&#34;
  height=&#34;593&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;125&#34;
    data-flex-basis=&#34;301px&#34;
  
/&gt;
&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;「语法细节」：勾选后还会额外显示函数调用的层级，如&lt;code&gt;FindAll&lt;/code&gt;在&lt;code&gt;ConvertAll&lt;/code&gt;中被调用&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/image/image_vFlctWA72r.png&#34;
  width=&#34;715&#34;
  height=&#34;213&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;335&#34;
    data-flex-basis=&#34;805px&#34;
  
/&gt;
&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;「符号代码提示」：勾选后鼠标悬停在导航栏的节点上时，会显示额外信息&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/image/image_T1bFNG5fVT.png&#34;
  width=&#34;715&#34;
  height=&#34;213&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;335&#34;
    data-flex-basis=&#34;805px&#34;
  
/&gt;
&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;「突出显示语法范围」：勾选后鼠标悬停在导航栏的节点上时，编辑器会高亮显示该节点的范围&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/image/image_AbylKQPI1W.png&#34;
  width=&#34;715&#34;
  height=&#34;213&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;335&#34;
    data-flex-basis=&#34;805px&#34;
  
/&gt;
&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;「区域」：勾选后导航栏将显示&lt;code&gt;#region&lt;/code&gt;名称。如果在region名称中添加了非字母的字符，比如&lt;code&gt;#region [====== private methods ======]&lt;/code&gt;可以勾选「不显示#region名称的非字母字符」这样就只会显示字母部分&lt;code&gt;private methods&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;智能工具条&#34;&gt;智能工具条
&lt;/h2&gt;&lt;p&gt;智能工具条是一个跟随鼠标的上下文感知工具栏。当你选择文本或者双击shift键时会出现。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/image/PixPin_2026-03-22_22-24-11_wjtqSm0NRI.png&#34;
  width=&#34;384&#34;
  height=&#34;127&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;302&#34;
    data-flex-basis=&#34;725px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;智能工具条通常有两行。第一行包含是通用的文本编辑命令，第二行会根据内容的类型变化。&lt;/p&gt;
&lt;p&gt;智能工具条上的每个按钮通常都有多种功能。「左键单击」「右键单击」「Ctrl+单击」和「Shift+单击」会触发不同的命令，参考按钮的提示。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/image/PixPin_2026-03-22_22-28-35_GEGQqfKoAR.png&#34;
  width=&#34;515&#34;
  height=&#34;150&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;343&#34;
    data-flex-basis=&#34;824px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;该功能可以在选项界面进行配置。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/image/PixPin_2026-03-22_22-29-25_wjA9WKuTw9.png&#34;
  width=&#34;746&#34;
  height=&#34;593&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;125&#34;
    data-flex-basis=&#34;301px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;转到定义&#34;&gt;转到定义
&lt;/h3&gt;&lt;p&gt;和F12功能相同，我习惯使用F12，所以用不太上。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/image/PixPin_2026-03-22_22-35-37_cIdlrpn6Bw.png&#34;
  width=&#34;581&#34;
  height=&#34;192&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;302&#34;
    data-flex-basis=&#34;726px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;分析&#34;&gt;分析
&lt;/h3&gt;&lt;p&gt;使用「分析-列出成员」可以快速查看颜色类中的定义，比如&lt;code&gt;SystemColors&lt;/code&gt;、&lt;code&gt;Colors&lt;/code&gt;、&lt;code&gt;Brushes&lt;/code&gt;。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/image/PixPin_2026-03-22_22-32-11_ZaEW0wD8X_.png&#34;
  width=&#34;566&#34;
  height=&#34;733&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;77&#34;
    data-flex-basis=&#34;185px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;标记&#34;&gt;标记
&lt;/h3&gt;&lt;p&gt;对代码中的变量进行标记。不能标记整行，智能标记某个词。可以在对C#语法提供高亮显示中进行配置。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/image/PixPin_2026-03-22_22-37-33_1_FktUFEu8Uf.png&#34;
  width=&#34;447&#34;
  height=&#34;319&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;140&#34;
    data-flex-basis=&#34;336px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/image/image_vSrkA-ceXb.png&#34;
  width=&#34;700&#34;
  height=&#34;434&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;161&#34;
    data-flex-basis=&#34;387px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/image/image_qXpwv2quBd.png&#34;
  width=&#34;497&#34;
  height=&#34;407&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;122&#34;
    data-flex-basis=&#34;293px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;滚动条标记&#34;&gt;滚动条标记
&lt;/h2&gt;&lt;p&gt;滚动条标记会在垂直滚动条上为一些语法元素绘制额外的形状，如下图中的右侧所示。可以在选项页面更改配置。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/image/image_yhlzcKdcSE.png&#34;
  width=&#34;1171&#34;
  height=&#34;882&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;132&#34;
    data-flex-basis=&#34;318px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/image/PixPin_2026-03-22_22-42-23_aNwvd3gSav.png&#34;
  width=&#34;746&#34;
  height=&#34;593&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;125&#34;
    data-flex-basis=&#34;301px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;自动更改版本号&#34;&gt;自动更改版本号
&lt;/h2&gt;&lt;p&gt;Codist可以在生成项目之前自动更改输出程序集的版本号，选中项目-右键-自动生成版本号设置。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/image/PixPin_2026-03-22_22-43-56_J5to9jo8n9.png&#34;
  width=&#34;586&#34;
  height=&#34;243&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;241&#34;
    data-flex-basis=&#34;578px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;显示增强&#34;&gt;显示增强
&lt;/h2&gt;&lt;p&gt;可以对Visual Studio的界面显示进行优化处理。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/image/PixPin_2026-03-22_22-45-46_sNL81XzLKw.png&#34;
  width=&#34;746&#34;
  height=&#34;593&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;125&#34;
    data-flex-basis=&#34;301px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;自动配对标点符号&#34;&gt;自动配对标点符号
&lt;/h2&gt;&lt;p&gt;Codist可以在输入时，自动为选定内容配对标点符号。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/image/PixPin_2026-03-22_22-50-24_UImrdXJ8wk.png&#34;
  width=&#34;746&#34;
  height=&#34;593&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;125&#34;
    data-flex-basis=&#34;301px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/image/PixPin_2026-03-22_22-50-35_eW0ajKBVbZ.png&#34;
  width=&#34;746&#34;
  height=&#34;593&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;125&#34;
    data-flex-basis=&#34;301px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;这个功能指的是，选中文本后，输入&lt;code&gt;&amp;quot;&lt;/code&gt;可以使用&lt;code&gt;&amp;quot;&lt;/code&gt;包围文本，转化成字符串。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/image/PixPin_2026-03-22_22-52-57_jrjH52NDDn.gif&#34;
  width=&#34;576&#34;
  height=&#34;110&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;523&#34;
    data-flex-basis=&#34;1256px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;如果关闭这个功能，输入字符会替换所选的内容，而不是使用符号包围内容。&lt;/p&gt;
&lt;h2 id=&#34;额外功能&#34;&gt;额外功能
&lt;/h2&gt;&lt;p&gt;在「生成」菜单中添加了额外的菜单命令：&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/codist%E6%8F%92%E4%BB%B6%E5%8A%9F%E8%83%BD/image/PixPin_2026-03-22_22-55-10_uQoUduKd3G.png&#34;
  width=&#34;429&#34;
  height=&#34;401&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;106&#34;
    data-flex-basis=&#34;256px&#34;
  
/&gt;
&lt;/p&gt;
</description>
        </item>
        <item>
        <title>ZerosSVN项目助手</title>
        <link>https://zeroszhang.github.io/p/zerossvn%E9%A1%B9%E7%9B%AE%E5%8A%A9%E6%89%8B/</link>
        <pubDate>Wed, 18 Jun 2025 17:17:04 +0800</pubDate>
        
        <guid>https://zeroszhang.github.io/p/zerossvn%E9%A1%B9%E7%9B%AE%E5%8A%A9%E6%89%8B/</guid>
        <description>&lt;img src="https://zeroszhang.github.io/p/zerossvn%E9%A1%B9%E7%9B%AE%E5%8A%A9%E6%89%8B/title.jpg" alt="Featured image of post ZerosSVN项目助手" /&gt;&lt;h2 id=&#34;碰到的问题&#34;&gt;碰到的问题
&lt;/h2&gt;&lt;p&gt;随着公司项目越来越多，在项目的维护方面，我们碰到了如下问题：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;多人参与同一个项目，文件相互不同步，需要频繁的使用公共盘共享文件&lt;/li&gt;
&lt;li&gt;每个人都有各自对于项目文件的命名方式和存放方式，在员工离职后找不到对应的项目文件&lt;/li&gt;
&lt;li&gt;同一个项目在每个电脑上存在不同的版本，想找到对应的版本存在困难&lt;/li&gt;
&lt;li&gt;员工的电脑不存在备份机制，如果硬盘坏了，则项目文件会丢失&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id=&#34;解决方案&#34;&gt;解决方案
&lt;/h2&gt;&lt;p&gt;基于上面的问题点，需要实现如下的功能：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;同一项目的命名方式和文档结构&lt;/li&gt;
&lt;li&gt;合并不同员工之间的文件，统一管理，支持同步&lt;/li&gt;
&lt;li&gt;项目文件的版本管理和备份&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;我大概的思路是使用 SubVersion 软件进行管理。SubVersion(SVN) 是一款开源的版本控制系统，用于管理文件和目录的变更历史。和 Git 不同，SVN 使用集中式的文件管理，依赖于服务器。&lt;/p&gt;
&lt;p&gt;在服务端，我在公司的服务器上安装了 VirsualSVN，作为 SVN 的服务器。社区版，白嫖的。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/zerossvn%E9%A1%B9%E7%9B%AE%E5%8A%A9%E6%89%8B/assets/PixPin_2025-06-18_17-30-04.png&#34;
  width=&#34;1382&#34;
  height=&#34;834&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;165&#34;
    data-flex-basis=&#34;397px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;在客户端，我首先尝试了 TortoiseSVN，功能确实可以满足，但是相对来说，操作有点复杂，非程序员学习起来还是需要成本。最严重的一个问题点在于，在 Windows 11 下，TortoiseSVN 的右键菜单项，在子菜单里，使用起来很不方便。&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;虽然我使用 Nilesoft Shell 解决了。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;于是我考虑自己实现一个没有学习成本，操作比较简单的项目助手软件。SVN 相关的操作我使用开源的 SharpSVN 库，这个库没有文档，只有代码内的 xml 助手。&lt;/p&gt;
&lt;h2 id=&#34;实现思路&#34;&gt;实现思路
&lt;/h2&gt;&lt;p&gt;我和公司的小伙伴们一起整理了目前所有的项目资料，合并到一个文件夹中。并且在 SVN 中创建一个共同的仓库来管理这些文件夹。&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;之所以不是每一个项目一个 SVN 仓库，是为了上传的时候简单点。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;每个项目修改为 “年份_客户_项目名” 的方式进行命名。如下所示：&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/zerossvn%E9%A1%B9%E7%9B%AE%E5%8A%A9%E6%89%8B/assets/image-20250618173940074.png&#34;
  width=&#34;544&#34;
  height=&#34;185&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;294&#34;
    data-flex-basis=&#34;705px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;软件的界面大致如下所示：&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/zerossvn%E9%A1%B9%E7%9B%AE%E5%8A%A9%E6%89%8B/assets/image-20250618174136938.png&#34;
  width=&#34;986&#34;
  height=&#34;693&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;142&#34;
    data-flex-basis=&#34;341px&#34;
  
/&gt;
&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;提供了 SVN 的 Update，Commit 等主要功能，支持项目子文件夹的同步&lt;/li&gt;
&lt;li&gt;提供了登录账号，可以在 VirsualSVN 中设置不同账号的权限&lt;/li&gt;
&lt;li&gt;提供软件在局域网内的检查更新的功能&lt;/li&gt;
&lt;li&gt;提供搜索和排序的功能&lt;/li&gt;
&lt;/ul&gt;
</description>
        </item>
        <item>
        <title>先进封装</title>
        <link>https://zeroszhang.github.io/p/%E5%85%88%E8%BF%9B%E5%B0%81%E8%A3%85/</link>
        <pubDate>Sat, 24 May 2025 19:50:14 +0800</pubDate>
        
        <guid>https://zeroszhang.github.io/p/%E5%85%88%E8%BF%9B%E5%B0%81%E8%A3%85/</guid>
        <description>&lt;img src="https://zeroszhang.github.io/p/%E5%85%88%E8%BF%9B%E5%B0%81%E8%A3%85/Title.jpg" alt="Featured image of post 先进封装" /&gt;&lt;h1 id=&#34;先进封装&#34;&gt;先进封装
&lt;/h1&gt;&lt;blockquote&gt;
&lt;p&gt;🦪&lt;a class=&#34;link&#34; href=&#34;https://www.bilibili.com/video/BV1Yu411c7ic/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.bilibili.com/video/BV1Yu411c7ic&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;所谓封装，就是给芯片加壳后再连接电路。&lt;/p&gt;
&lt;h2 id=&#34;传统的封装&#34;&gt;传统的封装
&lt;/h2&gt;&lt;p&gt;半导体的后道工艺通常包含以下内容：&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E5%85%88%E8%BF%9B%E5%B0%81%E8%A3%85/assets/PixPin_2025-05-24_19-53-28.png&#34;
  width=&#34;685&#34;
  height=&#34;83&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;825&#34;
    data-flex-basis=&#34;1980px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;而本文会着重解释键合和封装的工艺。传统的键合是先进行芯片键合，再进行引线键合，然后套一层壳。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E5%85%88%E8%BF%9B%E5%B0%81%E8%A3%85/assets/image_zPdHGUZkKp.png&#34;
  width=&#34;1139&#34;
  height=&#34;599&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;装片的芯片顶出结构 装片的芯片顶出结构 &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;190&#34;
    data-flex-basis=&#34;456px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E5%85%88%E8%BF%9B%E5%B0%81%E8%A3%85/assets/image_Vfjkg4XpZy.png&#34;
  width=&#34;1544&#34;
  height=&#34;387&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;键合说明 键合说明 &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;398&#34;
    data-flex-basis=&#34;957px&#34;
  
/&gt;
&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;芯片键合——Die Bonding&lt;/li&gt;
&lt;li&gt;引线键合——Wire Bonding&lt;/li&gt;
&lt;li&gt;倒装芯片键合——Filp Chip Bonding&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote&gt;
&lt;p&gt;🦪 传统封装的缺点：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;引线框架比较大——芯片体积大&lt;/li&gt;
&lt;li&gt;金属引线比较长——信号传输耗时长&lt;/li&gt;
&lt;/ol&gt;
&lt;/blockquote&gt;
&lt;h2 id=&#34;封装的发展&#34;&gt;封装的发展
&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;裸片贴装——引线键合&lt;/li&gt;
&lt;li&gt;倒片封装——焊球/凸点&lt;/li&gt;
&lt;li&gt;晶圆级封装——RDL 重布线层&lt;/li&gt;
&lt;li&gt;2.5D/3D 封装——TSV 硅通孔技术，chiplet 封装技术&lt;/li&gt;
&lt;/ol&gt;
&lt;blockquote&gt;
&lt;p&gt;🦪 每一代技术之间的本质区别，就是芯片和电路之间连接方式的区别&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h2 id=&#34;倒片封装&#34;&gt;倒片封装
&lt;/h2&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E5%85%88%E8%BF%9B%E5%B0%81%E8%A3%85/assets/image_UWdeAT5jAJ.png&#34;
  width=&#34;1611&#34;
  height=&#34;624&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;258&#34;
    data-flex-basis=&#34;619px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;芯片电路层朝下，通过金属球将芯片与电路连接，有效减少了芯片的体积，提升了传输速率。&lt;/p&gt;
&lt;p&gt;需要用到曝光，刻蚀，沉积等工艺。&lt;/p&gt;
&lt;h2 id=&#34;晶圆级封装&#34;&gt;晶圆级封装
&lt;/h2&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E5%85%88%E8%BF%9B%E5%B0%81%E8%A3%85/assets/image_7tNXKalkUw.png&#34;
  width=&#34;956&#34;
  height=&#34;692&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;138&#34;
    data-flex-basis=&#34;331px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E5%85%88%E8%BF%9B%E5%B0%81%E8%A3%85/assets/image_WYqdJCCf2v.png&#34;
  width=&#34;764&#34;
  height=&#34;700&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;109&#34;
    data-flex-basis=&#34;261px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E5%85%88%E8%BF%9B%E5%B0%81%E8%A3%85/assets/image_Ki9XlPQC3e.png&#34;
  width=&#34;1694&#34;
  height=&#34;606&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;279&#34;
    data-flex-basis=&#34;670px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;这种叫做扇入型封装。该封装方式的缺点在于芯片的保护性不强，且可能会导致后续发生变形。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E5%85%88%E8%BF%9B%E5%B0%81%E8%A3%85/assets/image_lyVgH7dTXv.png&#34;
  width=&#34;1050&#34;
  height=&#34;757&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;138&#34;
    data-flex-basis=&#34;332px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;这种方式叫做扇出型封装，在扇入的基础上增加一层保护壳。&lt;/p&gt;
&lt;h2 id=&#34;25d3d-封装&#34;&gt;2.5D/3D 封装
&lt;/h2&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E5%85%88%E8%BF%9B%E5%B0%81%E8%A3%85/assets/image_NpEmeJ1l14.png&#34;
  width=&#34;1672&#34;
  height=&#34;518&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;2.5D封装 2.5D封装 &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;322&#34;
    data-flex-basis=&#34;774px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;将两个芯片放在同一块硅中介层上，再将其放在 PCB 板上，作为一个完整的芯片。&lt;/p&gt;
&lt;p&gt;这种方式的做法是可以有效的增加两块芯片之间的通信效率。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E5%85%88%E8%BF%9B%E5%B0%81%E8%A3%85/assets/image_4ReYG8bzaW.png&#34;
  width=&#34;1217&#34;
  height=&#34;588&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;3D封装 3D封装 &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;206&#34;
    data-flex-basis=&#34;496px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;3D 封装去除了硅中介层，将芯片与芯片直接相连。&lt;/p&gt;
&lt;p&gt;3D 封装依赖于 TSV 硅通孔技术，即在硅上打通孔，然后在通孔上填充金属材料，这样就可以把芯片一层一层的串联起来。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E5%85%88%E8%BF%9B%E5%B0%81%E8%A3%85/assets/image_9Yye8CsYRK.png&#34;
  width=&#34;1028&#34;
  height=&#34;673&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;152&#34;
    data-flex-basis=&#34;366px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E5%85%88%E8%BF%9B%E5%B0%81%E8%A3%85/assets/image_dlcPrFIVJ8.png&#34;
  width=&#34;1062&#34;
  height=&#34;695&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;152&#34;
    data-flex-basis=&#34;366px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E5%85%88%E8%BF%9B%E5%B0%81%E8%A3%85/assets/image_5O1kFIgwBF.png&#34;
  width=&#34;1514&#34;
  height=&#34;757&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;200&#34;
    data-flex-basis=&#34;480px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;Chiplet 芯粒：一种按照功能对现有逻辑芯片进行拆分并使用硅通孔堆叠实现互联的技术。&lt;/p&gt;
</description>
        </item>
        <item>
        <title>芯片键合</title>
        <link>https://zeroszhang.github.io/p/%E8%8A%AF%E7%89%87%E9%94%AE%E5%90%88/</link>
        <pubDate>Sat, 24 May 2025 19:39:45 +0800</pubDate>
        
        <guid>https://zeroszhang.github.io/p/%E8%8A%AF%E7%89%87%E9%94%AE%E5%90%88/</guid>
        <description>&lt;img src="https://zeroszhang.github.io/p/%E8%8A%AF%E7%89%87%E9%94%AE%E5%90%88/Title.jpg" alt="Featured image of post 芯片键合" /&gt;&lt;h1 id=&#34;芯片键合die-bond&#34;&gt;芯片键合（Die Bond）
&lt;/h1&gt;&lt;blockquote&gt;
&lt;p&gt;参考：&lt;a class=&#34;link&#34; href=&#34;https://blog.csdn.net/qq_46675545/article/details/128050411?spm=1001.2014.3001.5502&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://blog.csdn.net/qq_46675545/article/details/128050411?spm=1001.2014.3001.5502&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;p&gt;🦪&lt;strong&gt;芯片键合&lt;/strong&gt;工艺在划片工艺之后将从晶圆上切割的芯片黏贴在封装基板（引线框架或印刷电路板）上，&lt;strong&gt;来实现芯片与外部之间的电连接&lt;/strong&gt;。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;键合工艺可分为传统方法和先进方法两种类型。传统方法采用芯片键合&lt;code&gt;Die Bonding&lt;/code&gt;和引线键合&lt;code&gt;Wire Bonding&lt;/code&gt;，而先进方法则采用 IBM 于 60 年代后期开发的倒装芯片键合&lt;code&gt;Flip Chip Bonding&lt;/code&gt;技术。倒装芯片键合技术将芯片键合与引线键合相结合，并通过在芯片焊盘上形成凸块&lt;code&gt;Bump&lt;/code&gt;的方式将芯片和基板连接起来。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E8%8A%AF%E7%89%87%E9%94%AE%E5%90%88/assets/image_mOwN1-X4J0.png&#34;
  width=&#34;1000&#34;
  height=&#34;271&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;芯片键合与倒装芯片键合之间的比较 芯片键合与倒装芯片键合之间的比较 &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;369&#34;
    data-flex-basis=&#34;885px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h4 id=&#34;芯片拾取与放置pick--place&#34;&gt;芯片拾取与放置&lt;code&gt;Pick &amp;amp; Place&lt;/code&gt;
&lt;/h4&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E8%8A%AF%E7%89%87%E9%94%AE%E5%90%88/assets/image_660BBtQXMY.png&#34;
  width=&#34;1000&#34;
  height=&#34;511&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;195&#34;
    data-flex-basis=&#34;469px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;逐个移除附着在切割胶带上数百个芯片的过程称为“拾取&lt;code&gt;Pick&lt;/code&gt;”。使用柱塞从晶圆上拾取合格芯片并将其放置在封装基板表面的过程称为“放置&lt;code&gt;Place&lt;/code&gt;”。这两项任务合称为“拾取与放置&lt;code&gt;Pick&amp;amp;Place&lt;/code&gt;”，均在固晶机（用于芯片键合的装置）上完成。完成对所有合格芯片的芯片键合之后，未移除的不合格芯片将留在切割胶带上，并在框架回收时全部丢弃。在这个过程中，将通过在映射表（&lt;code&gt;Mapping&lt;/code&gt;图）中输入晶圆测试结果（合格/不合格）的方式对合格芯片进行分类。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E8%8A%AF%E7%89%87%E9%94%AE%E5%90%88/assets/image_4aZj4l9bvB.png&#34;
  width=&#34;1000&#34;
  height=&#34;402&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;248&#34;
    data-flex-basis=&#34;597px&#34;
  
/&gt;
&lt;/p&gt;
</description>
        </item>
        <item>
        <title>红黑树</title>
        <link>https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/</link>
        <pubDate>Sat, 24 May 2025 00:00:00 +0000</pubDate>
        
        <guid>https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/</guid>
        <description>&lt;img src="https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/Title.jpg" alt="Featured image of post 红黑树" /&gt;&lt;h2 id=&#34;红黑树诞生的背景&#34;&gt;红黑树诞生的背景
&lt;/h2&gt;&lt;p&gt;普通的二叉搜索树在添加有序数据（递增或者递减）的时候，所有的节点都会在根节点的右侧或者左侧，此时普通的二叉树就退化成链表，操作的时间复杂组退化成了$O(N)$。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/image_whCvbOT7Ij.png&#34;
  width=&#34;720&#34;
  height=&#34;559&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;128&#34;
    data-flex-basis=&#34;309px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;于是就有了平衡二叉树（AVL 树）。平衡二叉树通过平衡因子来限制树的解构——&lt;strong&gt;任意节点的子树的高度差都小于等于 1&lt;/strong&gt;。将查询效率优化为了$\log _{2} n$。&lt;/p&gt;
&lt;p&gt;AVL 树作为严格平衡的二叉树，就需要频繁的通过旋转操作来保持平衡，而旋转操作是比较耗时的，导致了维护这种高度平衡所付出的代价比从中获得的收益还大，因此只适用于插入删除次数较少，但是查找多的情况。&lt;/p&gt;
&lt;p&gt;在上面的大背景下，诞生了红黑树，即使在最坏的情况下，也可以在$ \log _{2} n$时间内实现插入/删除/查找操作。&lt;/p&gt;
&lt;p&gt;红黑树是一个弱平衡二叉树，相比于严格平衡的 AVL 树，每次树的结构发生改变需要调整时，所需要的转换次数更少，因此对于插入和删除操作的效率更高。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/image_MfNghsHPdV.png&#34;
  width=&#34;722&#34;
  height=&#34;354&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;203&#34;
    data-flex-basis=&#34;489px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;红黑属性的意义&#34;&gt;红黑属性的意义
&lt;/h2&gt;&lt;p&gt;为了确保红黑树的弱平衡属性，要求没有任何一条路径比其他路径长出两倍。因此在每个节点上增加了颜色属性——红或者黑。&lt;/p&gt;
&lt;p&gt;红黑属性通过颜色规则来保持树的平衡，减少旋转操作。每次改变了树的结构（插入/删除操作）之后，最多只需要两次旋转操作即可完成树的平衡。&lt;/p&gt;
&lt;h2 id=&#34;红黑树的性质&#34;&gt;红黑树的性质
&lt;/h2&gt;&lt;p&gt;红黑树有五条性质，记住后面两条就行：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;每个节点非红即黑&lt;/li&gt;
&lt;li&gt;根节点是黑的&lt;/li&gt;
&lt;li&gt;每个叶节点（树尾端 NULL 节点）都是黑的&lt;/li&gt;
&lt;li&gt;如果一个节点是红的,那么它的两儿子都是黑的&lt;sup id=&#34;fnref:1&#34;&gt;&lt;a href=&#34;#fn:1&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/li&gt;
&lt;li&gt;任意节点到每个叶子节点的所有路径都包含相同数目的黑节点&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id=&#34;节点的定义&#34;&gt;节点的定义
&lt;/h2&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-12_09-32-57_A-oVSsOBZu.png&#34;
  width=&#34;698&#34;
  height=&#34;257&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;271&#34;
    data-flex-basis=&#34;651px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;红黑树的着色和旋转&#34;&gt;红黑树的着色和旋转
&lt;/h2&gt;&lt;p&gt;在插入/删除节点的时候，会破坏红黑树的性质，因此需要调整红黑树的结构，以满足上述性质。总共包含三种调整的操作——着色/左旋/右旋。&lt;/p&gt;
&lt;p&gt;着色指的是将红色节点变为黑色节点，或者黑色节点变为红色节点。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-10_20-44-40_JD_iLQlgdf.png&#34;
  width=&#34;535&#34;
  height=&#34;257&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;黑变红或者红变黑&#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;208&#34;
    data-flex-basis=&#34;499px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;左旋操作如下所示：&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/image_9Zz4k-LX_8.png&#34;
  width=&#34;1105&#34;
  height=&#34;485&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;227&#34;
    data-flex-basis=&#34;546px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;右旋操作如下所示：&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/image_KThfgLwkU8.png&#34;
  width=&#34;1106&#34;
  height=&#34;485&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;228&#34;
    data-flex-basis=&#34;547px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;红黑树中的红黑属性并非唯一&#34;&gt;红黑树中的红黑属性并非唯一
&lt;/h2&gt;&lt;p&gt;红黑树的颜色属性情况并非只有唯一解，只要保证满足红黑树性质即可。如下所示，在插入 101 后删除 101，红黑树还是原来的红黑树，但是颜色属性变化了。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-10_20-51-32_17dz04mD3F.png&#34;
  width=&#34;307&#34;
  height=&#34;172&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;178&#34;
    data-flex-basis=&#34;428px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-10_20-51-52_ibPOatK2dX.png&#34;
  width=&#34;307&#34;
  height=&#34;172&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;178&#34;
    data-flex-basis=&#34;428px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;红黑树的插入操作&#34;&gt;红黑树的插入操作
&lt;/h2&gt;&lt;blockquote&gt;
&lt;p&gt;这里有一个规则，新插入的节点一定是红色的。因为红色节点可能不会影响平衡&lt;sup id=&#34;fnref:2&#34;&gt;&lt;a href=&#34;#fn:2&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;2&lt;/a&gt;&lt;/sup&gt;，但是黑色节点一定会影响树的平衡&lt;sup id=&#34;fnref:3&#34;&gt;&lt;a href=&#34;#fn:3&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;3&lt;/a&gt;&lt;/sup&gt;。默认插入红色节点可以减少后续操作。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;红黑树的插入操作分为四种情况：&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/%E7%BA%A2%E9%BB%91%E6%A0%91%E6%8F%92%E5%85%A5%E6%93%8D%E4%BD%9C-1748085534718-3.png&#34;
  width=&#34;2949&#34;
  height=&#34;1125&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;红黑树插入操作&#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;262&#34;
    data-flex-basis=&#34;629px&#34;
  
/&gt;
&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;🦪&lt;strong&gt;以下的「父节点」「叔叔节点」「祖父节点」都是插入新节点后，调整树结构前的状态（图 2 中）&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h3 id=&#34;父节点为黑&#34;&gt;父节点为黑
&lt;/h3&gt;&lt;blockquote&gt;
&lt;p&gt;🧋 直接插入新元素，不需要调整树的结构。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h3 id=&#34;父节点为红色叔叔节点为红色&#34;&gt;父节点为红色，叔叔节点为红色
&lt;/h3&gt;&lt;blockquote&gt;
&lt;p&gt;🧋「父节点」和「叔叔节点」变黑，「祖父节点」变红，递归检查祖父节点是否引发新的冲突。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;如图 1，插入节点 120。父节点是 110，叔叔节点是 90，符合该情况。因此将父节点 110 和叔叔节点 90 变黑，祖父节点 100 变红。引发性质 2 冲突，因此将祖父节点 100 变黑。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-10_21-23-40_wqZWRdTZB4.png&#34;
  width=&#34;340&#34;
  height=&#34;238&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;原始树 原始树 &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;142&#34;
    data-flex-basis=&#34;342px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-10_21-30-55_Eq3eUJ4yAW.png&#34;
  width=&#34;340&#34;
  height=&#34;238&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;插入节点120 插入节点120 &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;142&#34;
    data-flex-basis=&#34;342px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-10_21-22-08_XaEl8hp_LS.gif&#34;
  width=&#34;340&#34;
  height=&#34;238&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;调整树的结构 调整树的结构 &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;142&#34;
    data-flex-basis=&#34;342px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;父节点为红色叔叔节点为黑色且父子同侧llrr-型&#34;&gt;父节点为红色，叔叔节点为黑色，且父子同侧（LL/RR 型）
&lt;/h3&gt;&lt;blockquote&gt;
&lt;p&gt;🧋&lt;strong&gt;左左型（LL）&lt;/strong&gt;：右旋「祖父节点」。「父节点」变黑，「祖父节点」变红。&lt;/p&gt;
&lt;p&gt;🧋&lt;strong&gt;右右型（RR）&lt;/strong&gt;：左旋「祖父节点」。「父节点」变黑，「祖父节点」变红。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;&lt;code&gt;例1：&lt;/code&gt;插入节点 70。父节点 80 为红色，叔叔节点 null 为黑色，且父节点 80 和目标节点 70 都是左子节点，为 LL 型。因此对祖父节点 90 进行右旋。父节点 80 变黑，祖父节点 90 变红。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-10_21-27-03_S3aHGGYfkj.png&#34;
  width=&#34;381&#34;
  height=&#34;299&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;原始树 原始树 &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;127&#34;
    data-flex-basis=&#34;305px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-10_21-29-45_l1pn2zPmt0.png&#34;
  width=&#34;381&#34;
  height=&#34;299&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;插入70节点 插入70节点 &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;127&#34;
    data-flex-basis=&#34;305px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-10_21-26-47_FUDOqt44ET.gif&#34;
  width=&#34;381&#34;
  height=&#34;299&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;调整树的结构 调整树的结构 &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;127&#34;
    data-flex-basis=&#34;305px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;&lt;code&gt;例2：&lt;/code&gt;插入节点 97。父节点 95 为红色，叔叔节点 null 为黑色，且父节点 95 和目标节点 97 都是右子节点，为 RR 型。因此对祖父节点 90 进行右旋。父节点 95 变黑，祖父节点 90 变红。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-10_21-44-53_lfBYGH_RQO.png&#34;
  width=&#34;381&#34;
  height=&#34;299&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;原始树 原始树 &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;127&#34;
    data-flex-basis=&#34;305px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-10_21-45-21_WeWz0ANMgW.png&#34;
  width=&#34;381&#34;
  height=&#34;299&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;插入节点97 插入节点97 &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;127&#34;
    data-flex-basis=&#34;305px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-10_21-44-41_8BulbeUvYo.gif&#34;
  width=&#34;381&#34;
  height=&#34;299&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;调整树的结构 调整树的结构 &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;127&#34;
    data-flex-basis=&#34;305px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;父节点为红色叔叔节点为黑色且父子异侧lrrl-型&#34;&gt;父节点为红色，叔叔节点为黑色，且父子异侧（LR/RL 型）
&lt;/h3&gt;&lt;blockquote&gt;
&lt;p&gt;🧋&lt;strong&gt;左右型（LR）&lt;/strong&gt;：先左旋「父节点」，再右旋「祖父节点」。「目标节点」变黑，「祖父节点」变红&lt;sup id=&#34;fnref:4&#34;&gt;&lt;a href=&#34;#fn:4&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;4&lt;/a&gt;&lt;/sup&gt;。&lt;/p&gt;
&lt;p&gt;🧋&lt;strong&gt;右左型（RL）&lt;/strong&gt;：先右旋「父节点」，再左旋「祖父节点」。「目标节点」变黑，「祖父节点」变红&lt;sup id=&#34;fnref:5&#34;&gt;&lt;a href=&#34;#fn:5&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;5&lt;/a&gt;&lt;/sup&gt;。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;&lt;code&gt;例1：&lt;/code&gt;插入节点 85。父节点 80 为红色，叔叔节点 null 为黑色，且父节点 80 是左子节点，目标节点 85 是右子节点，为 LR 型。因此先对父节点 80 进行左旋，再对祖父节点 90 进行右旋。目标节点 85 变黑，祖父节点 90 变红。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-10_21-48-38_LK1TUkgXl6.png&#34;
  width=&#34;381&#34;
  height=&#34;299&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;原始树 原始树 &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;127&#34;
    data-flex-basis=&#34;305px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-10_21-48-55_R9wBcsUPJ9.png&#34;
  width=&#34;381&#34;
  height=&#34;299&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;插入节点85 插入节点85 &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;127&#34;
    data-flex-basis=&#34;305px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-10_21-49-53_8OB_UvhBzd.gif&#34;
  width=&#34;381&#34;
  height=&#34;299&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;调整树的结构 调整树的结构 &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;127&#34;
    data-flex-basis=&#34;305px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-10_21-49-07_mHJq5CXLOH.png&#34;
  width=&#34;381&#34;
  height=&#34;299&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;调整后的树 调整后的树 &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;127&#34;
    data-flex-basis=&#34;305px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;&lt;code&gt;例2：&lt;/code&gt;插入节点 92。父节点 95 为红色，叔叔节点 null 为黑色，且父节点 95 是右子节点，目标节点 92 是左子节点，为 RL 型。因此先对父节点 95 进行右旋，再对祖父节点 90 进行左旋。目标节点 92 变黑，祖父节点 90 变红。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-10_21-59-16_tB2m_G8t1q.png&#34;
  width=&#34;381&#34;
  height=&#34;299&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;原始树 原始树 &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;127&#34;
    data-flex-basis=&#34;305px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-10_22-00-41_p3vE5F8v7L.png&#34;
  width=&#34;381&#34;
  height=&#34;299&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;插入节点92 插入节点92 &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;127&#34;
    data-flex-basis=&#34;305px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-10_22-00-18_kgV5R6JkGA.gif&#34;
  width=&#34;381&#34;
  height=&#34;299&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;调整树的结构 调整树的结构 &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;127&#34;
    data-flex-basis=&#34;305px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-10_21-59-31_frbTBTN7dN.png&#34;
  width=&#34;381&#34;
  height=&#34;299&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;调整后的树 调整后的树 &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;127&#34;
    data-flex-basis=&#34;305px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;红黑树的删除操作&#34;&gt;红黑树的删除操作
&lt;/h2&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/%E7%BA%A2%E9%BB%91%E6%A0%91%E7%9A%84%E5%88%A0%E9%99%A4-1748085534719-4.png&#34;
  width=&#34;1677&#34;
  height=&#34;978&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;红黑树的删除&#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;171&#34;
    data-flex-basis=&#34;411px&#34;
  
/&gt;
&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;🧋「当前节点」指的是删除了「目标节点」后，替换了「目标节点」位置的节点。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;h3 id=&#34;删除单个红节点&#34;&gt;删除单个红节点
&lt;/h3&gt;&lt;blockquote&gt;
&lt;p&gt;🧋 单个红节点指的是左右子节点都是 null 的节点。不会影响红黑树的性质，因此可以直接删除。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-12_09-37-07_lmA_U2bY5F.png&#34;
  width=&#34;326&#34;
  height=&#34;192&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;169&#34;
    data-flex-basis=&#34;407px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-12_09-37-25_UgD77giUAM.png&#34;
  width=&#34;326&#34;
  height=&#34;192&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;169&#34;
    data-flex-basis=&#34;407px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;删除单个黑节点&#34;&gt;&lt;strong&gt;删除单个黑节点&lt;/strong&gt;
&lt;/h3&gt;&lt;blockquote&gt;
&lt;p&gt;🧋 单个黑节点指得是左右子节点都是 null 的节点。&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;兄弟节点是黑色，且远侄节点为红&lt;/strong&gt;：旋转父节点，兄弟节点颜色变为父节点的颜色，父节点和远侄节点变黑。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;兄弟节点是黑色，近侄节点为红，远侄节点为黑&lt;/strong&gt;：旋转兄弟节点，近侄节点变黑，兄弟节点变红。转换为兄弟节点为黑，远侄节点为红。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;兄弟节点为黑，且侄节点全黑&lt;/strong&gt;：兄弟节点变红，将问题上移至父节点，递归处理。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;兄弟节点为红&lt;/strong&gt;：旋转父节点，兄弟节点变黑，父节点变红，转换成兄弟节点为黑的情况。&lt;/li&gt;
&lt;/ol&gt;
&lt;/blockquote&gt;
&lt;p&gt;&lt;code&gt;例1：&lt;/code&gt;删除节点 70。兄弟节点 100 是黑色，近侄节点 90 是红色，远侄节点 null 是黑色，为情况 2。删除节点 70 后，使用 null 节点代替，作为当前节点。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-12_10-41-41_822nDf7s6i.png&#34;
  width=&#34;412&#34;
  height=&#34;232&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;  &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;177&#34;
    data-flex-basis=&#34;426px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-12_10-42-03_Ut1nIZhITM.png&#34;
  width=&#34;412&#34;
  height=&#34;232&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;  &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;177&#34;
    data-flex-basis=&#34;426px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;兄弟节点 100 右旋，近侄节点 90 变黑，兄弟节点 100 变红。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-12_10-42-33_RAaz-XgwOH.png&#34;
  width=&#34;412&#34;
  height=&#34;232&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;  &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;177&#34;
    data-flex-basis=&#34;426px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-12_10-42-54_EFU7raX0a7.png&#34;
  width=&#34;412&#34;
  height=&#34;232&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;177&#34;
    data-flex-basis=&#34;426px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;此时并没有调整完成，以 null 节点为目标节点，转换成兄弟节点 90 为黑，远侄节点 100 为红的情况。左旋父节点 80，兄弟节点 90 颜色变为父节点 80 的颜色（此处为黑色），父节点 80 和远侄节点 100 变黑。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-12_10-47-25_R72TaJHCat.png&#34;
  width=&#34;412&#34;
  height=&#34;232&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;177&#34;
    data-flex-basis=&#34;426px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-12_10-47-34_-n2GuW0NB7.png&#34;
  width=&#34;412&#34;
  height=&#34;232&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;177&#34;
    data-flex-basis=&#34;426px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;&lt;code&gt;例2：&lt;/code&gt;删除节点 120。兄弟节点是红色，为情况 4。删除节点 120 后，使用 null 节点代替，作为当前节点。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-12_10-14-08_b6qMH6BP-F.png&#34;
  width=&#34;412&#34;
  height=&#34;232&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;  &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;177&#34;
    data-flex-basis=&#34;426px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-12_10-14-57_EJTNuXKBCI.png&#34;
  width=&#34;412&#34;
  height=&#34;232&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;  &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;177&#34;
    data-flex-basis=&#34;426px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;右旋父节点 100，兄弟节点 80 变黑，父节点 100 变红。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-12_10-36-23_4nTHWTBetU.png&#34;
  width=&#34;412&#34;
  height=&#34;232&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;177&#34;
    data-flex-basis=&#34;426px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-12_10-20-09_hRrx4gupDs.png&#34;
  width=&#34;412&#34;
  height=&#34;232&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;  &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;177&#34;
    data-flex-basis=&#34;426px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;此时并没有调整完成，以 null 节点为目标节点，转换成兄弟节点 90 为黑，侄节点全黑的情况。兄弟节点 90 变红，并递归检查。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-12_10-33-15_xwYcqnW7Ik.png&#34;
  width=&#34;412&#34;
  height=&#34;232&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;177&#34;
    data-flex-basis=&#34;426px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;删除只包含一个子节点的黑色节点该节点只可能是红色节点&#34;&gt;删除只包含一个子节点的黑色节点，该节点只可能是红色节点
&lt;/h3&gt;&lt;p&gt;只包含一个子节点时，这是唯一情况。目标节点为红色或者子节点为黑色，都会破坏红黑树的性质。&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;🧋 目标节点替换为红色子节点，且子节点变为黑色。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-11_12-39-47_tGIi43hMja.png&#34;
  width=&#34;235&#34;
  height=&#34;206&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;114&#34;
    data-flex-basis=&#34;273px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-11_12-39-59_dnh63OG8ei.png&#34;
  width=&#34;235&#34;
  height=&#34;206&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;114&#34;
    data-flex-basis=&#34;273px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;删除包含两个子节点的节点不论红黑&#34;&gt;删除包含两个子节点的节点（不论红黑）
&lt;/h3&gt;&lt;blockquote&gt;
&lt;p&gt;🧋 使用「左子树的最右节点&lt;sup id=&#34;fnref:6&#34;&gt;&lt;a href=&#34;#fn:6&#34; class=&#34;footnote-ref&#34; role=&#34;doc-noteref&#34;&gt;6&lt;/a&gt;&lt;/sup&gt;」代替该节点，颜色保持一致，仅替换内容。然后删除最右节点（跳转其他情况）。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-11_17-05-40_A1yrPdYsZC.png&#34;
  width=&#34;487&#34;
  height=&#34;304&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;原始树 原始树 &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;160&#34;
    data-flex-basis=&#34;384px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-11_17-06-03_u7J4LaHmEi.png&#34;
  width=&#34;487&#34;
  height=&#34;304&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;使用左子树的最右节点替换当前节点 使用左子树的最右节点替换当前节点 &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;160&#34;
    data-flex-basis=&#34;384px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-11_17-05-15_l7RxXM2Rc_.gif&#34;
  width=&#34;487&#34;
  height=&#34;304&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;调整树的结构 调整树的结构 &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;160&#34;
    data-flex-basis=&#34;384px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E7%BA%A2%E9%BB%91%E6%A0%91/assets/PixPin_2025-05-11_17-05-34_snwoW7gw9z.png&#34;
  width=&#34;487&#34;
  height=&#34;304&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;调整后的树 调整后的树 &#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;160&#34;
    data-flex-basis=&#34;384px&#34;
  
/&gt;
&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://zhuanlan.zhihu.com/p/166319823&#34;  title=&#34;红黑树的原理 (插入&amp;#43; 删除) 案例分析&#34;
     target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;红黑树的原理 (插入+ 删除) 案例分析&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://www.cs.usfca.edu/~galles/visualization/RedBlack.html&#34;  title=&#34;红黑树可视化网站&#34;
     target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;红黑树可视化网站&lt;/a&gt;&lt;/p&gt;
&lt;div class=&#34;footnotes&#34; role=&#34;doc-endnotes&#34;&gt;
&lt;hr&gt;
&lt;ol&gt;
&lt;li id=&#34;fn:1&#34;&gt;
&lt;p&gt;红色节点不会连续出现&amp;#160;&lt;a href=&#34;#fnref:1&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&#34;fn:2&#34;&gt;
&lt;p&gt;可能违反违反性质 4&amp;#160;&lt;a href=&#34;#fnref:2&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&#34;fn:3&#34;&gt;
&lt;p&gt;可能违反性质 4，一定违反性质 5&amp;#160;&lt;a href=&#34;#fnref:3&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&#34;fn:4&#34;&gt;
&lt;p&gt;左旋「父节点」之后，已经转化成了 LL 型的情况。&amp;#160;&lt;a href=&#34;#fnref:4&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&#34;fn:5&#34;&gt;
&lt;p&gt;右旋「父节点」之后，已经转化成了 RR 型的情况。&amp;#160;&lt;a href=&#34;#fnref:5&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&#34;fn:6&#34;&gt;
&lt;p&gt;也可以右子树的最左节点&amp;#160;&lt;a href=&#34;#fnref:6&#34; class=&#34;footnote-backref&#34; role=&#34;doc-backlink&#34;&gt;&amp;#x21a9;&amp;#xfe0e;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/div&gt;
</description>
        </item>
        <item>
        <title>Halcon例程笔记</title>
        <link>https://zeroszhang.github.io/p/halcon%E4%BE%8B%E7%A8%8B%E7%AC%94%E8%AE%B0/</link>
        <pubDate>Thu, 20 Feb 2025 15:55:19 +0800</pubDate>
        
        <guid>https://zeroszhang.github.io/p/halcon%E4%BE%8B%E7%A8%8B%E7%AC%94%E8%AE%B0/</guid>
        <description>&lt;img src="https://zeroszhang.github.io/p/halcon%E4%BE%8B%E7%A8%8B%E7%AC%94%E8%AE%B0/Title.jpg" alt="Featured image of post Halcon例程笔记" /&gt;&lt;p&gt;最近发现 Halcon 的官方手册写得很好，于是详细阅读并做笔记。&lt;/p&gt;
&lt;p&gt;在我的笔记系统中包含以下文档的中文翻译：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Solution Guide I.pdf&lt;/li&gt;
&lt;li&gt;Solution Guide II-A.pdf&lt;/li&gt;
&lt;li&gt;Solution Guide II-B.pdf&lt;/li&gt;
&lt;li&gt;Solution Guide II-C.pdf&lt;/li&gt;
&lt;li&gt;Solution Guide II-D.pdf&lt;/li&gt;
&lt;li&gt;Solution Guide III-A.pdf&lt;/li&gt;
&lt;li&gt;Solution Guide III-B.pdf&lt;/li&gt;
&lt;li&gt;Solution Guide III-C.pdf&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;文档中的案例都做了详细的笔记：&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/halcon%E4%BE%8B%E7%A8%8B%E7%AC%94%E8%AE%B0/assets/PixPin_2025-02-20_15-54-07-1748076912939-3.png&#34;
  width=&#34;1458&#34;
  height=&#34;875&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;166&#34;
    data-flex-basis=&#34;399px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;部分例程学习后整理上传到此处：&lt;a class=&#34;link&#34; href=&#34;https://gitee.com/Zeros_Zhang/HalconExample&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;Halcon 例程&lt;/a&gt;&lt;/p&gt;
</description>
        </item>
        <item>
        <title>Microsoft Rewards 自动获取助手</title>
        <link>https://zeroszhang.github.io/p/microsoft-rewards-%E8%87%AA%E5%8A%A8%E8%8E%B7%E5%8F%96%E5%8A%A9%E6%89%8B/</link>
        <pubDate>Thu, 06 Feb 2025 15:44:39 +0800</pubDate>
        
        <guid>https://zeroszhang.github.io/p/microsoft-rewards-%E8%87%AA%E5%8A%A8%E8%8E%B7%E5%8F%96%E5%8A%A9%E6%89%8B/</guid>
        <description>&lt;img src="https://zeroszhang.github.io/p/microsoft-rewards-%E8%87%AA%E5%8A%A8%E8%8E%B7%E5%8F%96%E5%8A%A9%E6%89%8B/Title.jpg" alt="Featured image of post Microsoft Rewards 自动获取助手" /&gt;&lt;h2 id=&#34;关于-microsoft-rewards&#34;&gt;关于 Microsoft Rewards
&lt;/h2&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/microsoft-rewards-%E8%87%AA%E5%8A%A8%E8%8E%B7%E5%8F%96%E5%8A%A9%E6%89%8B/assets/ZMicrosoftRewards-1748076929110-5.png&#34;
  width=&#34;1567&#34;
  height=&#34;324&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;483&#34;
    data-flex-basis=&#34;1160px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;&lt;code&gt;Microsoft Rewards&lt;/code&gt; 是微软出品的一款软件，可以通过搜索 &lt;code&gt;Bing&lt;/code&gt; 来获取奖励，奖励的种类有很多，包括现金、积分、礼品等。但是我老是忘记搜索 &lt;code&gt;Bing&lt;/code&gt;，因此就实现了一个软件，帮助我每天自动搜索 &lt;code&gt;Bing&lt;/code&gt;。&lt;/p&gt;
&lt;p&gt;我并没有将该功能添加到 &lt;code&gt;ZerosTodo&lt;/code&gt; 中，因为我并不希望该功能影响我正常使用电脑，所以我拿了一个老笔记本安装了 &lt;code&gt;Windows Server 2016&lt;/code&gt;，当作我的服务器。&lt;/p&gt;
&lt;p&gt;另外，&lt;code&gt;Rewards&lt;/code&gt; 也有手机端的搜索任务，但是手机我是随身带着，所以我并没有实现安卓端的软件，直接使用油猴脚本进行替代。&lt;/p&gt;
&lt;h2 id=&#34;关于-rewardsautomate&#34;&gt;关于 RewardsAutoMate
&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;自动搜索功能&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;该软件用于在 PC 端获取随机的搜索关键词，自动搜索 &lt;code&gt;Bing&lt;/code&gt;，每天搜索 40 次，每隔 12 个小时执行一次任务。如果当天已经完成了任务，则不会继续执行。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/microsoft-rewards-%E8%87%AA%E5%8A%A8%E8%8E%B7%E5%8F%96%E5%8A%A9%E6%89%8B/assets/ZAutoSearch-1748076929110-6.png&#34;
  width=&#34;855&#34;
  height=&#34;785&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;108&#34;
    data-flex-basis=&#34;261px&#34;
  
/&gt;
&lt;/p&gt;
&lt;ol start=&#34;2&#34;&gt;
&lt;li&gt;热力图功能&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;为了记录每天的搜索情况，该软件会生成如 &lt;code&gt;Github&lt;/code&gt; 的热力图，用于记录每天的搜索情况。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/microsoft-rewards-%E8%87%AA%E5%8A%A8%E8%8E%B7%E5%8F%96%E5%8A%A9%E6%89%8B/assets/ZHeatMap-1748076929110-7.png&#34;
  width=&#34;1510&#34;
  height=&#34;635&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;该图片使用随机数据&#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;237&#34;
    data-flex-basis=&#34;570px&#34;
  
/&gt;
&lt;/p&gt;
&lt;ol start=&#34;3&#34;&gt;
&lt;li&gt;自动登录功能&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;code&gt;Rewards&lt;/code&gt; 和微软账号相关，所以在打开 &lt;code&gt;EdgeDriver&lt;/code&gt; 时，要调用本地的账户信息进行登录。&lt;/p&gt;
&lt;p&gt;项目代码上传到此处：&lt;a class=&#34;link&#34; href=&#34;https://gitee.com/Zeros_Zhang/rewards-auto-mate&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;RewardsAutoMate&lt;/a&gt;&lt;/p&gt;
&lt;h2 id=&#34;更新记录&#34;&gt;更新记录
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;2025年4月18日 更新：通过 &lt;code&gt;UserAgent&lt;/code&gt; 伪装成移动设备，这样可以在 &lt;code&gt;PC&lt;/code&gt; 端实现移动端的搜索。&lt;/li&gt;
&lt;/ul&gt;
</description>
        </item>
        <item>
        <title>软件推荐</title>
        <link>https://zeroszhang.github.io/p/%E8%BD%AF%E4%BB%B6%E6%8E%A8%E8%8D%90/</link>
        <pubDate>Fri, 17 Jan 2025 16:41:10 +0800</pubDate>
        
        <guid>https://zeroszhang.github.io/p/%E8%BD%AF%E4%BB%B6%E6%8E%A8%E8%8D%90/</guid>
        <description>&lt;img src="https://zeroszhang.github.io/p/%E8%BD%AF%E4%BB%B6%E6%8E%A8%E8%8D%90/Title.jpg" alt="Featured image of post 软件推荐" /&gt;&lt;h2 id=&#34;3d设计软件-freecad&#34;&gt;3D设计软件 FreeCAD
&lt;/h2&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://github.com/FreeCAD/FreeCAD&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://github.com/FreeCAD/FreeCAD&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;日常工作需要审核机械设计师在 &lt;code&gt;Solidworks&lt;/code&gt; 中绘制的 3D 图纸，于是就下了这个开源软件。该软件还支持 3D 设计，但是我没有这种需求。&lt;/p&gt;
&lt;p&gt;让我同事在 &lt;code&gt;Solidworks&lt;/code&gt; 中导出 &lt;code&gt;Step&lt;/code&gt; 文件，再在 &lt;code&gt;FreeCAD&lt;/code&gt; 中打开即可。第一次打开 &lt;code&gt;step&lt;/code&gt; 时要设置文本编码方式，选择 &lt;code&gt;GBK&lt;/code&gt;，否则 &lt;code&gt;step&lt;/code&gt; 文件中的中文会乱码。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E8%BD%AF%E4%BB%B6%E6%8E%A8%E8%8D%90/assets/ZFreeCAD-1748076949464-11.png&#34;
  width=&#34;1921&#34;
  height=&#34;1033&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;185&#34;
    data-flex-basis=&#34;446px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;远程桌面-1remote&#34;&gt;远程桌面 1Remote
&lt;/h2&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://github.com/1Remote/1Remote&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://github.com/1Remote/1Remote&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;开源软件，该软件可以记录多个远程桌面的配置（IP地址+用户+密码），下次使用双击打开即可。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E8%BD%AF%E4%BB%B6%E6%8E%A8%E8%8D%90/assets/Z1Remote-1748076949464-14.png&#34;
  width=&#34;700&#34;
  height=&#34;500&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;140&#34;
    data-flex-basis=&#34;336px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;rss阅读-follow&#34;&gt;RSS阅读 Follow
&lt;/h2&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://github.com/RSSNext/follow&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://github.com/RSSNext/follow&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;开源软件，可以使用RSS订阅很多网站，这样每天只要打开 Follow 就可以看到很多网站的更新。另外还有一点好处是可以看到其他用户订阅的内容，这样可以扩展自己的知识面。&lt;/p&gt;
&lt;p&gt;这个软件的功能是受限的，想解锁需要激活码，我是问别人要的。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E8%BD%AF%E4%BB%B6%E6%8E%A8%E8%8D%90/assets/ZFollow-1748076949464-12.png&#34;
  width=&#34;1922&#34;
  height=&#34;1034&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;185&#34;
    data-flex-basis=&#34;446px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;笔记软件-wolai&#34;&gt;笔记软件 Wolai
&lt;/h2&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://www.wolai.com/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.wolai.com/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;国内仿 Notion 比较好的软件，挺好用，需要按年开会员，否则功能受限。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E8%BD%AF%E4%BB%B6%E6%8E%A8%E8%8D%90/assets/ZWolai-1748076949464-13.png&#34;
  width=&#34;1916&#34;
  height=&#34;1021&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;187&#34;
    data-flex-basis=&#34;450px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;输入法中英文提示软件-inputtip&#34;&gt;输入法中英文提示软件 InputTip
&lt;/h2&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://github.com/abgox/InputTip&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://github.com/abgox/InputTip&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;写代码的时候需要频繁切换中英文，老是忘记看右下角，有了这个软件之后在输入的地方就会有一个悬浮图标指示大写/中文/英文。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E8%BD%AF%E4%BB%B6%E6%8E%A8%E8%8D%90/assets/ZInputTip-1748076949464-16.png&#34;
  width=&#34;891&#34;
  height=&#34;521&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;171&#34;
    data-flex-basis=&#34;410px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;截图软件-pixpin&#34;&gt;截图软件 PixPin
&lt;/h2&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://pixpin.cn/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://pixpin.cn/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;贼好用的截图软件，完全覆盖了 Snipaste 的功能，除此以外可以离线OCR，长截图，录制Gif，功能很多。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E8%BD%AF%E4%BB%B6%E6%8E%A8%E8%8D%90/assets/ZPixPin-1748076949464-15.png&#34;
  width=&#34;657&#34;
  height=&#34;431&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;152&#34;
    data-flex-basis=&#34;365px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;文件同步软件-坚果云&#34;&gt;文件同步软件 坚果云
&lt;/h2&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://www.jianguoyun.com/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.jianguoyun.com/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;可以无感同步文件，在不同的电脑上访问，我用的是免费的 1G 空间，同步一些日常用的文件。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E8%BD%AF%E4%BB%B6%E6%8E%A8%E8%8D%90/assets/Z%E5%9D%9A%E6%9E%9C%E4%BA%91-1748076949464-17.png&#34;
  width=&#34;438&#34;
  height=&#34;638&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;68&#34;
    data-flex-basis=&#34;164px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;数据库管理软件-heidi-sql&#34;&gt;数据库管理软件 Heidi SQL
&lt;/h2&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://www.heidisql.com/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.heidisql.com/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;开源的数据库管理软件，支持很多类型的连接。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E8%BD%AF%E4%BB%B6%E6%8E%A8%E8%8D%90/assets/ZHeidiSQL-1748076949464-18.png&#34;
  width=&#34;686&#34;
  height=&#34;483&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;142&#34;
    data-flex-basis=&#34;340px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;视频播放器-potplayer&#34;&gt;视频播放器 PotPlayer
&lt;/h2&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;http://www.potplayercn.com/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;http://www.potplayercn.com/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;贼好用的视频播放器，功能很多，比如倍速播放，看直播源等等。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E8%BD%AF%E4%BB%B6%E6%8E%A8%E8%8D%90/assets/ZPotPlayer-1748076949464-20.png&#34;
  width=&#34;663&#34;
  height=&#34;260&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;255&#34;
    data-flex-basis=&#34;612px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;markdown编辑器-typora&#34;&gt;Markdown编辑器 Typora
&lt;/h2&gt;&lt;p&gt;好用的 Markdown 编辑器，比其他的编辑器都好用，主要是很方便预览。&lt;/p&gt;
&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://typora.io/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://typora.io/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E8%BD%AF%E4%BB%B6%E6%8E%A8%E8%8D%90/assets/ZTypora-1748076949464-19.png&#34;
  width=&#34;1467&#34;
  height=&#34;917&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;159&#34;
    data-flex-basis=&#34;383px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;简易csharp编辑器-linqpad-8&#34;&gt;简易CSharp编辑器 LinqPad 8
&lt;/h2&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://www.linqpad.net/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.linqpad.net/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;很方便的 C# 编辑器，使用 BenchMark 特别方便，跟写 Python 一样。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E8%BD%AF%E4%BB%B6%E6%8E%A8%E8%8D%90/assets/ZLinqPad-1748076949464-21.png&#34;
  width=&#34;1343&#34;
  height=&#34;779&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;172&#34;
    data-flex-basis=&#34;413px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;多功能编辑器-vscode&#34;&gt;多功能编辑器 VSCode
&lt;/h2&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://code.visualstudio.com/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://code.visualstudio.com/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;支持的文件很多，比如装插件可以看 SQL.db 文件，可以看 Excel 文件，算是高级文本编辑器。&lt;/p&gt;
&lt;p&gt;还可以使用 Polyglot NoteBook 写 C#，跟 Jupyter NoteBook 类似，但是会有一些限制，而且代码提示没有 LinqPad 8 好用。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E8%BD%AF%E4%BB%B6%E6%8E%A8%E8%8D%90/assets/ZVSCode-1748076949464-22.png&#34;
  width=&#34;1911&#34;
  height=&#34;1025&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;186&#34;
    data-flex-basis=&#34;447px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;文本编辑器-notpad--&#34;&gt;文本编辑器 Notpad&amp;ndash;
&lt;/h2&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://gitee.com/cxasm/notepad--&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://gitee.com/cxasm/notepad--&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;选择这个文本编辑器有几点原因：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;操作逻辑和VS2022相同&lt;/li&gt;
&lt;li&gt;不用折腾&lt;/li&gt;
&lt;li&gt;支持多标签&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E8%BD%AF%E4%BB%B6%E6%8E%A8%E8%8D%90/assets/image-20250524190247538.png&#34;
  width=&#34;1313&#34;
  height=&#34;872&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;150&#34;
    data-flex-basis=&#34;361px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;多功能启动器-utools&#34;&gt;多功能启动器 uTools
&lt;/h2&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://www.u.tools/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://www.u.tools/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;神。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E8%BD%AF%E4%BB%B6%E6%8E%A8%E8%8D%90/assets/ZuTools-1748076949464-23.png&#34;
  width=&#34;883&#34;
  height=&#34;291&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;303&#34;
    data-flex-basis=&#34;728px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;右键菜单美化-nilesoft-shell&#34;&gt;右键菜单美化 NileSoft Shell
&lt;/h2&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://nilesoft.org/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://nilesoft.org/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;升级 Windows 11 后右键菜单不是很好用，所以下了这个软件，给右键菜单新增了额外的功能，并且颜值很高。&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;这个软件有个问题，&lt;code&gt;发送到&lt;/code&gt;这个菜单显示空白，我两台电脑都有这个问题，但是我在网上没搜到相同的问题。&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E8%BD%AF%E4%BB%B6%E6%8E%A8%E8%8D%90/assets/ZNileSoftShell-1748076949464-25.png&#34;
  width=&#34;235&#34;
  height=&#34;354&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;66&#34;
    data-flex-basis=&#34;159px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;快速预览-quicklook&#34;&gt;快速预览 QuickLook
&lt;/h2&gt;&lt;p&gt;&lt;a class=&#34;link&#34; href=&#34;https://github.com/QL-Win/QuickLook&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://github.com/QL-Win/QuickLook&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;跟 &lt;code&gt;MacOS&lt;/code&gt; 一样的按空格预览文件的功能。需要额外下载插件，我下载了DrawIO，Office预览。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E8%BD%AF%E4%BB%B6%E6%8E%A8%E8%8D%90/assets/ZQuickLook-1748076949464-26.png&#34;
  width=&#34;1393&#34;
  height=&#34;776&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;179&#34;
    data-flex-basis=&#34;430px&#34;
  
/&gt;
&lt;/p&gt;
</description>
        </item>
        <item>
        <title>ZerosTodo 个人助手</title>
        <link>https://zeroszhang.github.io/p/zerostodo-%E4%B8%AA%E4%BA%BA%E5%8A%A9%E6%89%8B/</link>
        <pubDate>Fri, 17 Jan 2025 16:39:45 +0800</pubDate>
        
        <guid>https://zeroszhang.github.io/p/zerostodo-%E4%B8%AA%E4%BA%BA%E5%8A%A9%E6%89%8B/</guid>
        <description>&lt;img src="https://zeroszhang.github.io/p/zerostodo-%E4%B8%AA%E4%BA%BA%E5%8A%A9%E6%89%8B/Title.jpg" alt="Featured image of post ZerosTodo 个人助手" /&gt;&lt;h2 id=&#34;碰到的问题&#34;&gt;碰到的问题
&lt;/h2&gt;&lt;p&gt;在日常的工作中，碰到几个问题：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;经常忘记个别要做的事情&lt;/li&gt;
&lt;li&gt;某个事情做完几天后，忘记了当时的情况&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;因此就实现了一个软件 &lt;code&gt;ZerosTodo&lt;/code&gt; ，帮助我日常更方便的工作。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/zerostodo-%E4%B8%AA%E4%BA%BA%E5%8A%A9%E6%89%8B/assets/ZerosTodo-1748076960651-43.png&#34;
  width=&#34;913&#34;
  height=&#34;548&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;166&#34;
    data-flex-basis=&#34;399px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;这个软件目前（2025 年 2 月 6 日）包含两个功能：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;从 &lt;code&gt;wolai&lt;/code&gt; 的特定页面中获取最近要做的几个事情&lt;/li&gt;
&lt;li&gt;每隔 5 秒截图屏幕并保存&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;对于需求 1，为了区别于正常的待办软件，我的软件里并没有待办的概念，而是直接把最近要做的几个事情显示在软件的界面上，并置顶悬浮于所有软件上面。我在屏幕专门留了一个角落给他。&lt;/p&gt;
&lt;p&gt;对于需求 2，我遍历当前所有的屏幕，并对每个屏幕截图，按照日期保存到指定的文件夹中。同时，为了避免硬盘占用太多，额外新增了一个配置项，超过 90 天的文件夹将会被删除。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/zerostodo-%E4%B8%AA%E4%BA%BA%E5%8A%A9%E6%89%8B/assets/ZerosTodoWolai-1748076960651-46.png&#34;
  width=&#34;784&#34;
  height=&#34;411&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;190&#34;
    data-flex-basis=&#34;457px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/zerostodo-%E4%B8%AA%E4%BA%BA%E5%8A%A9%E6%89%8B/assets/ZerosTodoLog-1748076960651-44.png&#34;
  width=&#34;784&#34;
  height=&#34;411&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;190&#34;
    data-flex-basis=&#34;457px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;项目代码上传到此处：&lt;a class=&#34;link&#34; href=&#34;https://gitee.com/Zeros_Zhang/ZerosTodo&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;ZerosTodo&lt;/a&gt;&lt;/p&gt;
&lt;h2 id=&#34;更新记录&#34;&gt;更新记录
&lt;/h2&gt;&lt;p&gt;2025 年 3 月 18 日更新：新增文字朗读的功能，优化 UI 界面。这个功能可以上传 TxT 文件，并调用 Windows 的语音包朗读内容。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/zerostodo-%E4%B8%AA%E4%BA%BA%E5%8A%A9%E6%89%8B/assets/PixPin_2025-04-18_17-40-58-1748076960651-45.png&#34;
  width=&#34;786&#34;
  height=&#34;443&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;177&#34;
    data-flex-basis=&#34;425px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;2025 年 5 月 26 日更新：新增朗读剪贴板文字的功能。在常驻窗口中增加了一个小按钮，让我可以方便的使用该功能。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/zerostodo-%E4%B8%AA%E4%BA%BA%E5%8A%A9%E6%89%8B/assets/PixPin_2025-05-26_17-41-08.png&#34;
  width=&#34;274&#34;
  height=&#34;267&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;102&#34;
    data-flex-basis=&#34;246px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;2025 年 6 月 9 日更新：新增了一个临时记事本功能。可以拖拽内容到悬浮窗口会自动添加内容到临时记事本，也可以直接在临时记事本界面按下 Ctrl+V 添加剪贴板功能。临时记事本会在鼠标离开后的 3 秒自动关闭。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/zerostodo-%E4%B8%AA%E4%BA%BA%E5%8A%A9%E6%89%8B/assets/2025%E5%B9%B46%E6%9C%889%E6%97%A5.png&#34;
  width=&#34;869&#34;
  height=&#34;596&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;145&#34;
    data-flex-basis=&#34;349px&#34;
  
/&gt;
&lt;/p&gt;
</description>
        </item>
        <item>
        <title>我的笔记系统</title>
        <link>https://zeroszhang.github.io/p/%E6%88%91%E7%9A%84%E7%AC%94%E8%AE%B0%E7%B3%BB%E7%BB%9F/</link>
        <pubDate>Fri, 17 Jan 2025 16:38:10 +0800</pubDate>
        
        <guid>https://zeroszhang.github.io/p/%E6%88%91%E7%9A%84%E7%AC%94%E8%AE%B0%E7%B3%BB%E7%BB%9F/</guid>
        <description>&lt;img src="https://zeroszhang.github.io/p/%E6%88%91%E7%9A%84%E7%AC%94%E8%AE%B0%E7%B3%BB%E7%BB%9F/title.jpg" alt="Featured image of post 我的笔记系统" /&gt;&lt;h2 id=&#34;关于笔记软件&#34;&gt;关于笔记软件
&lt;/h2&gt;&lt;p&gt;迄今为止，我使用过一些笔记软件，比如 AnyType，Notion，语雀，思源，Obsidian，Logseq，TiddlyWiki，Trilium，Joplin，飞书，wolai 等软件，最终我的选择是 wolai，原因是「中文」和「不用折腾插件/同步等问题」。&lt;/p&gt;
&lt;p&gt;另外其他几个软件都或多或少有一些不是很符合我需求的问题：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;TiddlyWiki：用法比较奇怪，会把所有的笔记记录到一个 HTML 文件中，我不太习惯。&lt;/li&gt;
&lt;li&gt;飞书：「画布」功能是所有软件里做的最好的，能够把「流程图」和「思维导图」合并在一起，但是飞书软件太大了，而且得安装插件才可以导出 Markdown 格式。&lt;/li&gt;
&lt;li&gt;Obsidian：网上特别多人使用的笔记软件，有插件系统，可以说是一个笔记版本的 VSCode，但是太折腾了。&lt;/li&gt;
&lt;li&gt;语雀：之前使用的笔记软件，并且在该平台上创建了我第一版博客，后来语雀必须冲会员才能公开博客，所以我就放弃了。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;wolai 是国内仿 Notion 很成功的一款软件，最近还被阿里巴巴收购了，合并到钉钉个人版中。由于免费版能使用的功能较少，所以我买了 6 年的会员。&lt;/p&gt;
&lt;p&gt;在此推荐：https://www.wolai.com/signup?invitation=7VKA7NI&lt;/p&gt;
&lt;h2 id=&#34;笔记结构&#34;&gt;笔记结构
&lt;/h2&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E6%88%91%E7%9A%84%E7%AC%94%E8%AE%B0%E7%B3%BB%E7%BB%9F/assets/image-20250520122803569-1748076967791-53.png&#34;
  width=&#34;1907&#34;
  height=&#34;1023&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;186&#34;
    data-flex-basis=&#34;447px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;我大致将我的笔记分为以下几个部分：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;临时缓存：用于存储网页分享，微信助手，临时记录等内容&lt;/li&gt;
&lt;li&gt;时光记录：个人日记&lt;/li&gt;
&lt;li&gt;读书笔记：包含看过的书/论坛/网页等的总结和注释&lt;/li&gt;
&lt;li&gt;文档：技术性的一些文档，如 C#/自动化/视觉/OpenCV/OpenGL 等&lt;/li&gt;
&lt;li&gt;折腾记录：一些零碎的知识点&lt;/li&gt;
&lt;li&gt;标签：都是空白的页面，给其他页面引用，以实现 wolai 中没有的标签系统&lt;/li&gt;
&lt;li&gt;归档：草稿内容&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E6%88%91%E7%9A%84%E7%AC%94%E8%AE%B0%E7%B3%BB%E7%BB%9F/assets/image-20250520123350912-1748076967791-51.png&#34;
  width=&#34;1056&#34;
  height=&#34;903&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;116&#34;
    data-flex-basis=&#34;280px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E6%88%91%E7%9A%84%E7%AC%94%E8%AE%B0%E7%B3%BB%E7%BB%9F/assets/image-20250520123444514-1748076967791-52.png&#34;
  width=&#34;1056&#34;
  height=&#34;903&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;116&#34;
    data-flex-basis=&#34;280px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/%E6%88%91%E7%9A%84%E7%AC%94%E8%AE%B0%E7%B3%BB%E7%BB%9F/assets/image-20250520123421359-1748076967792-54.png&#34;
  width=&#34;1056&#34;
  height=&#34;903&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;116&#34;
    data-flex-basis=&#34;280px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;博客更新笔记内容&#34;&gt;博客更新笔记内容
&lt;/h2&gt;&lt;p&gt;由于我的笔记中内容太多，并且有很多内容不适合公开，因此该博客内，仅更新部分我觉得比较好的内容，可以点击 &lt;code&gt;笔记&lt;/code&gt; 标签查找这部分内容。&lt;/p&gt;
</description>
        </item>
        <item>
        <title>WPF控件库 BaseWPFControl</title>
        <link>https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/</link>
        <pubDate>Fri, 17 Jan 2025 11:25:07 +0800</pubDate>
        
        <guid>https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/</guid>
        <description>&lt;img src="https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/Title.jpg" alt="Featured image of post WPF控件库 BaseWPFControl" /&gt;&lt;h2 id=&#34;简介&#34;&gt;简介
&lt;/h2&gt;&lt;p&gt;&lt;code&gt;BaseWPFControl&lt;/code&gt; 是一个 &lt;code&gt;dll&lt;/code&gt;，基于 &lt;code&gt;.net 8.0&lt;/code&gt; 和 &lt;code&gt;WPF&lt;/code&gt; 框架实现，用于提供控件样式（包含基础控件和额外控件）。&lt;/p&gt;
&lt;h2 id=&#34;基础控件&#34;&gt;基础控件
&lt;/h2&gt;&lt;h3 id=&#34;button&#34;&gt;Button
&lt;/h3&gt;&lt;p&gt;重写了基础控件 &lt;code&gt;Button&lt;/code&gt; 的样式。&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;新增 &lt;code&gt;BaseWPFControl:ButtonProperty.Icon&lt;/code&gt; 附加属性用于提供按钮图标&lt;/li&gt;
&lt;li&gt;提供圆角&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt; 1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 5
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 6
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 7
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 8
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 9
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;10
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;11
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;12
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;13
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;14
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;15
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;16
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;17
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;18
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-xml&#34; data-lang=&#34;xml&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;Button&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Content=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;纯文字按钮&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Margin=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;10&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;Button&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Content=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;图标&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Margin=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;10&amp;#34;&lt;/span&gt; 
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;na&#34;&gt;BaseWPFControl:ButtonProperty.Icon=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{StaticResource HomePage}&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;Button&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Content=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;圆形按钮&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Margin=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;10&amp;#34;&lt;/span&gt; 
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;na&#34;&gt;Style=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{StaticResource CircleButtonStyle}&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;Button&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Content=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;带图标的圆形按钮&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Margin=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;10&amp;#34;&lt;/span&gt; 
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;na&#34;&gt;Style=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{StaticResource CircleButtonStyle}&amp;#34;&lt;/span&gt; 
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;na&#34;&gt;BaseWPFControl:ButtonProperty.Icon=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{StaticResource HomePage}&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;Button&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Content=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;跑道形按钮&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Margin=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;10&amp;#34;&lt;/span&gt; 
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;na&#34;&gt;Style=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{StaticResource RoundButtonStyle}&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;Button&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Content=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;图标&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Margin=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;10&amp;#34;&lt;/span&gt; 
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;na&#34;&gt;Style=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{StaticResource RoundButtonStyle}&amp;#34;&lt;/span&gt; 
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;na&#34;&gt;BaseWPFControl:ButtonProperty.Icon=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{StaticResource HomePage}&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/%E6%99%AE%E9%80%9A%E6%8C%89%E9%92%AE-1748076976389-59.png&#34;
  width=&#34;679&#34;
  height=&#34;61&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;1113&#34;
    data-flex-basis=&#34;2671px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;针对不启用和不可点击的按钮，做出了区分，分别对应 &lt;code&gt;IsEnabled&lt;/code&gt; 和 &lt;code&gt;IsHitTestVisible&lt;/code&gt; 属性。&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-xml&#34; data-lang=&#34;xml&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;Button&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Content=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;不启用&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;IsEnabled=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;False&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Margin=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;10&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;Button&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Content=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;不可点击&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;IsHitTestVisible=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;False&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Margin=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;10&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/Button%E5%8C%BA%E5%88%86%E4%B8%8D%E5%90%AF%E7%94%A8%E5%92%8C%E4%B8%8D%E5%8F%AF%E7%82%B9%E5%87%BB-1748076976389-60.png&#34;
  width=&#34;278&#34;
  height=&#34;51&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;545&#34;
    data-flex-basis=&#34;1308px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;之所以这样去做目的是为了 &lt;code&gt;GPIO&lt;/code&gt; 的控制，&lt;code&gt;GPI&lt;/code&gt; 不可点击，&lt;code&gt;GPO&lt;/code&gt; 可点击。&lt;/p&gt;
&lt;p&gt;提供了两种相似的样式 &lt;code&gt;BooleanStateButtonStyle&lt;/code&gt; 和 &lt;code&gt;BooleanToggleButtonStyle&lt;/code&gt;。前者对应于 &lt;code&gt;GPI&lt;/code&gt;，不可点击，仅用于展示 &lt;code&gt;GPI&lt;/code&gt; 状态，后者对应于 &lt;code&gt;GPO&lt;/code&gt;，既可以展示 &lt;code&gt;GPO&lt;/code&gt; 状态，又可以通过点击切换状态。&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-xml&#34; data-lang=&#34;xml&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;Button&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Style=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{StaticResource BooleanStateButtonStyle}&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Margin=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;10&amp;#34;&lt;/span&gt; 
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;na&#34;&gt;Tag=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{Binding State}&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;Button&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Style=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{StaticResource BooleanToggleButtonStyle}&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Margin=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;10&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;na&#34;&gt;Tag=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{Binding State}&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Command=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{Binding ChangeStateCommand}&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/ButtonStateToggle%E5%85%B3%E9%97%AD-1748076976389-61.png&#34;
  width=&#34;119&#34;
  height=&#34;55&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;216&#34;
    data-flex-basis=&#34;519px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/ButtonStateToggle%E5%BC%80%E5%90%AF-1748076976389-64.png&#34;
  width=&#34;119&#34;
  height=&#34;55&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;216&#34;
    data-flex-basis=&#34;519px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;togglebutton&#34;&gt;ToggleButton
&lt;/h3&gt;&lt;p&gt;基于 &lt;code&gt;ToggleButton&lt;/code&gt; 重写样式，该控件的本意是用于 &lt;code&gt;GPIO&lt;/code&gt; 的控制&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-xml&#34; data-lang=&#34;xml&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;ToggleButton&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;IsChecked=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{Binding State}&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Margin=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;10&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;ToggleButton&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;IsChecked=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{Binding State}&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Margin=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;10&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;IsEnabled=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;False&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/ToggleButton%E5%85%B3%E9%97%AD-1748076976389-62.png&#34;
  width=&#34;214&#34;
  height=&#34;55&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;389&#34;
    data-flex-basis=&#34;933px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/ToggleButton%E5%BC%80%E5%90%AF-1748076976389-63.png&#34;
  width=&#34;214&#34;
  height=&#34;55&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;389&#34;
    data-flex-basis=&#34;933px&#34;
  
/&gt;
&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;最终方案如下：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;GPI&lt;/code&gt; 使用 &lt;code&gt;Button&lt;/code&gt; 的 &lt;code&gt;BooleanStateButtonStyle&lt;/code&gt; 样式&lt;/li&gt;
&lt;li&gt;&lt;code&gt;GPO&lt;/code&gt; 使用 &lt;code&gt;ToggleButton&lt;/code&gt; 的默认样式。&lt;/li&gt;
&lt;/ul&gt;
&lt;/blockquote&gt;
&lt;h3 id=&#34;radiobutton&#34;&gt;RadioButton
&lt;/h3&gt;&lt;p&gt;重写 RadioButton 的样式，主要优化如下：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;勾选后样式变化&lt;/li&gt;
&lt;li&gt;勾选框尺寸跟随字体尺寸变化&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;5
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-xml&#34; data-lang=&#34;xml&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;RadioButton&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Content=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;未勾选&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;RadioButton&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Content=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;勾选&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;IsChecked=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;True&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;RadioButton&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Content=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;未勾选未启用&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;IsEnabled=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;False&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;IsChecked=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;False&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;RadioButton&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Content=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;勾选未启用&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;IsEnabled=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;False&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;IsChecked=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;True&amp;#34;&lt;/span&gt;  &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;RadioButton&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Content=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;大字体&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;FontSize=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;30&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/RadioButton-1748076976389-65.png&#34;
  width=&#34;592&#34;
  height=&#34;44&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;1345&#34;
    data-flex-basis=&#34;3229px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;checkbox&#34;&gt;CheckBox
&lt;/h3&gt;&lt;p&gt;重写 CheckBox 的样式，主要优化如下：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;勾选后样式变化&lt;/li&gt;
&lt;li&gt;勾选框圆角&lt;/li&gt;
&lt;li&gt;勾选框尺寸跟随字体尺寸变化&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;5
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-xml&#34; data-lang=&#34;xml&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;CheckBox&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Content=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;未勾选&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;CheckBox&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Content=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;勾选&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;IsChecked=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;True&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;CheckBox&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Content=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;未勾选未启用&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;IsEnabled=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;False&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;IsChecked=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;False&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;CheckBox&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Content=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;勾选未启用&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;IsEnabled=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;False&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;IsChecked=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;True&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;CheckBox&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Content=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;大字体&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;FontSize=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;30&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/CheckBox-1748076976389-68.png&#34;
  width=&#34;592&#34;
  height=&#34;44&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;1345&#34;
    data-flex-basis=&#34;3229px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;combobox&#34;&gt;ComboBox
&lt;/h3&gt;&lt;p&gt;重写 ComboBox 样式，主要优化如下：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;圆角属性&lt;/li&gt;
&lt;li&gt;提供 ComboBox 绑定枚举值的扩展语法 EnumBindingSource&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt; 1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 5
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 6
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 7
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 8
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 9
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;10
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;11
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;12
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;13
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;14
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;15
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;16
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;17
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;18
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;19
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;20
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;21
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;22
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;23
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;24
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;25
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;26
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;27
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;28
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;29
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;30
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;31
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;32
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-xml&#34; data-lang=&#34;xml&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;c&#34;&gt;&amp;lt;!--示例1：ComboBox绑定枚举值--&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;ComboBox&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Margin=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;10&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Width=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;120&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;          &lt;span class=&#34;na&#34;&gt;ItemsSource=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{BaseWPFControl:EnumBindingSource 
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;s&#34;&gt;                                        EnumType=BaseTest:EnumDayOfWeek}&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;          &lt;span class=&#34;na&#34;&gt;SelectedItem=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{Binding SelectedEnumDayOfWeek}&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;&amp;lt;ComboBox.ItemTemplate&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;nt&#34;&gt;&amp;lt;DataTemplate&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;            &lt;span class=&#34;nt&#34;&gt;&amp;lt;TextBlock&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Text=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{Binding 
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;s&#34;&gt;                       Converter={StaticResource EnumToDescriptionConverter}, 
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;s&#34;&gt;                       Mode=OneWay}&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;nt&#34;&gt;&amp;lt;/DataTemplate&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;&amp;lt;/ComboBox.ItemTemplate&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;/ComboBox&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;c&#34;&gt;&amp;lt;!--示例2：不启用ComboBox--&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;ComboBox&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Margin=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;10&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Width=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;120&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;IsEnabled=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;False&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;&amp;lt;ComboBoxItem&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Content=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;1&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;IsSelected=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;True&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;/ComboBox&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;c&#34;&gt;&amp;lt;!--示例3：ComboBox绑定字典--&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;c&#34;&gt;&amp;lt;!--note：需要设置 DisplayMemberPath 和 SelectedValuePath，--&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;c&#34;&gt;&amp;lt;!--note：并只能使用 SelectedValue 进行访问--&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;ComboBox&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Margin=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;10&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Width=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;120&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;ItemsSource=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{Binding DictionaryDayOfWeek}&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;          &lt;span class=&#34;na&#34;&gt;DisplayMemberPath=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;Value&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;SelectedValuePath=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;Key&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;          &lt;span class=&#34;na&#34;&gt;SelectedValue=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{Binding SelectedDictionaryDayOfWeek}&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;c&#34;&gt;&amp;lt;!--示例4：ComboBox绑定列表--&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;c&#34;&gt;&amp;lt;!--note：使用 SelectedItem 或者 SelectedValue 都可以获得正确结果--&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;c&#34;&gt;&amp;lt;!--note: 前提是绑定的值在列表中，也可以通过 SelectedIndex 进行访问--&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;ComboBox&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Margin=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;10&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Width=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;120&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;ItemsSource=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{Binding ListDayOfWeek}&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;          &lt;span class=&#34;na&#34;&gt;SelectedItem=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{Binding SelectedListDayOfWeek}&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/ComboBox-1748076976389-66.png&#34;
  width=&#34;572&#34;
  height=&#34;262&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;218&#34;
    data-flex-basis=&#34;523px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;textblock&#34;&gt;TextBlock
&lt;/h3&gt;&lt;p&gt;重写 &lt;code&gt;TextBlock&lt;/code&gt; 的样式，主要优化如下：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;中英文使用不同的字体显示，中文使用&lt;code&gt;微软雅黑&lt;/code&gt;，英文使用&lt;code&gt;Consolas&lt;/code&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-xml&#34; data-lang=&#34;xml&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;TextBlock&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Text=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;显示中文&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Margin=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;10&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;TextBlock&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Text=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;Show English&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Margin=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;10&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/TextBlock-1748076976389-69.png&#34;
  width=&#34;263&#34;
  height=&#34;38&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;692&#34;
    data-flex-basis=&#34;1661px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;memoryblock&#34;&gt;MemoryBlock
&lt;/h3&gt;&lt;p&gt;该控件为自定义控件，主要实现以下功能：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;获取当前软件已使用内存，以 &lt;code&gt;MB&lt;/code&gt; 为单位&lt;/li&gt;
&lt;li&gt;可以通过控件的 &lt;code&gt;Interval&lt;/code&gt; 属性设置更新频率，单位为 &lt;code&gt;ms&lt;/code&gt;，默认为 &lt;code&gt;1000 ms&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;可以通过控件的 &lt;code&gt;Header&lt;/code&gt; 属性设置前缀文字&lt;/li&gt;
&lt;li&gt;可以通过控件的 &lt;code&gt;UsedMemory&lt;/code&gt; 只读属性获取内存&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-xml&#34; data-lang=&#34;xml&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;BaseWPFControl:MemoryBlock&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Margin=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;10&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/MemoryBlock-1748076976389-67.png&#34;
  width=&#34;263&#34;
  height=&#34;38&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;692&#34;
    data-flex-basis=&#34;1661px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;logblock&#34;&gt;LogBlock
&lt;/h3&gt;&lt;p&gt;该控件为自定义控件，配合 &lt;code&gt;BaseLogManager&lt;/code&gt; 一起使用，主要实现以下功能：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;显示日志&lt;/li&gt;
&lt;li&gt;提供日志详情页&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-xml&#34; data-lang=&#34;xml&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;BaseWPFControl:LogBlock&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;x:Name=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;LogBlock_Test&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;ContentControl&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Height=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;400&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Margin=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;10&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;                &lt;span class=&#34;na&#34;&gt;Content=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{Binding ElementName=LogBlock_Test, Path=LogView}&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/LogBlock-1748076976389-70.png&#34;
  width=&#34;1106&#34;
  height=&#34;485&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;228&#34;
    data-flex-basis=&#34;547px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;textbox&#34;&gt;TextBox
&lt;/h3&gt;&lt;p&gt;重写 &lt;code&gt;TextBox&lt;/code&gt; 的样式，主要实现以下功能：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;可以通过 &lt;code&gt;TextBoxProperty.Prefix&lt;/code&gt; 属性设置前缀文字&lt;/li&gt;
&lt;li&gt;可以通过 &lt;code&gt;TextBoxProperty.WaterMask&lt;/code&gt; 属性设置水印文字&lt;/li&gt;
&lt;li&gt;可以通过 &lt;code&gt;TextBoxProperty.Suffix&lt;/code&gt; 属性设置后缀文字&lt;/li&gt;
&lt;li&gt;输入时边框高亮显示&lt;/li&gt;
&lt;li&gt;大文本输入框可以通过滚动条上下滚动&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt; 1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 5
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 6
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 7
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 8
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 9
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;10
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;11
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-xml&#34; data-lang=&#34;xml&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;TextBox&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Width=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;200&amp;#34;&lt;/span&gt;  &lt;span class=&#34;na&#34;&gt;Margin=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;10&amp;#34;&lt;/span&gt; 
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;         &lt;span class=&#34;na&#34;&gt;BaseWPFControl:TextBoxProperty.Prefix=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;www.&amp;#34;&lt;/span&gt; 
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;         &lt;span class=&#34;na&#34;&gt;BaseWPFControl:TextBoxProperty.Suffix=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;.com&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;         &lt;span class=&#34;na&#34;&gt;BaseWPFControl:TextBoxProperty.WaterMask=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;输入网址&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;TextBox&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Width=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;160&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Margin=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;10&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Text=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;默认文本框&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;TextBox&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Width=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;100&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Margin=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;10&amp;#34;&lt;/span&gt; 
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;         &lt;span class=&#34;na&#34;&gt;BaseWPFControl:TextBoxProperty.WaterMask=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;绑定Decimal类型&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;         &lt;span class=&#34;na&#34;&gt;Text=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{Binding DecimalNumber, StringFormat=0.#}&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;TextBox&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Style=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{StaticResource BigTextBox}&amp;#34;&lt;/span&gt; 
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;         &lt;span class=&#34;na&#34;&gt;Width=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;400&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Height=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;100&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Margin=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;10&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Text=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{Binding Poetry1}&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/TextBox-1748076976389-75.png&#34;
  width=&#34;529&#34;
  height=&#34;57&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;928&#34;
    data-flex-basis=&#34;2227px&#34;
  
/&gt;
&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/BitTextBox-1748076976389-71.png&#34;
  width=&#34;416&#34;
  height=&#34;116&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;358&#34;
    data-flex-basis=&#34;860px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;numericbox&#34;&gt;NumericBox
&lt;/h3&gt;&lt;p&gt;&lt;code&gt;NumericBox&lt;/code&gt; 为自定义控件，主要实现以下功能：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;更方便的绑定数字，并提供限制&lt;/li&gt;
&lt;li&gt;可以通过 &lt;code&gt;Value&lt;/code&gt; 属性获取/设置值&lt;/li&gt;
&lt;li&gt;可以通过 &lt;code&gt;TextFormat&lt;/code&gt; 属性设置文本格式&lt;/li&gt;
&lt;li&gt;可以通过 &lt;code&gt;MinValue&lt;/code&gt; 属性设置最小值&lt;/li&gt;
&lt;li&gt;可以通过 &lt;code&gt;MaxValue&lt;/code&gt; 属性设置最大值&lt;/li&gt;
&lt;li&gt;可以通过 &lt;code&gt;Interval&lt;/code&gt; 属性设置点击增减按钮时的变化量&lt;/li&gt;
&lt;li&gt;可以通过 &lt;code&gt;ValueChanged&lt;/code&gt; 事件获取值改变事件&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;5
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-xml&#34; data-lang=&#34;xml&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;BaseWPFControl:NumericBox&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Value=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{Binding DecimalNumber}&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;TextFormat=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;0.#&amp;#34;&lt;/span&gt; 
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;                           &lt;span class=&#34;na&#34;&gt;MinValue =&lt;/span&gt; &lt;span class=&#34;s&#34;&gt;&amp;#34;0&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;MaxValue =&lt;/span&gt; &lt;span class=&#34;s&#34;&gt;&amp;#34;100&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Interval =&lt;/span&gt; &lt;span class=&#34;s&#34;&gt;&amp;#34;1&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;                           &lt;span class=&#34;na&#34;&gt;ValueChanged=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;NumericBox_ValueChanged&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;BaseWPFControl:NumericBox&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Value=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{Binding DecimalNumber}&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;TextFormat=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;0.#&amp;#34;&lt;/span&gt; 
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;                           &lt;span class=&#34;na&#34;&gt;IsEnabled=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;False&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/NumericBox-1748076976389-72.png&#34;
  width=&#34;331&#34;
  height=&#34;53&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;624&#34;
    data-flex-basis=&#34;1498px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;passwordbox&#34;&gt;PasswordBox
&lt;/h3&gt;&lt;p&gt;重写 &lt;code&gt;PasswordBox&lt;/code&gt; 样式，主要实现以下功能：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;可以通过 &lt;code&gt;PasswordBoxProperty.CanShowPassword&lt;/code&gt; 属性设置是否显示密码的功能&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-xml&#34; data-lang=&#34;xml&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;PasswordBox&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Width=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;200&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Margin=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;10&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Password=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;123456&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;PasswordBox&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Width=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;200&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Margin=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;10&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Password=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;123456&amp;#34;&lt;/span&gt; 
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;             &lt;span class=&#34;na&#34;&gt;BaseWPFControl:PasswordBoxProperty.CanShowPassword=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;False&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/PasswordBox-1748076976389-73.png&#34;
  width=&#34;446&#34;
  height=&#34;55&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;810&#34;
    data-flex-basis=&#34;1946px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;datepicker--datetimepicker&#34;&gt;DatePicker &amp;amp; DateTimePicker
&lt;/h3&gt;&lt;p&gt;&lt;code&gt;DatePicker&lt;/code&gt; 和 &lt;code&gt;DateTimePicker&lt;/code&gt; 都是自定义控件，主要实现以下功能：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;选择时间和日期，这两个控件的区别在于一个前者只有日期，后者包含时间&lt;/li&gt;
&lt;li&gt;可以通过 &lt;code&gt;SelectedDateTime&lt;/code&gt; 获取选中的日期时间&lt;/li&gt;
&lt;li&gt;可以通过 &lt;code&gt;SelectedDateTimeFormat&lt;/code&gt; 设置日期时间的格式&lt;/li&gt;
&lt;li&gt;可以通过 &lt;code&gt;SelectedDateTimeChanged&lt;/code&gt; 获取时间改变的事件&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-xml&#34; data-lang=&#34;xml&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;BaseWPFControl:DatePicker&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Margin=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;10&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;BaseWPFControl:DateTimePicker&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Margin=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;10&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/DateTimePicker-1748076976389-74.png&#34;
  width=&#34;532&#34;
  height=&#34;317&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;167&#34;
    data-flex-basis=&#34;402px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;selectfileblock--selectfolderblock&#34;&gt;SelectFileBlock &amp;amp; SelectFolderBlock
&lt;/h3&gt;&lt;p&gt;&lt;code&gt;SelectFileBlock&lt;/code&gt; 和 &lt;code&gt;SelectFolderBlock&lt;/code&gt; 都是自定义控件，主要实现以下功能：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;点击按钮通过对话框选择文件或者文件夹&lt;/li&gt;
&lt;li&gt;可以通过 &lt;code&gt;SelectedPath&lt;/code&gt; 属性获取/设置路径&lt;/li&gt;
&lt;li&gt;可以通过 &lt;code&gt;SelectedPathChanged&lt;/code&gt; 获取选中路径改变的事件&lt;/li&gt;
&lt;li&gt;&lt;code&gt;SelectFileBlock&lt;/code&gt; 可以通过 &lt;code&gt;ExtensionFilter&lt;/code&gt; 属性设置文件过滤&lt;/li&gt;
&lt;li&gt;鼠标移动到文字上方出现 &lt;code&gt;ToolTip&lt;/code&gt; 显示路径的全文&lt;/li&gt;
&lt;li&gt;鼠标双击文字直接跳转到路径所在的文件夹&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/SelectFileBlock-1748076976389-76.png&#34;
  width=&#34;533&#34;
  height=&#34;54&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;987&#34;
    data-flex-basis=&#34;2368px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;image&#34;&gt;Image
&lt;/h3&gt;&lt;p&gt;提供一些内置的 &lt;code&gt;SVG&lt;/code&gt;，可以直接通过 &lt;code&gt;Source&lt;/code&gt; 绑定 &lt;code&gt;StaticResource&lt;/code&gt; 值进行设置&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-xml&#34; data-lang=&#34;xml&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;Image&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Source=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{StaticResource DirectoryConfig}&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Height=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;50&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Margin=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;10&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/SVGImage-1748076976389-77.png&#34;
  width=&#34;706&#34;
  height=&#34;429&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;164&#34;
    data-flex-basis=&#34;394px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;progressbar--loading&#34;&gt;ProgressBar &amp;amp; Loading
&lt;/h3&gt;&lt;ol&gt;
&lt;li&gt;重写 &lt;code&gt;ProgressBar&lt;/code&gt; 样式，提供圆角&lt;/li&gt;
&lt;li&gt;可以通过 &lt;code&gt;ProgressBarProperty.ShowValue&lt;/code&gt; 属性设置进度条显示当前值&lt;/li&gt;
&lt;li&gt;提供扩展函数 &lt;code&gt;SetAnimateValue&lt;/code&gt; 设置进度条的值，通过该函数设置可以显示动画&lt;/li&gt;
&lt;li&gt;提供自定义控件圆形进度条 &lt;code&gt;Loading&lt;/code&gt;，仅用于等待功能&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-xml&#34; data-lang=&#34;xml&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;ProgressBar&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Height=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;40&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Width=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;400&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;d:Value=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;20&amp;#34;&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;ProgressBar&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Height=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;40&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Width=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;400&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;IsIndeterminate=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;True&amp;#34;&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;BaseWPFControl:Loading&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Diameter=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;150&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;StrokeThickness=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;30&amp;#34;&lt;/span&gt; 
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;                        &lt;span class=&#34;na&#34;&gt;Content=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;加载中，请等待...&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/ProgressBar-1748076976389-78.png&#34;
  width=&#34;454&#34;
  height=&#34;502&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;90&#34;
    data-flex-basis=&#34;217px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;clock--calendar&#34;&gt;Clock &amp;amp; Calendar
&lt;/h3&gt;&lt;ol&gt;
&lt;li&gt;重写 &lt;code&gt;Calender&lt;/code&gt; 样式&lt;/li&gt;
&lt;li&gt;提供 自定义控件 &lt;code&gt;Clock&lt;/code&gt;，用于选择时间&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-xml&#34; data-lang=&#34;xml&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;Calendar&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;x:Name =&lt;/span&gt; &lt;span class=&#34;s&#34;&gt;&amp;#34;Calendar&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;BaseWPFControl:Clock&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Height=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{Binding ActualHeight, ElementName=Calender}&amp;#34;&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/Calender-1748076976389-79.png&#34;
  width=&#34;520&#34;
  height=&#34;354&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;146&#34;
    data-flex-basis=&#34;352px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;tabcontrol&#34;&gt;TabControl
&lt;/h3&gt;&lt;p&gt;重写 &lt;code&gt;TabControl&lt;/code&gt; 的样式&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt; 1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 5
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 6
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 7
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 8
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt; 9
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;10
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;11
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;12
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-xml&#34; data-lang=&#34;xml&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;TabControl&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;TabStripPlacement=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;Left&amp;#34;&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;&amp;lt;TabItem&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Header=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;水调歌头&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;nt&#34;&gt;&amp;lt;TextBlock&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Text=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{Binding Poetry1}&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;FontSize=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;14&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;&amp;lt;/TabItem&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;&amp;lt;TabItem&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Header=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;如梦令&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;nt&#34;&gt;&amp;lt;TextBlock&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Text=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{Binding Poetry2}&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;FontSize=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;14&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;&amp;lt;/TabItem&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;&amp;lt;TabItem&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Header=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;破阵子&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;nt&#34;&gt;&amp;lt;TextBlock&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Text=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{Binding Poetry3}&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;FontSize=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;14&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;&amp;lt;/TabItem&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;&amp;lt;TabItem&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Header=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;未启用&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;IsEnabled=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;False&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;/TabControl&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/TabControl-1748076976389-80.png&#34;
  width=&#34;1055&#34;
  height=&#34;227&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;464&#34;
    data-flex-basis=&#34;1115px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;复杂控件&#34;&gt;复杂控件
&lt;/h2&gt;&lt;h3 id=&#34;configcontrol&#34;&gt;ConfigControl
&lt;/h3&gt;&lt;p&gt;提供自定义控件 &lt;code&gt;ConfigControl&lt;/code&gt;，用于方便的实现配置界面&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;4
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;5
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;6
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;7
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-xml&#34; data-lang=&#34;xml&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;BaseWPFControl:ConfigControl&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;ConfigName=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;日期时间&amp;#34;&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;&amp;lt;BaseWPFControl:DateTimePicker&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;/BaseWPFControl:ConfigControl&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;BaseWPFControl:ConfigControl&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;ConfigName=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;选择文件&amp;#34;&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;    &lt;span class=&#34;nt&#34;&gt;&amp;lt;BaseWPFControl:SelectFileBlock&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Width=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;280&amp;#34;&lt;/span&gt; &lt;span class=&#34;nt&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nt&#34;&gt;&amp;lt;/BaseWPFControl:ConfigControl&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/ConfigControl-1748076976389-81.png&#34;
  width=&#34;473&#34;
  height=&#34;543&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;87&#34;
    data-flex-basis=&#34;209px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;lisbox&#34;&gt;LisBox
&lt;/h3&gt;&lt;p&gt;重写 &lt;code&gt;ListBox&lt;/code&gt; 的样式，可以绑定 &lt;code&gt;Enum/List/Dictionary&lt;/code&gt;&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/ListBox-1748076976389-82.png&#34;
  width=&#34;401&#34;
  height=&#34;292&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;137&#34;
    data-flex-basis=&#34;329px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;listview&#34;&gt;ListView
&lt;/h3&gt;&lt;ol&gt;
&lt;li&gt;重写 &lt;code&gt;ListView&lt;/code&gt; 的样式&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/ListView-1748076976389-83.png&#34;
  width=&#34;405&#34;
  height=&#34;335&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;120&#34;
    data-flex-basis=&#34;290px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;datagrid&#34;&gt;DataGrid
&lt;/h3&gt;&lt;p&gt;重写 &lt;code&gt;DataGrid&lt;/code&gt; 的样式，这里包含两种样式，一种是选择单元格，另一种是鼠标经过选中整行&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/DataGrid-1748076976389-84.png&#34;
  width=&#34;465&#34;
  height=&#34;289&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;选中单元格&#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;160&#34;
    data-flex-basis=&#34;386px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/ListViewDataGrid-1748076976389-85.png&#34;
  width=&#34;465&#34;
  height=&#34;289&#34;
  
  loading=&#34;lazy&#34;
  alt=&#34;无法选中，鼠标经过选中整行&#34;
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;160&#34;
    data-flex-basis=&#34;386px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h2 id=&#34;更新记录&#34;&gt;更新记录
&lt;/h2&gt;&lt;p&gt;更新了部分 &lt;code&gt;BaseWPFControl&lt;/code&gt; 中的控件，实现了更多的功能。&lt;/p&gt;
&lt;h3 id=&#34;优化listbox&#34;&gt;优化&lt;code&gt;ListBox&lt;/code&gt;
&lt;/h3&gt;&lt;p&gt;实际使用了一下&lt;code&gt;ListBox&lt;/code&gt;之后发现还是有很多问题，尤其是关于调整属性之后，并且给出了更多的示例&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/PixPin_2025-03-17_10-07-54-1748075157664-1-1748076976389-86.png&#34;
  width=&#34;1196&#34;
  height=&#34;905&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;132&#34;
    data-flex-basis=&#34;317px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;新增baseclipborder&#34;&gt;新增&lt;code&gt;BaseClipBorder&lt;/code&gt;
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;实现了新的控件&lt;code&gt;BaseClipBorder&lt;/code&gt;来解决边框溢出和边框圆角缝隙的问题&lt;/li&gt;
&lt;li&gt;最终实现如右图所示&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/PixPin_2025-03-26_20-07-25-1748075157664-4-1748076976389-87.png&#34;
  width=&#34;2222&#34;
  height=&#34;421&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;527&#34;
    data-flex-basis=&#34;1266px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;优化progressbar&#34;&gt;优化ProgressBar
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;在上面&lt;code&gt;BaseClipBorder&lt;/code&gt;的基础上优化了&lt;code&gt;ProgressBar&lt;/code&gt;的实现&lt;/li&gt;
&lt;li&gt;给出了垂直&lt;code&gt;ProgressBar&lt;/code&gt;例程实现&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/PixPin_2025-03-26_20-10-51-1748075157664-3-1748076976389-88.gif&#34;
  width=&#34;1196&#34;
  height=&#34;905&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;132&#34;
    data-flex-basis=&#34;317px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;新增defaultcontrolstyle和defaultwindowstyle&#34;&gt;新增&lt;code&gt;DefaultControlStyle&lt;/code&gt;和&lt;code&gt;DefaultWindowStyle&lt;/code&gt;
&lt;/h3&gt;&lt;p&gt;这样设计的原因其实是为了移除掉&lt;code&gt;TextBlock&lt;/code&gt;的&lt;code&gt;FontSize&lt;/code&gt;属性和&lt;code&gt;FontFamily&lt;/code&gt;属性，改为直接从&lt;code&gt;Window&lt;/code&gt;或者&lt;code&gt;UserControl&lt;/code&gt;中继承字体属性。&lt;/p&gt;
&lt;p&gt;而&lt;code&gt;DefaultControlStyle&lt;/code&gt;中定义了基础的&lt;code&gt;FontSize&lt;/code&gt;和&lt;code&gt;FontFamily&lt;/code&gt;样式，并且任何控件都可以使用。&lt;/p&gt;
&lt;h3 id=&#34;优化button&#34;&gt;优化&lt;code&gt;Button&lt;/code&gt;
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;删除了关于&lt;code&gt;ButtonShape&lt;/code&gt;属性的内容&lt;/li&gt;
&lt;li&gt;新增了一些无边框按钮的样式&lt;/li&gt;
&lt;li&gt;统一了&lt;code&gt;BorderBrush&lt;/code&gt;和&lt;code&gt;BorderThickness&lt;/code&gt;的风格&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/PixPin_2025-03-26_20-04-46-1748075157664-2-1748076976389-89.png&#34;
  width=&#34;1196&#34;
  height=&#34;905&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;132&#34;
    data-flex-basis=&#34;317px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;优化combobox&#34;&gt;优化&lt;code&gt;ComboBox&lt;/code&gt;
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;重写了&lt;code&gt;ComboBox&lt;/code&gt;的样式&lt;/li&gt;
&lt;li&gt;新增&lt;code&gt;ComboBoxItem&lt;/code&gt;的样式&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/PixPin_2025-03-26_20-15-22-1748075157664-5-1748076976389-90.png&#34;
  width=&#34;249&#34;
  height=&#34;379&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;65&#34;
    data-flex-basis=&#34;157px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/PixPin_2025-03-26_20-15-01-1748075157664-6-1748076976390-99.png&#34;
  width=&#34;249&#34;
  height=&#34;379&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;65&#34;
    data-flex-basis=&#34;157px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;新增innerseparator属性&#34;&gt;新增&lt;code&gt;InnerSeparator&lt;/code&gt;属性
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;新增&lt;code&gt;BaseWPFControl:ControlProperty.InnerSeparator&lt;/code&gt;属性，一般用于内部存在间隙属性调整&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;2
&lt;/span&gt;&lt;span class=&#34;lnt&#34;&gt;3
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-Markdown&#34; data-lang=&#34;Markdown&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;&amp;lt;&lt;/span&gt;&lt;span class=&#34;nt&#34;&gt;Button&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Content&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;图标&amp;#34;&lt;/span&gt; &lt;span class=&#34;na&#34;&gt;Margin&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;10&amp;#34;&lt;/span&gt; 
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;na&#34;&gt;BaseWPFControl:ButtonProperty&lt;/span&gt;&lt;span class=&#34;err&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;na&#34;&gt;Icon&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;{StaticResource HomePage}&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;        &lt;span class=&#34;na&#34;&gt;BaseWPFControl:ControlProperty&lt;/span&gt;&lt;span class=&#34;err&#34;&gt;.&lt;/span&gt;&lt;span class=&#34;na&#34;&gt;InnerSeparator&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;s&#34;&gt;&amp;#34;20&amp;#34;&lt;/span&gt; &lt;span class=&#34;p&#34;&gt;/&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/PixPin_2025-03-26_20-34-49-1748075157665-7-1748076976390-92.png&#34;
  width=&#34;556&#34;
  height=&#34;99&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;561&#34;
    data-flex-basis=&#34;1347px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;优化datagrid&#34;&gt;优化&lt;code&gt;DataGrid&lt;/code&gt;
&lt;/h3&gt;&lt;p&gt;在使用&lt;code&gt;DataGrid&lt;/code&gt;的时候，我发现有些属性没有效果，或者不尽如人意。&lt;/p&gt;
&lt;p&gt;所以我就重新整理了一下&lt;code&gt;DataGrid&lt;/code&gt;的实现，并且给出了详细的案例。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/PixPin_2025-03-28_09-40-06-1748075157665-8-1748076976390-98.png&#34;
  width=&#34;1196&#34;
  height=&#34;905&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;132&#34;
    data-flex-basis=&#34;317px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/PixPin_2025-03-28_09-41-09-1748075157665-10-1748076976389-91.png&#34;
  width=&#34;1196&#34;
  height=&#34;905&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;132&#34;
    data-flex-basis=&#34;317px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/PixPin_2025-03-28_09-41-14-1748075157665-9-1748076976390-93.png&#34;
  width=&#34;1196&#34;
  height=&#34;905&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;132&#34;
    data-flex-basis=&#34;317px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;优化calendar和clock&#34;&gt;优化&lt;code&gt;Calendar&lt;/code&gt;和&lt;code&gt;Clock&lt;/code&gt;
&lt;/h3&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/PixPin_2025-03-28_13-59-15-1748075157665-11-1748076976390-94.png&#34;
  width=&#34;1196&#34;
  height=&#34;905&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;132&#34;
    data-flex-basis=&#34;317px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;优化flipbox&#34;&gt;优化&lt;code&gt;FlipBox&lt;/code&gt;
&lt;/h3&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/PixPin_2025-03-28_13-59-39-1748075157665-12-1748076976390-95.png&#34;
  width=&#34;1196&#34;
  height=&#34;905&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;132&#34;
    data-flex-basis=&#34;317px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;新增dialog显示成window&#34;&gt;新增&lt;code&gt;Dialog&lt;/code&gt;显示成&lt;code&gt;Window&lt;/code&gt;
&lt;/h3&gt;&lt;p&gt;可以调用&lt;code&gt;ShowDialogAsWindow&lt;/code&gt;函数，将&lt;code&gt;Dialog&lt;/code&gt;显示成独立的&lt;code&gt;Window&lt;/code&gt;，就算没有&lt;code&gt;DialogContainer&lt;/code&gt;也能显示。使用体验和&lt;code&gt;WPF&lt;/code&gt;原生的&lt;code&gt;ShowDialog&lt;/code&gt;函数类似。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/PixPin_2025-03-28_14-07-45-1748075157665-13-1748076976390-96.png&#34;
  width=&#34;1196&#34;
  height=&#34;905&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;132&#34;
    data-flex-basis=&#34;317px&#34;
  
/&gt;

&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/PixPin_2025-03-28_14-07-37-1748075157665-14-1748076976390-97.png&#34;
  width=&#34;1196&#34;
  height=&#34;905&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;132&#34;
    data-flex-basis=&#34;317px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;优化listbox-1&#34;&gt;优化&lt;code&gt;ListBox&lt;/code&gt;
&lt;/h3&gt;&lt;p&gt;和之前的显示一致，只是使用&lt;code&gt;BaseClipBorder&lt;/code&gt;简化了内部实现。&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/PixPin_2025-03-28_14-21-24-1748075157665-15-1748076976390-101.png&#34;
  width=&#34;1196&#34;
  height=&#34;905&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;132&#34;
    data-flex-basis=&#34;317px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;优化listview&#34;&gt;优化&lt;code&gt;ListView&lt;/code&gt;
&lt;/h3&gt;&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/PixPin_2025-03-28_16-19-43-1748075157665-16-1748076976390-102.png&#34;
  width=&#34;1196&#34;
  height=&#34;905&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;132&#34;
    data-flex-basis=&#34;317px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;优化smoothprogress&#34;&gt;优化&lt;code&gt;SmoothProgress&lt;/code&gt;
&lt;/h3&gt;&lt;p&gt;这里省事，直接让&lt;code&gt;SmoothProgressBar&lt;/code&gt;使用&lt;code&gt;ProgressBar&lt;/code&gt;的样式&lt;/p&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/PixPin_2025-03-28_17-44-38-1748075157665-18-1748076976390-100.png&#34;
  width=&#34;1196&#34;
  height=&#34;905&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;132&#34;
    data-flex-basis=&#34;317px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;新增simplescrollviewer样式&#34;&gt;新增&lt;code&gt;SimpleScrollViewer&lt;/code&gt;样式
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;该样式没有滚动条，只有箭头按钮，并且增加了滚动动画&lt;/li&gt;
&lt;li&gt;主要用于&lt;code&gt;TabControl&lt;/code&gt;的&lt;code&gt;Header&lt;/code&gt;部分&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/PixPin_2025-04-02_11-18-51-1748075157665-17-1748076976392-103.png&#34;
  width=&#34;1386&#34;
  height=&#34;808&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;171&#34;
    data-flex-basis=&#34;411px&#34;
  
/&gt;
&lt;/p&gt;
&lt;h3 id=&#34;优化tabcontrol&#34;&gt;优化&lt;code&gt;TabControl&lt;/code&gt;
&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;优化了微软原生样式下，&lt;code&gt;TabItem&lt;/code&gt;溢出的问题&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;img
  src=&#34;https://zeroszhang.github.io/p/wpf%E6%8E%A7%E4%BB%B6%E5%BA%93-basewpfcontrol/assets/PixPin_2025-04-02_11-19-13-1748075157665-19-1748076976392-104.png&#34;
  width=&#34;1386&#34;
  height=&#34;808&#34;
  
  loading=&#34;lazy&#34;
  
  
    class=&#34;gallery-image&#34;
    data-flex-grow=&#34;171&#34;
    data-flex-basis=&#34;411px&#34;
  
/&gt;
&lt;/p&gt;
</description>
        </item>
        
    </channel>
</rss>
