|
您可以在編寫期間和執行階段，沿水平和垂直方向變形 ProgressBar 組件。在編寫期間，請在「舞台」上選取組件，並且使用「自由變形」工具或任何「修改 > 變形」命令。在執行階段，請使用
setSize()
方法或 ProgressBar 類別適用的屬性 (如
height
、
width
、
scaleX
和
scaleY
)。
ProgressBar 具有三個外觀元素：軌道外觀元素、列外觀元素和非確定式外觀元素。它會使用 9 分割縮放來縮放資源。
樣式和 ProgressBar 組件
您可以設定樣式屬性來變更 ProgressBar 實體的外觀。繪製該組件時，ProgressBar 的樣式會指定其外觀元素和邊框間距的值。下列範例會放大 ProgressBar 實體，並設定其 barPadding 樣式。
-
建立新 FLA 檔。
-
將 ProgressBar 組件從「組件」面板拖曳到「舞台」，並且為它指定實體名稱為
myPb
。
-
在主要「時間軸」之「影格 1」的「動作」面板中，輸入下列程式碼：
myPb.width = 300;
myPb.height = 30;
myPb.setStyle("barPadding", 3);
-
選取「控制 > 測試影片」。
如需有關設定外觀元素樣式的資訊，請參閱
關於外觀元素
。
外觀元素和 ProgressBar 組件
ProgressBar 組件會使用外觀元素來代表進度列軌道、完成列以及非確定式列，如下圖所示。
ProgressBar 外觀元素
此列會置於軌道外觀元素上方，並使用 barPadding 來決定位置。資源則是使用 9 分割縮放來進行縮放。
當 ProgressBar 實體的
indeterminate
屬性設為
true
時，就會使用非確定式列。外觀元素會垂直調整大小以符合 ProgressBar 的大小。
您可以編輯這些外觀元素，以變更 ProgressBar 的外觀。例如，下列範例會變更非確定式列的顏色。
-
建立新 FLA 檔。
-
將 ProgressBar 組件拖曳到舞台，然後按兩下此組件，開啟其外觀元素圖示的面板。
-
按兩下非確定式列外觀元素。
-
將縮放控制項設定為 400%，將圖示放大以進行編輯。
-
按兩下其中一個對角線列，然後按住 Shift 鍵並按一下其它每一個對角線列。目前的顏色便會出現在「屬性」檢測器的「填色」顏色挑選器中。
-
按一下以開啟「屬性」檢測器中的「填色」顏色挑選器，然後選取 #00CC00 並將此顏色套用到所選取的對角線列。
-
按一下「舞台」上方編輯列左側的「後退」按鈕，回到文件編輯模式。
-
選取「控制 > 測試影片」。
ProgressBar 看起來應該如下圖。
|
|
|
