1. 程式人生 > >跨平臺移動APP開發進階 三 hbuilder+mui mobile app 開發心酸路

跨平臺移動APP開發進階 三 hbuilder+mui mobile app 開發心酸路

注:請點選此處進行充電!奮鬥

1.問題描述在實現圖片輪轉時,若將

<script type="text/javascript">

mui("#slider").slider({

interval: 5000

});

</script>

置於圖片載入之前,圖片不會顯示,

解決措施:將其置於圖片顯示之後才會顯示。

 

2.問題描述

 

同上面的問題,會遇到報指標為null的異常。若要獲取一個元件的id,可能帶獲取的元件還未載入,導致獲取失敗。

解決措施:將獲取元件idjs指令碼在定義元件id

之後完成。

 

3.問題描述:頁面是由主頁面加內容頁面組合而成。在主頁面做彈出選單時,彈出選單無法顯示。

問題根源:內容頁面遮擋了彈出選單,致其無法顯示。

解決措施:彈出層放在內容頁面裡,父頁面通知內容頁面來顯示。(使用遮罩蒙版技術解決)

注:popover、側滑選單等介面,經常會用到蒙版遮罩;比如popover彈出後,除popover控制元件外的其它區域都會遮罩一層蒙版,使用者點選蒙版不會觸發蒙版下方的邏輯,而會關閉popover同時關閉蒙版;再比如側滑選單介面,選單劃出後,除側滑選單之外的其它區域都會遮罩一層蒙版,使用者點選蒙版會關閉側滑選單同時關閉蒙版。

這是一個跨webview

popover示例,在父webview中,點選後通過自定義事件通知子webview,子webview再執行popover的顯示隱藏邏輯;

思想來源於Hbuilder群,啟發了自己。通過HBuilder自帶的示例可以很好的解決自己遇到的問題。

折騰了將近一天這個問題還是沒能得到解決!彈出選單還是被內容頁面遮擋。如圖一所示,其實自己是想實現圖二:

疑惑:父頁面如何與內容頁面傳遞資料?

 

圖一

                圖二

 

4.問題描述

:一個view有諸多button,可不可以通過一個函式判斷點選的是哪一個button?並獲取其id

解決措施

//on中引數的含義依次為事件、選擇器、引數、方法,其中選擇器與引數為可選項

mui('.mui-content').on('tap','body',function(){

   alert(this.id);// (根據id判斷是哪一個button)

})

總結:mui中的方法都是封裝的jquery,所以自己還得從jquery著手,因為好多方法不會用,不知道引數的含義。

 

5.問題描述:由於index頁面的頂部導航欄與分類頁面的頭頂部導航欄相同,headercontent在不同的webview中。我想提升程式碼的複用性(即多個content頁面均使用同一個header頁面),如何解決?Mui能夠做到嗎?

解決措施:使用webview模式選項卡。何謂webview模式?其實就是每個選項卡內容都是一個獨立的webview,彼此之間互相獨立、互不影響; 對於較為複雜的業務系統,推薦使用該模式。另外,基於webview模式的選項卡,支援原生加速的下拉重新整理。如下圖:

 

 

感觸:其實很多問題都可以從Hello mui demo 中得到答案。自己要經常操作以求更加熟悉。

 

6.問題描述:見下

解決措施:見上。

由此轉入Angular框架 

再分享一下我老師大神的人工智慧教程吧。零基礎!通俗易懂!風趣幽默!希望你也加入到我們人工智慧的隊伍中來!https://www.cnblogs.com/captainbed