投影片1.JPG


步驟01:先完成03-07集教學任務

投影片2.JPG


步驟02:在頁面視窗新增4個頁面出來

投影片3.JPG


步驟03:在匯入一張背景圖片

投影片4.JPG


步驟04:將﹝page1-4﹞的屬性改為sta圖片﹞ ﹝pic選擇圖片

投影片5.JPG


步驟05:將頁面從命名為﹝index﹞ ﹝main﹞ ﹝setting﹞ ﹝login﹞ ﹝about﹞

投影片6.JPG


步驟06:Index頁面標籤改主頁設置﹞ ﹝登入﹞ ﹝關於

投影片7.JPG


步驟07:點主頁按鈕﹞> ﹝彈起事件﹞>切換到main頁面

page main

投影片8.JPG


步驟08:點﹝main頁面﹞>新增文本> ﹝txt主頁﹞>新增按鈕> ﹝txt返回﹞>按鈕彈起事件>切換為index頁面

page index

投影片9.JPG


步驟09:點設置按鈕﹞> ﹝彈起事件﹞>切換到setting頁面

page setting

投影片10.JPG


步驟10:點﹝setting頁面﹞>新增文本> ﹝txt設置﹞>新增按鈕> ﹝txt返回

投影片11.JPG


步驟11:工具箱找到滑快>﹝移動適當大小位置

投影片12.JPG


步驟12:點滑塊>﹝滑動事件﹞>螢幕亮度等於滑塊數值

dim=h0.val

投影片13.JPG


步驟13:點空白處> ﹝前初始化事件﹞> 進入這畫面預設滑塊參數=螢幕亮度

h0.val=dim

投影片14.JPG


步驟14:點登入按鈕﹞> ﹝彈起事件﹞>切換到login頁面

 

提示:可直接使用ID

page 3

投影片15.JPG


步驟15:點﹝login頁面﹞>新增文本> ﹝txt登入﹞>新增按鈕> ﹝txt返回

投影片16.JPG


步驟16:新增﹝2個文本

投影片17.JPG


步驟17:修改屬性,中文字1個字大約2-4位元(3位元x5+1字符,大約16字元)﹝txt_maxl20 ﹝txt請輸入密碼:

投影片18.JPG


步驟18:將vsope全局﹞> ﹝txt清空

投影片19.JPG


步驟19:Key改為數字建盤

投影片20.JPG


步驟20:未將vsope全局會跳出錯誤提示

投影片21.JPG


步驟21:自動加入建盤所需套件,點確定

投影片22.JPG


步驟22:點新增2個頁面

投影片23.JPG


步驟23:分別取﹝successful﹞﹝failed﹞

投影片24.JPG


步驟24:點﹝failed頁面﹞>新增文本> ﹝txt密碼錯誤﹞>新增按鈕> ﹝txt返回

page login

投影片25.JPG


步驟25:點﹝successful頁面﹞>新增文本> ﹝txt密碼正確﹞>新增按鈕> ﹝txt返回

page login

投影片26.JPG


步驟26:回到login頁面 > 新增文本 >﹝txt確認

投影片27.JPG


步驟27:點objnamepassword

投影片28.JPG


步驟28:點確認按鈕> ﹝彈起事件﹞>如果密碼是123456,跳到正確頁面,否則跳到錯誤頁面

if(password.txt=="123456")

{

  page successful

}else

{

  page failed

}

投影片29.JPG


步驟29:點關於按鈕﹞> ﹝彈起事件﹞>切換到about頁面

 

提示:可直接使用ID

page 4

投影片30.JPG


步驟30:About頁面,新增文本﹝txt使用多行輸入

投影片31.JPG


步驟31:﹝隨便輸入﹞>﹝OK﹞

投影片32.JPG


步驟32:位元太小了,點確定

投影片33.JPG


步驟33:屬性txt_maxl改為100或更多

投影片34.JPG


步驟34:新增按鈕﹝txt返回,回到index頁面

page index

投影片35.JPG


步驟35:點調式進行測試

投影片36.JPG


步驟36:﹝主頁

投影片37.JPG


步驟37:﹝退回

投影片38.JPG


步驟38:﹝設置

投影片39.JPG


步驟39:﹝滑動

投影片40.JPG

投影片41.JPG


步驟40:﹝登入

投影片42.JPG

投影片43.JPG


步驟41:﹝輸入錯誤密碼

投影片44.JPG

投影片45.JPG


步驟42:﹝輸入123456﹞

投影片46.JPG

投影片47.JPG


步驟43:﹝關於

投影片48.JPG

投影片49.JPG


步驟44:也能選擇燒入實體看成果

投影片50.JPG


投影片51.JPG

前往查看影片:[https://youtu.be/4xA-FzD9aL8]

 

創作者介紹
創作者 Code Create++ 的頭像
程式創造++

Code Create++

程式創造++ 發表在 痞客邦 留言(0) 人氣( 0 )