# 如何實現動畫控制 **1.用兩個按鈕控制動畫播放** 如下圖，點擊“文字”工具添加兩個文字，分別輸入“暫停”“播放”  為“暫停”文字設置編輯行為：“動畫播放控制”→“暫停”→“觸發條件”：“點擊”  為“播放”文字設置編輯行為：“動畫播放控制”→“播放”→“觸發條件”：“點擊”  在“動畫”下拉菜單欄內點擊勾選“循環”，使動畫自動循環播放  * 應注意：點擊“動畫”下拉菜單內的“循環”，作品中所有頁面的動畫都會循環播放 * * * * * 若要設置單獨一頁的動畫可循環播放，其他頁面的動畫只播放一次。則先取消掉“循環”功能。新建第2頁作參考，在第2頁制作一個矩形移動的動畫效果。在第1頁新建一個圖層，為其重命名為“循環播放”。  選中“循環播放”圖層最后1幀“插入關鍵幀”，在舞臺之外添加一個圖形，例如下圖添加一個多邊形，添加行為：“動畫播放控制”→“跳轉到幀并播放”→“觸發條件”：“出現”，點擊“編輯”按鈕  設置參數 “幀號”：“1” 點擊“確認”，即在第1頁設置動畫循環播放的效果  “跳轉到幀并停止”行為：刪除多邊形“跳轉到幀并播放”的行為。重新添加行為：“動畫播放控制”→“跳轉到幀并停止” →“觸發條件”：“出現”，點擊“編輯”，設置參數“幀號”為“1”。可點擊預覽效果  * * * * * **2.如何制作一個按鈕，實現“暫停”與“播放”的切換？** 如下圖，在新的作品編輯頁面內，新建一個矩形，設置其從左往右移動的動畫  在“元件”面板內點擊“新建元件”按鈕，新建一個元件  點擊“文字”工具添加一個文字，輸入“暫停”  選中第2幀，右鍵→“插入幀”→右鍵→“插入關鍵幀”  將第2幀上的文字改為“播放”  回到舞臺，點擊“新建圖層”按鈕新建一個圖層，重命名為“按鈕”，在“元件”面板下鼠標選中新建的元件，按住不放拖動至舞臺  雙擊舞臺上的元件進入元件編輯頁面，點擊元件第1幀上“暫停”文字，添加行為：“動畫播放控制”→“暫停”→“觸發條件”：“出現”  繼續添加行為：“動畫播放控制”→“暫停”→“觸發條件”：“點擊”  * 注：為方便演示，可在“動畫”下拉菜單下勾選“循環”功能 設置“參數” “作用對象”：“舞臺” 點擊“確認”，即設置了“點擊該元件，舞臺上的動畫即會停止”的行為效果，可點擊預覽觀察效果  再為“暫停”文字添加一個行為：“動畫播放控制”→“下一幀”→“觸發條件”：“點擊”  鼠標選中圖層第2幀，點擊“播放”文字為其添加行為：“動畫播放控制”→“播放”→“觸發條件”：“點擊”，點擊“編輯”按鈕進入“參數”對話框，設置“參數”的“作用對象”為“舞臺”   同時再添加行為：“動畫播放控制”→“上一幀”→“觸發條件”：“點擊”，可點擊預覽觀察效果  * * * * * **3.如何用舞臺的“按鈕”控制元件內的動畫？** 以上所述操作是用元件內的“按鈕”控制舞臺上的動畫，接下來將闡述如何用舞臺的“按鈕”控制元件內的動畫 如下圖，新建一個作品編輯頁面，在“元件”面板下點擊“新建元件”按鈕新建一個元件  在“素材庫”中選擇添加一張“鈴鐺”圖片素材至舞臺，如下圖，為“鈴鐺”做一個左右搖擺的動畫（具體參考相關教程）  回到舞臺，在“元件”面板下找到新建的元件，鼠標點擊不放將其拖動至舞臺  為方便觀察，可在舞臺的“屬性”面板下調整其顏色，使其與“鈴鐺”元件的顏色有明顯差異  設置“點擊舞臺上的按鈕播放元件動畫”行為：如下圖，雙擊“圖層0”重命名為“元件鈴鐺”，點擊“新建圖層”按鈕新建一個圖層，重命名為“按鈕”  點擊“文字”工具在舞臺上添加一個文字，輸入“點擊敲門”文字按鈕  雙擊舞臺上的“鈴鐺”元件進入元件編輯頁面，點擊“新建圖層”按鈕新建一個圖層，并為其重命名為“暫停”，在“暫停”圖層添加一個圓形形狀，設置“暫停”行為：“動畫播放控制”→“暫停”→“觸發條件”：“出現”   刪除“暫停”圖層上第1幀之后的所有幀數  為使圓形不被看見，可直接將圓形拖動至舞臺之外，也可在其“屬性”面板下將其“透明度”設為“0”  回到舞臺，選中“鈴鐺”元件，在其“屬性”面板下為其命名為“鈴鐺”  為“點擊敲門”文本框的添加行為：“動畫播放控制”→“播放元件片段”→“觸發條件”：“點擊”，點擊“編輯”按鈕進入“參數”對話框  設置“參數” “元件實例名稱”：“鈴鐺（元件實例）” “是否循環”：“循環” “起始幀號”：“2” “結束幀號”：“20” 點擊“確認”，即設置了“點擊‘點擊敲門’按鈕，播放‘鈴鐺’元件第2到20幀的動畫”行為  如要設置點擊“點擊敲門”按鈕，“鈴鐺”即跳轉至其中的某一幀（假設為第10幀），則可以將參數改為： “起始幀號”：“10” “結束幀號”：“10” ，其他不變  還有另外一種方法如下： 刪除前面設置的“播放元件片段”行為  重新設置行為：“動畫播放控制”→“跳轉到幀并停止” →“觸發條件”：“點擊”，點擊“編輯”按鈕進入“參數”對話框  設置“參數”： “幀號”：“10” “作用對象”：“鈴鐺” 點擊“確認”，即設置了“點擊‘點擊敲門’按鈕，‘鈴鐺’元件即跳轉至第10幀”  設置“點擊舞臺上的按鈕暫停元件動畫”行為：雙擊舞臺上的“鈴鐺”元件進入元件編輯頁面，刪除“暫停”圖層  刪除“點擊敲門”文本框原先設置的行為  將“點擊敲門”文本框內容改為“安靜一下”  為“安靜一下”文本框的添加編輯行為：“動畫播放控制”→“暫停”→“觸發條件”：“點擊”，點擊“編輯”按鈕進入“參數”對話框，設置“參數”的“作用對象”：“鈴鐺”（若“參數”中的“作用對象”選擇“舞臺”，則行為控制的是舞臺上動畫，對元件本身的動畫并不能控制）  **4.“上一頁”“下一頁”行為** 新建一個作品編輯頁面，如下圖，新建三頁，為明顯區分觀察，在每一頁上分別添加文字“第一頁”“第二頁”“第三頁”  選中第1頁，點擊新建一個圖層，重命名為“禁止翻頁”，在舞臺之外添加一個矩形  為矩形添加行為：“動畫播放控制”→“禁止翻頁”→“觸發條件”：“出現”  點擊新建一個圖層，重命名為“按鈕”，在“按鈕”圖層添加一個矩形，為矩形添加行為：“動畫播放控制”→“下一頁”→“觸發條件”：“點擊”  復制矩形粘貼進第2、3頁  在第3頁中，修改矩形行為，如下圖，刪除“下一頁”行為  重新添加行為：“動畫播放控制”→“上一頁”→“觸發條件”：“點擊”  在“翻頁”面板下，可選擇“翻頁效果”，如下圖，選擇“淡入”  單獨設置某一頁的翻頁效果：如下圖，回到第1頁，在矩形“編輯行為”對話框中，點擊刪除“下一頁”行為  重新添加行為：“動畫播放控制”→“跳轉到頁” →“觸發條件”：“點擊”，點擊“編輯”按鈕進入“參數”對話框，在“參數”中設置跳轉頁號和翻頁方式   * 注：“禁止翻頁”只針對系統默認的翻頁效果，而不針對設置的翻頁行為 如何在某一頁恢復翻頁：如下圖，點擊選中第2頁，在舞臺之外添加一個矩形，為矩形添加行為：“動畫播放控制”→“恢復翻頁”→“觸發條件”：“出現”  翻頁時間的設置：可在“翻頁”面板下設置所有頁面的翻頁時間  設置跳轉到頁的動畫時間：如下圖，點擊回到第1頁，刪除矩形按鈕的“跳轉到頁”的行為  選中所有圖層的第3秒（即第37幀）插入幀，新建圖層，重命名為“暫停”，同時在舞臺上添加一個多邊形  設置多邊形的行為 “動畫播放控制”→“暫停”→“觸發條件”：“出現”  刪除“暫停”圖層第1幀之后的所有幀數  點擊新建一個圖層，重命名為“跳轉到頁第二頁”，在“跳轉到頁第二頁”最后一幀“插入關鍵幀”  在舞臺上添加一個圓形，為方便區分可在其“屬性”面板下調整圓形的顏色，點擊圓形添加行為：“動畫播放控制”→“跳轉到頁” →“觸發條件”：“出現”，點擊“編輯”進入“參數”對話框  設置“參數”： “頁號”：“2” “翻頁方式”：“淡入”  設置矩形按鈕行為：“動畫播放控制”→“播放”→“觸發條件”：“點擊”，即設置了點擊矩形按鈕3秒之后頁面跳轉的行為。可點擊預覽觀察效果  控制幀號或頁號的相關行為： 如下圖，新建一個作品編輯頁面，在舞臺上添加一個矩形  選中第10幀，右鍵→“插入幀”→“插入關鍵幀”，在舞臺上添加一個圓形  同理，在第20幀添加一個五角星形狀  點擊選中第1幀，如下圖，為關鍵幀命名為“方塊”，命名成功后可發現第1幀上方有一個黃色的小三角形，同理，分別為第10幀、第20幀關鍵幀命名為“圓”“五角星”  新建圖層，為其重命名為“按鈕”，在工具欄內分別點擊“矩形”“橢圓”“多邊形”工具在舞臺上繪制一個小矩形、小圓以及小五角星  新建圖層，為新圖層重命名為“暫停”，點擊“矩形”工具在舞臺之外添加一個矩形，添加“出現即暫停”行為：“動畫播放控制”→“暫停”→“觸發條件”：“出現”   為舞臺底端小矩形添加行為：“動畫播放控制”→“跳轉到幀并停止” →“觸發條件”：“點擊”，點擊“編輯”按鈕進入“參數”對話框  設置“參數”： “幀名稱”：“方塊” 點擊“確認”  同理，分別為小圓、五角星添加“跳轉到幀并停止”行為，其中分別跳轉到幀名稱為“圓”“五角星”上，可點擊預覽觀察效果   * 注：若在以上的“參數”設置內，既填了“幀號”又填了“幀名稱”，系統會自動以排在上面的“幀號”為準，因此應注意在選擇了“幀名稱”時不應再填不同的“幀號”；同幀的設置不一樣的地方是，在“跳轉到頁”的“參數”設置中，若同時填寫了不同“頁號”和“頁名稱”，系統會自動按照“頁名稱”跳轉，而不是排在前面的“頁號”  * * * * * **5.如何設置點擊一個按鈕即跳轉到某頁的某幀上？** 如下圖，新建一個作品編輯頁面，新建三個頁面，為方便辨認，分別在各頁舞臺上添加三個文字，輸入“第一頁”“第二頁”“第三頁”文字內容  點擊回到第1頁，添加兩個文字，分別輸入內容為“到第三頁的第1幀”“到第三頁的第10幀”  點擊來到第3頁，點擊新建“圖層1”，在舞臺上添加一個文字，輸入“1幀”  選中所有圖層的第10幀“插入幀”，選中“圖層1” 第10幀“插入關鍵幀”，在舞臺上添加一個文字，輸入“10”  點擊新建“圖層2”，在舞臺上添加一個矩形，設置“出現即暫停”行為：“動畫播放控制”→“暫停”→“觸發條件”：“出現”   新建圖層“判斷”，在舞臺上添加一個文字，輸入“0”，為方便區分，可在其“屬性”面板下調整數字的顏色，為其命名為“判斷數”  設置該文字行為：“動畫播放控制”→“跳轉到幀并停止”→“觸發條件”：“屬性改變”，點擊“編輯”按鈕進入“參數”對話框  設置“參數”： “幀號”：“1” “作用對象”：“舞臺” “執行條件”：“檢查元素狀態” “元素名稱”：“判斷數” “考察屬性”：“文本取值” “邏輯條件”：“等于” “參考值”：“1”  同理添加下一個“跳轉到幀并停止”行為  設置“參數”： “幀號”：“10” “作用對象”：“舞臺” “執行條件”：“檢查元素狀態” “元素名稱”：“判斷數” “考察屬性”：“文本取值” “邏輯條件”：“等于” “參考值”：“10”  回到第1頁，設置“到第三頁的第1幀”文字行為：“屬性控制”→“改變元素屬性”→“觸發條件”：“點擊”，點擊“編輯”按鈕進入“參數”對話框  設置“參數”： “元素名稱”：“判斷數” “元素屬性”：“文本取值” “賦值方式”：“用設置的值替換現有值” “取值”：“1” 點擊“確認”，即設置了“當點擊‘到第三頁的第1幀’文字，第三頁的‘判斷數’值會變成1”的行為  同理，為“到第三頁的第10幀”文字添加“改變元素屬性”行為  設置“參數”： “元素名稱”：“判斷數” “元素屬性”：“文本取值” “賦值方式”：“用設置的值替換現有值” “取值”：“10” 點擊“確認”，即設置了“當點擊‘到第三頁的第10幀’文字，第三頁的‘判斷數’值會變成10”的行為  回到“到第三頁的第1幀”文字的“編輯行為”對話框中，添加行為：“動畫播放控制”→“跳轉到頁”→“觸發條件”：“點擊”，點擊“編輯”按鈕進入“參數”對話框，設置跳轉“頁號”為“3”  同理，回到“到第三頁的第10幀”文字的“編輯行為”對話框中，添加“跳轉到頁”行為，在“參數”對話框中設置跳轉“頁號”為“3”  * 注1：若出現跳轉有問題的情況，可回到第三頁，進入“判斷數”文字“編輯行為”對話框，檢查行為的“觸發條件”，之前設置的為“屬性改變（正常情況下）”，由于系統更新等問題可將其都調整為“出現”即可，點擊預覽觀察效果  * 注2：在“編輯行為”對話框中，系統的執行步驟是按照行為的上下順序依次執行。  觀看本節視頻教程： http://cdn1.mugeda.com/course/3/3.3/3.3.14.mp4