WPF/Silverlight 遊戲開發教程（二十六之四）：通用面板控件 QXRoleFace 與漸層數值條實作

建立通用面板控件 QXRoleFace，將頭像、PK 圖標、基本數值鑲嵌其中：

漸層數值條實作難點

生命、魔法、活力三條數值條均為漸變圓角矩形。定義三組彩虹筆刷：

LinearGradientBrush[] rainbowBrush = new LinearGradientBrush[3];

private void InitializeRainbowBrush()
{
    CreateRainbowBrush(ref rainbowBrush[0], 201, 238, 206, 60, 224, 70, 106, 234, 130); // 血值
    CreateRainbowBrush(ref rainbowBrush[1], 192, 195, 238, 86, 104, 226, 100, 104, 233); // 魔值
    CreateRainbowBrush(ref rainbowBrush[2], 254, 209, 172, 255, 142, 40, 255, 177, 74);  // 活值
}

private void CreateRainbowBrush(ref LinearGradientBrush brush,
    byte r0, byte g0, byte b0, byte r1, byte g1, byte b1, byte r2, byte g2, byte b2)
{
    brush = new LinearGradientBrush();
    brush.StartPoint = new Point(0, 0);
    brush.EndPoint = new Point(0, 1);
    brush.GradientStops.Add(new GradientStop(Color.FromRgb(r0, g0, b0), 0));
    brush.GradientStops.Add(new GradientStop(Color.FromRgb(r1, g1, b1), 0.70));
    brush.GradientStops.Add(new GradientStop(Color.FromRgb(r2, g2, b2), 1));
    brush.Freeze();
}

設定 RadiusX、RadiusY 圓角，加入對應數字，嵌入主角頭像面板：

主角頭像面板完成，下一節將製作監視對象面板與隊伍面板。