如何製作關於測試的h面,如何製作關於測試的H5頁面

1樓：意派

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

趣味測試h5：根據得分獲得不同結果，使用者活動營銷

問卷調查h5：統計答題人的選項/得分，用於資料收集

本期教程主要是向大家介紹一種簡單的【趣味測試h5】的教程，教程裡用到的主要的元件是 **按鈕元件、測試題元件和引數變數元件。希望學員們通過本篇教程都能掌握這幾個元件使用方法並能獨立製作出來。

測試題元件作用：與**按鈕組合完成使用者選中時單選的狀態

**按鈕元件作用：與測試題元件組合完成使用者選中時單選的狀態

引數變數元件作用：統計使用者每題的得分並求和，可作不同得分顯示不同元素的觸發

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

2.第二頁為答題頁，我們在左側頁面面板處右擊再新建一個空白頁面，需要新增**按鈕，我們選中按鈕的時候可以使用鍵盤上control+c+v的方式複製其餘的三個按鈕，點選**按鈕右側面板上傳替換自己的選中和未選中的**；

3.**按鈕的初始狀態和啟用狀態**替換好後，我們在工具欄上的高階元件-互動元件下面新增測試題元件，接著我們可以新增「題目**」和「確定按鈕**」到畫布上；

4.我們點選左側邏輯小面板的「測試題元件」，在右側面板新增四個**按鈕為選項並設定為每個選項設定分值（比如選項c是對的，我們給選項c為1，其餘設定為0），接著設定其中一個為「正確答案」，觸發器上設定選擇結束後觸發「顯示元素」，這裡顯示的是下面那個「確定」**元素（它需要初始隱藏，第六步有說明）；

5.我們點選左上角的頁面層級，切換到 masterpge 裡，在上方工具欄高階元件-邏輯元件裡面找到「引數變數」，選擇新增到畫布上，給這個變數命名為「總分」，並設定為等待觸發，點選小「+」號，新增三個觸發條件，我這裡新增的是總分≤2，3≥總分≥4，總分≥5三個觸發條件；

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

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

8.新建一頁作為結果頁，我們把成績單**元素新增到畫布上，接著新增一個段落文字元件，命名為姓名。在這頁的頁面觸發器上設定切換到當前頁時設定引數值和執行引數判斷，把姓名的全域性變數賦值給用來顯示姓名的段落文字，執行引數判斷上執行的是 masterpage 上總分的判斷；

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

如有問題，也可到意派官網，加入***詢問，希望對樓主有幫助。