閱讀目錄

1.WebView高可擴展性封裝

1.1 發現模塊的框架搭建
1.2 webView的基類
1.3 對webview基類的實現
1.4 setInitializer的方法的實現
1.5 webView內部的處理和控制
1.6 對初始化方法的調用
1.7 測試
?1.8 增加頁面間的跳轉
2.Web與原生交互一鍵式配置解決方案

2.1 展現原有的web頁面的樣式
?2.2 事件的綁定
2.3事件綁定的測試
2.4 使用原生處理web
3. 將混合微框架集成到latte并完善

3.1 js接口的增加
3.2 對事件的添加
3.3 web頁面的loader延時的處理
?3.4 webDelegate的Setlistener的加載方式

1.WebView高可擴展性封裝

【說明】發現模塊的開發：是加載WebView的操作，打開之后不應該是web內部的跳轉，應該是Activity或者是fragment的跳轉；

這種跳轉讓webView的跳轉更接近與原生的跳轉；

回到頂部

1.1 發現模塊的框架搭建

回到頂部

1.2 webView的基類

【基類】

【初始化webView的接口】

?

【完善基類】

【路由類的創建】

【完善基類】

【創建webview的接口】

【完善基類】

回到頂部

1.3 對webview基類的實現

?

【新建類：webViewClientImpl類： 進行攔截】

[復寫方法]可以根據不同的版本進行方法的分類的選擇，為了兼容性，選擇復寫下面的一個方法；

?

?

1.3.2 對內容的攔截

【內容攔截的原理】【在web頁面中存在localholf或者是a標簽，全部都會以下面的方式攔截下來，然后在原生中強制進行跳轉，主要實在route中對時間進行處理】

【路由類-1】【新建路由類】使用路由的截斷和處理

?

【完善實現類】寫了下面的代碼表示：頁面間的所有的跳轉和JavaScrip中的hof重定向，全部都使用原生的進行接管；

【路由類-2】如果js中包含了電話的鏈接，則需要對電話的協議tel的協議進行處理；

[對撥打電話的處理]

[非電話]進行原生的跳轉，需要判斷上層是否具有delegate即容器，如果上層具有容器，則在上層進行跳轉，如果上層沒有，則是單層跳轉；防止bottemBar之內層跳轉，外層不跳轉的情況；

?

?1.3.3 對頁面的內容的加載

【說明】需要對頁面進行load的過程

【首先實現對web頁面的加載】

【對local本地頁面的加載】

[對于local本地的解釋]在此處新建的文件asset中的html文件、js文件、樣式等文件都會以本地的形式進行顯示；

[對本地頁面的額外的處理]

?

【共有方法的處理】包含了local和webView的整體的處理；

【調用】其實在打開頁面的時候就已經進行了一些加載了；

回到頂部

1.4 setInitializer的方法的實現

?

?【新建類】com.flj.latte.delegates.web.WebViewInitializer

【設置初始化的webView】

回到頂部

1.5 webView內部的處理和控制

【說明】不做任何的處理，只是程序的需要；

回到頂部

1.6 對初始化方法的調用

回到頂部

1.7 測試

【說明】先加載本地的頁面；

?

?【修改拼接錯誤】

【使用chrom 調試】

【使用nginx的遠程測試】

?

回到頂部

?1.8 增加頁面間的跳轉

【增加跳轉的橫向的動畫】

【新建頁面2】

【為index頁面增加內容】

回到頂部

2.Web與原生交互一鍵式配置解決方案

回到頂部

2.1 展現原有的web頁面的樣式

【出現的設計的不合理】在discoverDelegate下層還有一層bottemBarDelegate,discoverDelegate是一個低層次的delegete；

【再次設置】

?

?

?

?

【效果】跳轉的頁面2沒有出現上下的控制鍵，是一種web原生的狀態展現出來的；這樣可以更好的適應discover頁面的內容的不斷的更新，都有web頁面完成；

回到頂部

?2.2 事件的綁定

?【json事件的action事件的原理】就是通過web事件中一些action事件來綁定我們的事件；

【增加注解】

【新建包和類】

【event類】抽象每一個具體的事件；將每一個事件作為每一個類的一個實例來處理；

?

【事件管理的完善】eventManager.class 的完善；

?

【將事件統一的加到事件組中】

回到頂部

2.3事件綁定的測試

【測試】

【書寫web頁面】推薦的工具ws；

【點擊之后沒有反應】需要開辟js的通道；

?

?

?【測試】-切換別的action；

【web和原生進行有機的交互】在通過判斷不同的action可以進行不同的動作的執行；

?

回到頂部

2.4 使用原生處理web

?

回到頂部

3. 將混合微框架集成到latte并完善

回到頂部

3.1 js接口的增加

?【說明】通過配置項對web的名稱進行修改；

?

回到頂部

3.2 對事件的添加

?

回到頂部

3.3 web頁面的loader延時的處理

【增加延時】為了能夠更好的看清效果，增加延時，使用handler處理；

回到頂部

?3.4 webDelegate的Setlistener的加載方式

【webDelegate的Setlistener的加載方式】有很多種，在impl中可以完成一次加載；

?

【加載測試】sui建立的一些css和js的頁面；

?

總結

以上是生活随笔為你收集整理的云炬Android开发笔记 12基于WebView的混合App框架设计（包含浏览器与原生请求Cookie的处理）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。