看了這么多app，其實基本布局使用的最多的無非兩種，如下圖：

類似微信

類似QQ

在這里小編簡單說下這兩種布局簡單的實現思路，當然如果你還有更好的方法，請在下面留言，讓更多人知道你更好的方法！

第一種，我是直接創建了四個頁面，每個頁面加載不同的url，點擊下面導航的時候獲取相應的webview并且顯示，當然我這里不是簡單的顯示，而是有個左右滑動的效果，并且做了判斷，如果原來是停留在首頁，然后我點擊后面的導航，會從右向左，反之是從左到右，這樣顯得更真實，并且加了手勢滑動效果，整體體驗肯定沒有微信那么高大上，但是思路就是這樣

這樣做好處就是體驗還不錯，但是有個致命缺點那就是消耗內存，由于一次性創建四個webview并且這四個還一直占用內存，性能問題有所影響，但現在手機配置來說，這點缺陷沒多大影響，還有一種只需要創建一個webview，通過改變其url，但是體驗就沒那么好，總之方法有好有壞，大家可以找到一個適合自己的！

第二種，直接創建一個webview，點擊左上角的按鈕或者向右滑動就可以看到菜單欄，這個我仿照了QQ，但是手勢處理沒處理的那么好，也算簡單實現其功能，如下

好了，介紹就這么多，小伙伴可以復制如下鏈接下載體驗

http://lcdc.longrise.cn:2080/web/app/002.apk

http://lcdc.longrise.cn:2080/web/app/001.apk

如果你需要源碼，請點擊聯系小編！

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的html5 webview,HTML5+学习历程之webview经典案例的全部內容，希望文章能夠幫你解決所遇到的問題。

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