C# 開發 WPF/Silverlight 動畫與遊戲系列教程（十四）精靈控件橫空出世 ①（三）—— BorderText 文字描邊效果對比

文字描邊效果驗證

WPF/Silverlight 中 12px 文字顯示模糊。自製 QXControl:BorderText 增加 Stroke（描邊顏色）、StrokeThickness（描邊粗細，double 型可任意設定）。設 StrokeThickness=0.1 效果如下：

雖未達最佳，但優於無描邊。為更明顯對比，測試 48px「深藍色」三字：

左：<TextBlock FontSize="48" FontFamily="微軟雅黑" Text="深藍色" Foreground="Pink" />
右：<QXControl:BorderText FontSize="48" Stroke="Black" StrokeThickness="1.5" Text="深藍色" Fill="Pink" />（預設字體微軟雅黑）
右側描邊版顯著更清晰優雅。提供中文字體模糊的另類解決方案。後續以 BorderText 為主力文字控件。

下節預告

精靈控件 XAML 完成，下節講後台代碼豐富內部邏輯，及上節遺留問題：地圖移動中主角/障礙物如何跟隨移動。