目錄

【iVX 初級工程師培訓教程 10篇文拿證】01 了解 iVX 完成新年賀卡
【iVX 初級工程師培訓教程 10篇文拿證】02 數值綁定及自適應網站制作
【iVX 初級工程師培訓教程 10篇文拿證】03 事件及猜數字小游戲
【iVX 初級工程師培訓教程 10篇文拿證】04 畫布及我和 iVX 合照
【iVX 初級工程師培訓教程 10篇文拿證】05 畫布及飛機大戰游戲制作
【iVX 初級工程師培訓教程 10篇文拿證】06 數據庫及服務
【iVX 初級工程師培訓教程 10篇文拿證】07 08 新聞頁制作
【iVX 初級工程師培訓教程 10篇文拿證】09 聊天室制作

高分提升請查看專欄：
iVX入門到精通
大話 IVX 實戰到精通

一、什么是事件

在 ivx 中事件是交互的關鍵，例如點擊一個按鈕、一個文本或者任意一個組件都會觸發一個點擊事件，通過事件的觸發響應之后的流程。

1.1 在 ivx 中如何使用事件觸發以及流程編輯

在 ivx 中觸發事件很簡單，咱們以一個絕對定位下的按鈕為例。

選擇需要添加事件的組件，隨后點擊事件按鈕：

此時將會添加事件以及進入事件編輯區域，并且可以發現，在事件觸發中可以選擇多種觸發事件：

1.2 交互四要素

一般在進行事件觸發時，比較典型的是按鈕的點擊，此事件觸發是交互式觸發（不交互觸發與交互觸發事件大致相同）；咱們現在編輯一下事件查看一下觸發的要素。

首先再到頁面中繪制一個文本，咱們點擊按鈕將會使這個文本的文字發生改變。

那么在按鈕的事件中選擇觸發事件則為點擊：

隨后我們發現，點擊時間之下還有一個綠色的事件編輯區域，這個編輯區域是是表示動作，也就是你點擊了這個按鈕觸發了這個點擊事件后你想要去完成什么動作；完成動作咱們可以通過箭頭選擇某個對象使其發生某些改變，選擇對象的箭頭如下圖所示：

點擊該箭頭后，在對象樹中選擇需要操作的組件：

接著在動作選擇中，選擇改動類型：

在這里我選擇設置屬性，從屬性中更改這個文本內容：

接著預覽界面即可點擊按鈕后使其文本發生改變：

此時我們可以發現，事件的四要素就是：出發對象（通過一個組件觸發事件）、觸發什么事件、目標對象（你要什么對象）、動作（做什么事）。

二、猜數字游戲制作

2.1 頁面繪制

制作猜數字游戲咱們得先繪制對應的頁面，界面繪制很簡單，使用絕對定位繪制即可，頁面有兩個，一個是游戲開始界面，還有一個是游戲界面，界面如下：

上面繪制的按鈕又尖角只需要在按鈕屬性中找到邊框與圓角并且更改圓角位置即可：

2.2 頁面跳轉

首先，咱們需要完成的第一個功能應該是跳轉頁面，點擊開始后跳轉到另外一個頁面；此時我們可以想到，點擊開始按鈕后，是點擊事件，咱們給按鈕添加事件：

那如何進行事件跳轉呢？

咱們只要將選擇操作的對象選擇為對象樹的前臺即可，前臺可以負責對頁面進行跳轉：

隨后在動作中選擇跳轉頁面：

最后再選擇頁面為頁面二即可：

此時咱們可以預覽后點擊該按鈕即可跳轉頁面。

2.3 隨機數生成

由于咱們的游戲是猜數字游戲，那么跳轉頁面后的第一件事情咱們應該是生成兩個隨機數，這個隨機數是猜測數字的范圍，那如何生成隨機數呢？

此時咱們可以創建兩個數值變量：

你也可以給這兩個數值變量重命名，一個命名為高、一個命名為低，低表示小的數高表示大的數：

接著咱們需要在進入到這個頁面就開始產生隨機值，那么也很簡單，只需要給頁面2一個顯示時間，選擇頁面2點擊事件：

選擇好事件后，接下來咱們需要對這兩個變量產生隨機值，那么自然而選擇的操作對象是這兩個變量， 咱們先選擇高變量：

接著在動作中可以看到一個生成隨機整數動作：

選擇完畢后可以發現需要給予一個隨機數區間，既然是高值，那么就給予50到100范圍即可：

接著再同樣對低變量進行操作，此時點擊加號創建一個新的動作：

并且給予對應的范圍區間：

此時就可以得到兩個隨機的范圍區間，那么接下來需要把這個范圍區間顯示在頁面之上，顯示很簡單，只需要將對應的值進行綁定即可：

綁定完成后，點擊預覽當前頁面記得看到隨機值（全部預覽將會從第一個頁面開始預覽）：


猜數字的區間得到了但是咱們要才猜的數值是幾卻還沒得到，只需要再創建一個數值變量，并且設置區間為剛剛隨機生成的高低值即可：

2.4 猜數字邏輯

接下來到了最后一步，輸入數字，隨后點擊確定做數值匹配。

首先咱們給猜數字界面的確定按鈕一個點擊事件：

隨后點擊點擊事件這一欄，添加條件：

將綠色的動作模塊拖拽到條件之中：

在條件中選擇輸入框的內容：

接下來判斷輸入框的內容是否等于猜測的值：

如果猜測正確那么在動作中找到提示文本更改文本內容為正確：

隨后再右鍵復制這個判斷條件：

點擊事件快捷鍵黏貼兩個事件，并且更改判斷條件大還是小，并且給予不同的提示：