如何更改spark.components.Panel的標題欄高度？

Question

我爲我的Flex應用程序創建了一個登錄框。不過，我需要將特定設計應用於此框，因此我必須更改標題欄高度。

我正在使用的組件是spark.components.Panel。我無法找到此'Panel'組件的屬性來更改此功能。

有什麼建議嗎？

Answer 1

你不能通過造型來做到這一點;你將不得不創建一個自定義皮膚。爲了在Flash Builder中做到這一點：右鍵單擊要創建皮膚的包上的項目樹。選擇「新建」，然後選擇「MXML皮膚」。填寫嚮導並選擇複製SparkSkinSkin。這會將默認的Spark Panel皮膚的整個代碼複製到您的自定義皮膚類中，現在可以開始根據您的意願進行調整。

查找名爲「topGroup」的組：它包含面板組件頂部的所有元素。你可以隨心所欲地玩弄這個，但是對於你的問題最簡單的回答是找到名爲'titleDisplay'的標籤。

<s:Group id="topGroup" mask="{topGroupMask}"> 

    <!-- some other elements --> 

    <s:Label id="titleDisplay" maxDisplayedLines="1" 
      left="9" right="3" top="1" bottom="0" minHeight="30" 
      verticalAlign="middle" textAlign="start" fontWeight="bold"> 
    </s:Label> 

    ... 

您是否看到'minHeight'屬性？這是定義標題欄高度的那個。再給它一些，你就準備好了。

您可以將自定義皮膚，像這樣：

<s:Panel skinClass="path.to.my.CustomPanelSkin" />