縮放和快取元件

上次更新時間 2023年5月24日

縮放舞台上的內容

您可以使用下列方法縮放舞台上的項目:

  • 使用「自由變形」工具、「屬性」面板或「變形」面板,縮放個別元件實體。

  • 使用 9 個分割縮放及上述工具和面板,縮放個別元件實體。

  • 在調整舞台大小時縮放舞台的全部內容。

縮放個別元件實體

在舞台上選取元件實體。

執行下列其中一項:

  • 在「工具」面板中選取「自由變形」工具,然後拖曳實體的邊角或邊緣來調整大小。

  • 開啟「屬性」面板 (視窗 > 屬性),然後編輯實體的「高度」和「寬度」屬性。

  • 開啟「變形」面板 (視窗 > 變形),然後編輯實體的「縮放寬度」和「縮放高度」屬性。

在調整舞台大小時縮放所有內容

選擇「修改 > 文件」。

在「文件設定」對話方塊中,針對文件的「高度」和「寬度」尺寸輸入新的值。 這就是舞台大小。

選取「隨著舞台縮放內容」選項。 按一下「確定」。

縮放隨即套用至所有影格中的所有內容。

教學課程與視訊

關於 9 個分割縮放和影片片段元件

9 個分割縮放允許您指定要套用至影片片段特定區域的縮放方式。 使用 9 個分割縮放可以確保影片片段在縮放後有正確的外觀。 使用一般縮放時,Animate 會以等比例的水平和垂直尺寸對影片片段進行縮放。 對許多影片片段而言,這種等比例縮放會讓影片片段的圖像看起來很怪異,特別是在矩形影片片段的角落和邊緣上。 在作為使用者介面元素的影片片段上就常會產生這種現象,例如按鈕。

影片片段在外觀上是以類似格狀重疊的方式分成九個區域,而且每個區域中都能獨立的縮放。 若要維持影片片段的視覺完整性,必要時,請將影像其餘的區域縮放 (與延伸不同) 為更大或更小,角落則不執行縮放。

當影片片段元件套用了 9 個分割縮放,它會隨著導引線一起顯示在「元件庫」面板預覽中。 如果在對舞台上的影片片段實體進行縮放時開啟「啟動即時預覽」(「控制 > 啟動即時預覽」),就會看到 9 個分割縮放已經套用至舞台上。

注意:「即時預覽」設定無法與 ActionScript 3.0 文件搭配使用。

 

 9 個分割縮放無法套用至「圖像」或「按鈕」元件。 已啟用 9 個點陣圖分割的影片片段會以一般方式進行縮放 (不會出現 9 個扭曲分割),而其他影片片段內容則根據 9 個分割的導引線進行縮放。

 9 分割縮放有時也稱為「9 倍縮放」。

已啟用 9 分割的影片片段可以在其中包含巢狀物件,但影片片段屬性內只能包含以 9 分割縮放的特定物件類型。 如果要讓影片片段的內部物件在縮放影片片段時也使用 9 個分割縮放,這些巢狀物件必須是形狀、繪圖物件、群組或圖像元件。

「元件庫」面板中已啟用 9 分割的元件也會在「舞台」上進行縮放

使用 9 個分割縮放編輯影片片段元件

根據預設,分割導引線放置的位置,是從元件邊緣算起,為元件寬度和高度 25% (或 1/4) 的地方。 在元件編輯模式中,分割導引線是疊在元件上方的虛線。 當您拖曳貼上板上的分割導引線時,並不會將它們折斷。 在舞台上顯示元件時,導引線並不會出現。

您不能在舞台上原地編輯已啟用 9 個分割的元件。 您必須在元件編輯模式下編輯它們。

注意:您可以轉換已啟用 9 個分割的影片片段元件所產生的實體,但不能編輯它們。 編輯這些實體會產生無法預期的結果。

啟動現有影片片段元件的 9 個分割縮放

開啟來源文件,選取「視窗 > 元件庫」。
請選取在「元件庫」面板中的影片片段或是圖像元件。
在「元件庫面板」選單中選取「屬性」。
選取「啟動 9 個分割縮放的導引線」。

編輯啟動 9 個分割的影片片段元件

執行下列步驟之一,進入元件編輯模式:
  • 在舞台上選取元件的實體,並按一下右鍵 (Windows) 或按 Control + 按一下 (Macintosh),然後選取「編輯」。

  • 在「元件庫」面板中選取元件,然後按一下右鍵 (Windows) 或 Control+按一下 (Macintosh) 再選取「編輯」。

  • 按兩下「元件庫」面板中的元件。

如果要水平或垂直移動導引線,請拖曳導引線,然後放開。 導引線在元件的「元件庫」預覽的新位置會更新。

使用點陣圖快取提高呈現效能

藉著指定靜態影片片段 (例如,背景影像) 或在執行階段時快取按鈕元件為點陣圖,執行階段點陣圖快取能讓您最佳化播放效能。 依據預設,Flash Player 會在每個影格中重新繪製「舞台」上的每個向量項目。 因為影像為點陣圖,且在「舞台」上的位置不會變動,所以將影片片段或按鈕元件快取為點陣圖可避免 Flash Player 連續重新繪製項目。 這可顯著提升播放效能。

例如,在您建立背景複雜的動畫時,請建立一個影片片段,並在其背景包含所有項目。 然後在「屬性」檢測器中為背景影片片段選取「快取為點陣圖」。 在播放時,背景會呈現為儲存在現有螢幕深度位置的點陣圖。 Flash Player 會在「舞台」上快速繪製點陣圖,而且僅會繪製一次,因此可加快動畫播放速度及提高播放的順暢程度。

如果沒有點陣圖快取,動畫播放起來就會太慢。

點陣圖快取能讓您使用影片片段並且自動在原地「凍結」。 如果區域有變化,向量資料便會更新點陣圖快取。 如此可將 Flash Player 必須執行的重新繪製次數減至最少,並提供更順暢、更快的播放效能。

只會在靜態、複雜的影片片段上使用執行階段點陣圖快取,而這些影片片段的位置 (不是內容) 會在動畫中的每個影格上改變。 因使用執行階段點陣圖快取而產生的播放或執行階段效能改善,只有在內容複雜的影片片段上才能顯現。 執行階段點陣圖快取用於簡單影片片段則看不出效能的提升。

Guy Watson 在 Animate 開發人員中心撰寫了一篇詳細說明如何使用點陣圖快取的文章,標題為「Using Bitmap Caching in Flash」。

 「使用執行階段點陣圖快取」選項只能用於影片片段及按鈕元件。

在下列情況下,影片片段不會使用點陣圖 (即使已選取「使用執行階段點陣圖快取」),而會改用向量資料來呈現影片片段或按鈕元件:

  • 點陣圖太大 (任一邊大於 2880 個像素)。

  • Flash Player 無法為點陣圖配置記憶體 (產生記憶體不足的錯誤)。

指定元件實體的點陣圖快取

請選取舞台上的影片片段或按鈕元件。

在「屬性」檢測器中,選取「快取為點陣圖」選項或從「顯示」選單選擇「快取為點陣圖」。

為快取元件實體指定背景顏色

開啟元件實體的「點陣圖快取」後,您可以為實體選擇不透明背景顏色。 背景預設為透明。

在舞台上選取實體。

在「屬性」面板的「顯示」區段中,從「點陣圖背景」選單選取不透明。

從顏色選取器選取背景顏色。