有哪些軟件或工具平臺比較好？

答題測試的H5作為不少商家活動的首選類型，需求自然就很大。學員們需要知道的是，答題測試按功能層面又分為根據趣味測試、問卷調查兩大類型。

趣味測試H5：根據得分獲得不同結果，用戶活動營銷問卷調查H5：統計答題人的選項/得分，用于數據收集

本期教程主要是向大家介紹一種簡單的【趣味測試H5】的教程。

我們使用的H5工具為 意派 Epub360

教程里用到的主要的組件是 圖片按鈕組件、測試題組件 和 參數變量組件。希望學員們通過本篇教程都能掌握這幾個組件使用方法并能獨立制作出來。

測試題組件作用：與圖片按鈕組合完成用戶選中時單選的狀態圖片按鈕組件作用：與測試題組件組合完成用戶選中時單選的狀態參數變量組件作用：統計用戶每題的得分并求和，可作不同得分顯示不同元素的觸發

在開始之前，老樣子，我們先預覽一下本期的教程的案例效果

（不能放二維碼，所以這里放一個GIF演示）

教程開始之前，我們先介紹一下使用的主要 測試題組件和它的能力：

喏，它長這樣，測試題組件可以添加多個圖片按鈕作為選項

可實現單選的效果，如多選可不綁定測試題組件可單獨設置每個選項的得分，也可以設置ABCD選項內容，可配合數據庫收集用戶選擇的選項情況可設置正確答案選項可設置當用戶選擇正確/錯誤選項觸發事件，比如播放正確的音效和圖片等可設置選擇結束時觸發事件，比如我們常用選擇結束時加分還是減分，或者跳轉到下一頁。

下面我們就開始教學吧，很詳細，相信您看完都能做出來。

1.第一頁是一個輸入用戶姓名的頁面，我們新建一個頁面，添加高級組件-高級表單里的“輸入框組件”，再添加一個全局變量和開始測試的圖片按鈕，將全局變量命名為“姓名變量”，調整類型為“文本”，圖片按鈕上設置點擊時“設置參數值”和“跳轉頁面”，設置參數值為全局變量=輸入框，跳轉頁面為下一頁，詳細面板見下；

注：第二頁是答題頁分為5個步驟講解（2-6步）

2.第二頁為答題頁，我們在左側頁面面板處右擊再新建一個空白頁面，需要添加圖片按鈕，我們選中按鈕的時候可以使用鍵盤上control+C+V的方式復制其余的三個按鈕，點選圖片按鈕右側面板上傳替換自己的選中和未選中的圖片；

3.圖片按鈕的初始狀態和激活狀態圖片替換好后，我們在工具欄上的高級組件-交互組件下面添加測試題組件，接著我們可以添加“題目圖片”和“確定按鈕圖片”到畫布上；

4.我們點選左側邏輯小面板的“測試題組件”，在右側面板添加四個圖片按鈕為選項并設置為每個選項設置分值（比如選項C是對的，我們給選項C為1，其余設置為0），接著設置其中一個為“正確答案”，觸發器上設置選擇結束后觸發“顯示元素”，這里顯示的是 下面那個“確定”圖片元素（它需要初始隱藏，第六步有說明）；

5.我們點擊左上角的頁面層級，切換到 Masterpge 里，在上方工具欄高級組件-邏輯組件里面找到“參數變量”，選擇添加到畫布上，給這個變量命名為“總分”，并設置為等待觸發，點擊小“+”號，添加三個觸發條件，我這里添加的是總分≤2，3≥總分≥4，總分≥5三個觸發條件；

6.我們點擊左上角的頁面層級，切換到 頁面 里，點選 “確定”圖片元素，右側面板勾選“初始隱藏”，觸發器上設置點擊“設置參數值”和“跳轉頁面”（注意順序，跳轉頁面一定要在最后一步執行，上面的觸發事件才不會失效），設置參數值和跳轉頁面的詳細設置面板見下圖；

7.我們按照第二步到第六步的方法，接著制作剩下的四個頁面

8.新建一頁作為結果頁，我們把成績單圖片元素添加到畫布上，接著添加一個段落文本組件，命名為姓名。在這頁的頁面觸發器上設置切換到當前頁時設置參數值和執行參數判斷，把姓名的全局變量賦值給用來顯示姓名的段落文本，執行參數判斷上執行的是 Masterpage 上總分的判斷；

9.測試題案例大體上做好了，我們可以預覽下看看。

當然，這里只是一種思路。有的項目不同得分不同結果的視覺上相差很大，這樣的話我們可以采用多個結果頁，比如總分參數≤2時跳轉結果1頁面，3≤總分參數≤4跳轉結果2頁面，總分參數≥5時跳轉跳轉結果3頁面這樣的邏輯方式實現，另外，執行參數判斷的觸發也不應該在結果頁觸發，而是應該在上一頁的“確定按鈕”上去設置。

注意事項：

1.按鈕上點擊跳轉頁面觸發應該設置在最后，因為跳轉頁面后面的觸發動作可能會失效；

2.如果結果需要顯示得分，可以把masterpage上總分參數賦值給一個段落文本來顯示；

3.輸入框為專業版功能，體驗版可用段落可編輯的方式替換；

好了，本期的測試題教程就到這里了，更多教程可以到 意派Epub360教程中心查看。