自訂 Slider 組件

您可以在編寫期間和執行階段,沿水平方向變形 Slider 組件。在編寫期間,請在「舞台」上選取組件,並且使用「自由變形」工具或任何「修改 > 變形」命令。在執行階段,請使用 setSize() 方法或 Slider 類別適用的任何屬性 (如 width scaleX 屬性)。

您只能增加滑動軸的長度,而不能增加它的高度。Flash 會忽略 height 屬性與 setSize() 方法的 height 參數。但是,您可以建立垂直滑動軸,並且增加它的垂直方向長度。

樣式和 Slider 組件

UIScrollBar 組件只會指定類別做為其外觀元素和 FocusRectPadding 的值,這會指定要用來當做 (該組件之範圍框和其外圍邊界之間的) 邊框間距的像素數目。如需有關使用外觀元素樣式的詳細資訊,請參閱 關於外觀元素

外觀元素和 Slider 組件

Slider 組件會使用下列外觀元素,您可以編輯這些外觀元素來變更該組件的外觀。

Slider 外觀元素

下列範例會編輯一般軌道,將其顏色變更為藍色。

  1. 建立新的 Flash 文件 (ActionScript 3.0)。

  2. 將 Slider 組件從「組件」面板拖曳到「舞台」。

  3. 按兩下 Slider 組件,開啟其外觀元素面板。

  4. 按兩下其對齊標記上的一般軌道,以元件編輯模式加以開啟。

  5. 將縮放控制項設定為 800%,將圖示放大以進行編輯。請注意,此 Slider 的軌道包含三個列。

  6. 按一下以選取位於頂端的那一列。選取該列時,它的顏色會出現在「屬性」檢測器的「填色」顏色挑選器中。

  7. 使用「屬性」檢測器中的「填色」顏色挑選器,選取 #000066 以將此顏色套用到 Slider 軌道中位於頂端的那一列。

  8. 按一下以選取 Slider 軌道中位於中間的那一列。選取該列時,它的顏色會出現在「屬性」檢測器的「填色」顏色挑選器中。

  9. 使用「屬性」檢測器中的「填色」顏色挑選器,選取 #0066FF 以將此顏色套用到 Slider 軌道中位於中間的那一列。

  10. 按一下以選取 Slider 軌道中位於底端的那一列。選取該列時,它的顏色會出現在「屬性」檢測器的「填色」顏色挑選器中。

  11. 使用「屬性」檢測器中的「填色」顏色挑選器,選取 #00CCFF 以將此顏色套用到 Slider 軌道中位於底端的那一列。

  12. 按一下「舞台」上方編輯列左側的「後退」按鈕,回到文件編輯模式。

  13. 選取「控制 > 測試影片」。

    Slider 看起來應該如下圖:

    具有自訂軌道圖示的 Slider