原创 [WPF] 抄抄超強的蘋果官網滾動文字特效實現

1. 前言 今天 ChokCoco 大佬發佈了一篇博客 超強的蘋果官網滾動文字特效實現,iPhone 我是買不起的,但不妨礙我對抄特效感興趣,正好我這周安排的工作已經完成了,於是有空練練手實現了一個 WPF 版本。最終效果如下: 2. 原

原创 在 WPF 中實現融合效果

1. 融合效果 融合效果是指對兩個接近的元素進行高斯模糊後再提高對比度,使它們看上去“粘”在一起。在之前的一篇文章中,我使用 Win2D 實現了融合效果,效果如下: 不過 Win2D 不適用於 WPF,在 WPF 中可以使用 BlurEf

原创 使用 Win2D 實現融合效果

1. 融合效果 在 CSS 中有一種實現融合效果的技巧,使用模糊濾鏡(blur)疊加對比度濾鏡(contrast)使兩個接近的元素看上去“粘”在一起,如下圖所示: 博客園的 ChokCoco 就用這個技巧實現了很多不同的玩法並寫了很多文章

原创 [WPF] 使用 HandyControl 的 CirclePanel 畫出錶盤刻度

1. 前言 最近需要一個 WPF 的錶盤控件,之前 Cyril-hcj 寫過一篇不錯的博客 《WPF在圓上畫出刻度線》,裏面介紹了一些原理及詳細實現的代碼: double radius = BackEllipse.Width / 2; do

原创 Visual Studio App Center 中的 Bug 跟蹤服務

我在之前的一篇文章 《使用 Visual Studio App Center 持續監視應用使用情況和問題》 中介紹了 App Center 的基本功能及使用入門,其中 診斷 可以自動手機用戶的崩潰或異常,並在 App Center 的網頁

原创 Visual Studio App Center 中的 Email 和 Webhook 通知

前言 上一篇文章 我介紹瞭如何使用 App Center 的服務自動在 Azure DevOps Service 和 Github 中創建 Bug 或 Issue。通常來說,這兩個平臺在創建 Bug 或 Issue 後會有一些通知機制,例如

原创 [WPF] 假裝可變字體

1. 可變字體 上圖中的兩個動畫,一個文字直接變粗,一個漸漸變粗,我覺得後者會更有趣。但普通的字體可達不到這種效果,例如微軟雅黑,無論怎麼調整它的 FontWeight,實際上它也只有三種粗細: 這時候我們需要可變字體,可變字體(Var

原创 [WPF] 如何實現文字描邊

1. 前言 WPF 的 TextBlock 提供了大部分常用的文字修飾方法,在日常使用中基本夠用。如果需要更豐富的表現方式,WPF 也提供了其它用起來複雜一些的工具去實現這些需求。例如這篇文章介紹的文字描邊,就有幾種方法可以在 WPF 中

原创 [WPF] 使用 Effect 玩玩陰影、內陰影、 長陰影

最近在學習怎麼用 Shazzam Shader Editor 編寫自定義的 Effect,並試着去實現陰影、內陰影和長陰影的效果。結果我第一步就放棄了,因爲陰影用到的高斯模糊算法對我來說太太太太太太太太難了,最後只好用些投機取巧的方法來模仿

原创 使用 MVVM Toolkit Source Generators

關於 MVVM Toolkit 最近 .NET Community Toolkit 發佈了 8.0.0 preview1,它包含了從 Windows Community Toolkit 遷移過來的以下組件: CommunityToolki

原创 [WPF] 用 Effect 實現線條光影效果

1. 前言 幾個月前 ChokCoco 大佬發佈了一篇文章: CSS 奇技淫巧 | 妙用 drop-shadow 實現線條光影效果 在文章裏實現了一個發光的心形線條互相追逐的效果: 現在正好有空就試試用 WPF 實現一下。在實現過程中我用

原创 [WPF] 實現 WPF 的 Inner Shadow

在 WPF 中,我們通常用 DropShadow 做陰影效果,但都是做外陰影。內陰影(Inner Shadow)的話其實也不是不可以,就是有些曲折。這篇文章介紹幾種做內引用的做法。 文章涉及到以下概念: UIElement.ClipToBo

原创 [WPF] 抄一個 CSS3 實現的按鈕

1. 來源 繼上一篇文章模仿了一下這個按鈕,這篇文章索性抄一下,連動畫都模仿過來,順便熟習下 CSS3。原版: 純CSS3實現質感細膩絲滑按鈕 2. 實現 第一步 <ContentPresenter.Effect> <Drop

原创 [Azure DevOps] 管理測試計劃、測試套件和測試用例

我喜歡測試計劃,它能讓團隊清楚測試進度,還能妥善分配測試人員,更重要的是它能保證測試質量和效率。Azure DevOps 裏提供了 Test Plans 這個模塊用於管理測試計劃。 1. Azure Test Plans 中的測試計劃、測試

原创 [WPF] 實現一個很久以前流行的按鈕樣式

偶爾看到這個按鈕樣式,用 WPF 模仿一下。這個按鈕樣式好像好幾年前看到過,已經不記得怎麼稱呼了。 實現起來還挺簡單的,首先用 OpacityMask 和 RadialGradientBrush 實現一個高光的邊框: <Border x:N