# 邀請函
**1.添加素材**
如下圖,在“舞臺”上添加一個長形圖片素材,使用“變形”工具調整長圖大小位置

在“舞臺”空白部分添加一個矩形,調整矩形寬高、顏色使其符合“舞臺”

如下圖,點擊在“舞臺”上添加一個文本框、兩個矩形、兩個輸入框,“提交”按鈕,分別在其“屬性”面板下調整其顏色、大小、位置如下圖

點擊選中第一個輸入框,在其“屬性”面板下修改“提示文字”為“請輸入姓名”,同理,選中第二個輸入框,在其“屬性”面板下修改“提示文字”為“請輸入電話”,“類型”為“電話號碼”,“必填項”為“是”

分別為兩個輸入框命名為“姓名”“電話”

**2.添加行為**
點擊“提交”按鈕右邊的“添加/編輯行為”按鈕,在“編輯行為”對話框內選擇“屬性控制”→“提交表單”→觸發條件:“點擊”,點擊“編輯”按鈕

在“參數”對話框內,選擇“提交目標”為“默認數據服務”,勾選“提交對象”為“姓名”“電話”,點擊“確認”

如下圖,點擊添加第2頁,使用Alt鍵吸取第1頁背景圖片的顏色,統一舞臺顏色

在第2頁點擊添加文本框,輸入文字內容如下圖,并在其“屬性”面板下修改文本框文字大小、字體、顏色等屬性

回到第1頁,復制“提交”按鈕,粘貼進第2頁(按照Ctrl+Shift+V粘貼至當前位置)

修改文本框文字內容為“我想再看看活動時間”

在按鈕“屬性”面板下找到“動作”,選擇“無”,取消掉表單行為

復制第2頁至第3頁面,修改文本框“老朋友 提交失敗 再來一次吧”,修改按鈕文字內容為“OK,再來一次”,點擊“保存”并填寫名稱為“邀請卡”

回到第1頁,點擊選中第1幀,即全選第一頁素材,右鍵→“組”→“組合”,將第1頁第1幀上的所有元素合并成一個組

在該組合的“屬性”面板下找到“拖動/旋轉”選項,選擇“垂直拖動”。

按照Shift鍵將組合往下拖動,手動使其頂部與“舞臺”頂部對齊,也可在“屬性”面板下調整其“上”值為“0”,使其頂部與“舞臺”頂部對齊

雙擊“組”進入組頁面,點擊“提交”按鈕右邊的“添加/編輯行為”按鈕,在“編輯行為”對話框內點擊“提交表單”行為的“編輯”按鈕

在“參數”對話框選擇“操作成功后”為“跳轉到頁”,點擊其右邊的“編輯”按鈕

在新彈出的“參數”對話框內選擇“頁號”為“2”,“翻頁方式”為“平移”,點擊“確認”

同理,選擇“操作失敗后”為“跳轉到頁”,“頁號”為“3”,“翻頁方式”為“平移”,點擊“確認”

接下來,在“舞臺”上添加一個矩形,點擊矩形“添加/編輯行為”按鈕,添加“禁止翻頁”行為

如圖,在第2頁面,點擊“我想再看看活動時間”按鈕的“添加/編輯行為”按鈕,進入“編輯行為”對話框,設置“點擊跳轉到第1頁”行為


回到第1頁,選中“組”,為其命名為“首頁”

在第2頁,點擊“我想再看看活動時間”按鈕的“添加/編輯行為”按鈕,進入“編輯行為”對話框,添加“改變元素屬性”行為:選擇“屬性控制”→“改變元素屬性”→觸發條件:“點擊”,點擊該行為的“編輯”按鈕

如圖,在“參數”對話框內設置:
元素名稱:“首頁”
元素屬性:“上”
賦值方式:“用設置的值替換現有的值”
取值:“-370”

如圖,點擊選中第3頁失敗頁面,點擊“ok,再來一次”按鈕的“添加/編輯行為”按鈕,在“編輯行為”對話框設置“點擊跳轉到第1頁”行為

**3.添加背景音樂**
點擊“素材庫”,選擇添加已上傳的“聲音”素材至“舞臺”

將音頻移至“舞臺”之外,鼠標點擊“舞臺”空白處,在“舞臺”的“屬性”面板下選擇“背景音樂”為“音樂1”(即剛剛添加的音樂素材),即設置了背景音樂

**4.設置“加載”界面**
如下圖,點擊“加載”界面,選擇“樣式”為“進度條”,“提示”為“嘿,老朋友,好久不見”,并修改文字大小,是否為動態文字以及文字顏色、進度顏色、進度背景等其他自定義形式。

如下圖,點擊“分享”界面,填寫分享信息,上傳添加分享圖標等。

**5.發布**
點擊“發布”按鈕

在“發布動畫”頁面輸入“備注名”為“邀請卡”,勾選同意書,點擊“下一步”

發布成功

**6.查看表單統計數據**
我們可在Mugeda賬號主頁的“動畫作品”中看到最新的作品縮略圖。

點擊動畫縮略圖右下角三點的按鈕,點擊“統計”

即在“數據”→“表單數據”下可觀察到剛剛提交的表單內容

觀看本節視頻教程:
http://cdn1.mugeda.com/course/4/4.1/4.1.1.mp4
- 閱讀須知
- Mugeda平臺介紹
- 新手必看
- Mugeda是什么?
- 快速入門
- 快速制作炫酷動畫
- 無代碼添加交互
- 學會使用Mugeda模板
- 如何快速修改木疙瘩模板
- 作品創建前必讀
- 手機屏幕適配方法
- 圖片處理
- 聲音及視頻處理
- 屏幕適配設置
- 發布和預覽鏈接的區別
- H5作品相關設置
- 如何發布作品
- 功能詳解
- 界面與舞臺
- 簡介
- 縮放層數據
- 翻頁的相關設置
- 關鍵幀和頁面的命名
- 加載的相關設置
- 物體屬性設置
- 元件界面介紹
- 濾鏡效果
- 屏幕適配范圍與安全框
- 輔助線功能
- 首頁加載的靜態導出
- 素材與媒體
- 圖片上傳/素材庫
- 文本/文本段落
- 網頁
- 幻燈片
- 視頻
- 聲音
- 聲音的控制
- 繪制素材
- 云字體
- 曲線圖表
- 拖動動畫
- 虛擬現實
- 粘貼第三方文字和圖片
- 常用編輯操作
- 鎖定物體
- 節點工具
- 路徑工具
- 排列、對齊、變形、組合、合并功能
- 轉換為元件
- 導入PSD及注意事項
- 聲音和視頻的壓縮
- 聲音和視頻的交互控制
- 動畫
- 時間軸及圖層
- 選擇工具
- 關鍵幀動畫
- 路徑動畫
- 進度動畫
- 曲線變形動畫
- 預置動畫
- 元件動畫
- 分頁/加載頁
- 遮罩動畫
- 動畫運動
- 標尺和輔助線的使用
- 復制幀/圖層
- 如何實現動畫控制
- 文字變形動畫
- 運動曲線編輯
- 行為
- 行為添加以及觸發事件
- 幀的行為
- 頁的行為
- 播放元件片段
- 改變元素屬性
- 改變圖片
- 設置定時器
- 手機功能
- 跳轉鏈接
- 拖動的多種邏輯關系
- 舞臺截圖
- 改變行為屬性增加方框顏色
- 控件
- 陀螺儀
- 定時器
- 隨機數
- 擦玻璃
- 點贊
- 繪畫板
- 投票
- 抽獎
- 連線
- 拖動容器
- 投票、抽獎實時數據管理
- 計數器組件
- 排行榜
- 微信功能
- 微信頭像/微信昵稱
- 定制圖片
- 錄制聲音
- 分享信息
- 表單
- 自定義表單
- 系統默認表單
- 定制文字
- 定制賀卡文字
- 關聯綁定
- 舞臺動畫關聯
- 元件動畫關聯
- 屬性關聯
- 自動關聯
- 公式關聯
- 條件判斷
- 邏輯表達式判斷
- 多種表達式的寫法
- Mugeda API
- MugedaAPI整體結構
- 在動畫中插入腳本
- 使用自定義回調函數
- 通過API定義微信轉發
- 獲取Mugeda后臺數據
- 部署第三方服務器
- 案例講解
- 展示動畫
- 邀請函
- 招聘
- 個人簡歷
- 可定制賀卡
- 手機廣告
- 長按手指控制動畫播放
- 2016網易娛樂圈畫傳
- 一只挖空心思的行禮箱
- 科幻風格H5的制作
- 拖動長圖類H5制作
- 小爺吳亦凡案例
- UI原型
- 小圖標動畫
- 用Mugeda巧做GIF
- 小游戲
- 拍宇航員
- 手術刀
- 測試題
- 拖動選擇
- 概率抽獎
- 聲音測試題
- 真假朋友大質檢
- 圖片合成類H5的制作
- 60秒幫你擺脫朋友圈
- H5錄音機
- 制作接力型H5
- 微信/定制
- 和寶寶聊天
- 和奧運冠軍合影
- 熱門案例(試看)
- 什么才是福
- 教你玩轉密室逃脫類H5制作
- 星巴克咖啡
- 小爺吳亦凡
- 誰是足球明星
- 拷問拍拍618機密
- 用HTML5做交互課件
- CEO邀你群聊
- 里約大冒險
- 天貓宇宙邀請函
- 快閃
- H5換裝小游戲
- 視差類型H5制作
- H5版flappy bird
- 連連看小游戲
- 用遮罩做鏡頭特效
- 網易5筆畫愛
- 剪刀石頭布小游戲
- 交互動畫類H5制作
- 最新功能(1213)
- 如何使用排行榜
- 小功能更新
- 鎖定邊距
- 其他教程
- Mugeda簡約版介紹
- 如何自定義綁定微信公眾號
- 教師版賬號詳情介紹及使用方法