主角頭像面板完成後,需建立監視對象頭像面板。定義枚舉區分面板類型:
public enum RoleFaceTypes
{
Leader = 0, // 主角頭像面板
Object = 1, // 監視對象頭像面板
Team = 2, // 隊伍頭像面板
}
以 RoleFaceTypes 為參數建立 QXRoleFace 控件即可產生對應面板:new QXRoleFace(RoleFaceTypes.Object)。主角與監視對象面板在方向、尺寸上有差異,後者少兩條數值條,建構時依類型調整子控件佈局與隱藏。
右側為主角監視自身的頭像面板:

滑鼠懸停精靈顯示面板,離開隱藏。在上一節 HitTest 捕獲邏輯中,滑鼠進入/離開精靈有效區域時處理面板顯隱即可。其他界面微調程式碼較繁,但跟隨教程學習的讀者應能輕鬆掌握。
最終完整運行畫面:

下一節將進入戰鬥階段,敬請期待。