HTML5 App實戰 3 蘇爾特方格

2021-08-30 21:59:43 字數 2176 閱讀 8904

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!

2.現在我們把裝置切換成firefoxos的手機。雙擊裝置開啟裝置的屬性對話方塊,在裝置列表中選擇firefoxos的手機。

3.選擇「確定」之後,我們就可以看到iphone5變成了firefoxos手機了。我們不需要上面的*******,把它刪除掉。

4.我們在視窗上放乙個新的工具條。

4.刪除按鈕上的的圖示,我們不需要它。左邊的按鈕作為開始「按鈕」,把它的文字換成"start"。右邊的按鈕作為」歷史記錄「按鈕,把它的文字換成"history"。

5.在工具條上放乙個label,在遊戲過程中用它來顯示當前的數字,遊戲結束時用它來顯示遊戲花費的時間。把它的名稱和格式設定如下圖:

6.在視窗上放乙個網格控制項,它是我們的主角,用來顯示蘇爾特方格:

7.設定風格的屬性,格數為5x5:

8.我們在網格中放入乙個顏色按鈕,並設定它的屬性如下:

9.然後通過copy/paste用這個顏色按鈕填滿網格:

10.現在我們向視窗管理器裡放乙個新的視窗,用來顯示歷史記錄:

11.在屬性對話方塊中修改視窗的名稱:

12.向儲存歷史記錄的視窗中放乙個工具條。工具條的左邊放乙個返回按鈕,右邊放乙個清除按鈕,中間放乙個label顯示標題。

13.向儲存歷史記錄的視窗中放乙個列表,刪除多餘列表項,保留乙個就行,並調整上面的控制項如下圖。

14.開啟這個列表項的屬性對話方塊,把它設定為繫結資料的模板。

15.介面差不多了,現在我們來寫點**。

切換到第乙個視窗,先為「history」按鈕增加事件處理,這個很簡單,只要開啟win_history視窗就行了。

切換到第二個視窗win_history,為」返回「按鈕增加事件處理,這個很簡單,只要關閉當前視窗就行了。

為」清除「歷史記錄的按鈕編寫**:

1

2

3

varlist =this.getwindow().findchildbyname("ui-list-view",true);

list.children.clear();

deletelocalstorage.schultehistory;

為列表上刪除單項歷史記錄的按鈕編寫**:

1

2

3

4

5

6

7

8

9

10

11

uni app常用 HTML5 APP 設定

1.鎖定螢幕方向 鎖定螢幕方向後螢幕只能按鎖定的螢幕方向顯示,關閉當前頁面後仍然有效。可再次呼叫此方法修改螢幕鎖定方向或呼叫unlockorientation 方法恢復到應用的預設值。鎖定螢幕方向可取以下值 portrait primary 豎屏正方向 portrait secondary 豎屏反方...

純HTML5 APP與原生APP的差距在哪?

1 動畫 動畫有很多種,比如側邊欄選單的滑入滑出 元素的響應動畫 頁面切換之間的過場等等,在h5之下的眾多實現方法都沒有辦法達到純原生的效能。一般這些的話有幾種不同的選擇 比如在乙個新頁面的載入上,如果呼叫底層動畫要考慮的問題有兩個,乙個是本身資源頁面的渲染問題,另乙個是遠端資料的獲取。即便是這些動...

HTML 5 APP 與原生 APP的差距到底在哪

1 動畫 動畫有很多種,比如側邊欄選單的滑入滑出 元素的響應動畫 頁面切換之間的過場等等,在h5之下的眾多實現方法都沒有辦法達到純原生的效能。一般這些的話有幾種不同的選擇 比如在乙個新頁面的載入上,如果呼叫底層動畫要考慮的問題有兩個,乙個是本身資源頁面的渲染問題,另乙個是遠端資料的獲取。即便是這些動...