C# 開發 WPF/Silverlight 動畫與遊戲系列教程（十四）精靈控件橫空出世 ①（二）—— 控件 XAML 結構與 BorderText 引用

精靈控件 XAML 結構

<UserControl x:Class="WPFGameCourse.Controls.QXSpirit"
    xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:QXControl="clr-namespace:QX.Game.Controls;assembly=QX">
    <Canvas x:Name="Spirit">
        <Image x:Name="Body" Width="150" Height="150"/>
        <StackPanel Name="Description" Width="150" Height="58" Canvas.Top="-21">
            <!-- 門派 -->
            <QXControl:BorderText x:Name="Faction" Fill="Orchid" FontSize="12" Bold="True" Stroke="Black" StrokeThickness="0.1" Text="峨嵋大師姐" Height="13" HorizontalAlignment="Center" />
            <!-- 家族 -->
            <QXControl:BorderText x:Name="Clan" Fill="DarkOrange" FontSize="12" Bold="True" Stroke="Black" StrokeThickness="0.1" Text="破天一劍" Height="13" HorizontalAlignment="Center" />
            <!-- 名字 -->
            <QXControl:BorderText x:Name="Name" Fill="SteelBlue" FontSize="12" Bold="True" Stroke="Black" StrokeThickness="0.1" Text="愛在後院前" Height="13" HorizontalAlignment="Center" />
        </StackPanel>
    </Canvas>
</UserControl>

• 主佈局 Canvas（名為 Spirit）支援內部自由定位。
• Image Body：角色本體（前章的 Image Spirit）。
• StackPanel Description：垂直排列門派、家族、名稱三個 BorderText，位置微調至角色上方。
• 引用組件庫控件需在 XAML 宣告命名空間：xmlns:QXControl="clr-namespace:QX.Game.Controls;assembly=QX"

為何自製 BorderText？

WPF/Silverlight 文字為矢量，顯示時處理銳利度導致模糊。若用 TextBlock 效果如下：

模糊不清。BorderText 封裝於專案 Dll/QX.dll 中。