縮放舞台上的內容

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

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

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

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

縮放個別元件實體

  1. 在舞台上選取元件實體。

  2. 請執行下列其中一項:

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

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

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

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

  1. 選擇「修改 > 文件」。

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

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

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

教學課程與視訊

關於 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 個分割縮放

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

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

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

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

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

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

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

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

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

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

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

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

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

註解:

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

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

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

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

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

  1. 請選取舞台上的影片片段或按鈕元件。
  2. 在「屬性」檢測器中,選取「快取為點陣圖」選項或從「顯示」選單選擇「快取為點陣圖」。

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

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

  1. 在舞台上選取實體。

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

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

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策