[Android] WebView自定義網頁上下頁按鈕

作者： -
哈囉各位~
想必大家都有用過WebView載入網頁進行瀏覽過吧
但是有沒有發現
只要按下Back實體按鍵
就會回到前一個Activity
這樣若是使用者已經瀏覽到好後面的網頁了
只是想回到上一頁卻回到了前一個Activity
是不是不太理想呢?
以下就教大家用自定義的按鈕或是覆寫Android原生的onBackPressed事件
來達到我們想切換網頁上下頁的目的

其實在WebView所帶有的Function中就有兩個是可以切換上下頁的

  1. goBack() 回上一頁
  2. goForward() 去下一頁

哇~
感覺有這兩個Function事情就好辦多了
但是...
還有一點...
我們怎麼知道他到底有沒有上一頁，有沒有下一頁呢??
其實WebView也都幫我們寫好了，如下：

  1. canGoBack() 判斷是否可回上一頁 (回傳值為true/false)
  2. canGoForward() 判斷是否有下一頁 (回傳值為true/false)

所以這樣應該就簡單多了
在Button的onClickListener中加入

if(mWebView.canGoBack()){

        mWebView.goBack();

}

或者是
if(mWebView.canGoForward()){

        mWebView.goForward();

}

就可以決定你要上一頁或是下一頁的動作囉~~

以下範例可下載
GitHub:
https://github.com/lionlions/Custom-Button-With-WebView

如有錯誤敬請指教~~ ^^

留言

張貼留言

這個網誌中的熱門文章

[Kotlin筆記]Java和Kotlin語法比較(打印訊息print、Log、變數宣告)

作者： -
以下這篇會是我在學習Kotlin時的筆記 紀錄Java和Kotlin語法比較，但多數會著重在Kotlin的語法 大家可以參考參考 先來個重點整理: 1. Java需要在程式碼結束後加上";"，Kotlin不用 2. Java需要宣告變數型態，Kotlin可以不用 3. Java變數型態宣告在前面，Kotlin在後面 1. 打印訊息print Java: System.out.print("Hello Java"); //不換行 System.out.println("Hello Java"); //換行 System.out.println("I have " + (3*12) + " bottles of beer") //訊息中若有數字運算或是方法呼叫都必須透過+來串接 int dozen = 3; System.out.println("I have " + (dozen*12) + " bottles of beer") //結果同上 Kotlin: print("Hello Kotlin") //不換行 println("Hello Kotlin") //換行 println("I have " + (3*12) + " bottles of beer") //Kotlin一樣可以用+來做串接 println("I have ${3*12} bottles of beer") //另外可以透過"${"和"}"把需要運算的算式、參數和方法放在這，就可以不用用+來做串接 var dozen = 3 Log.d(TAG, "I have ${dozen*12} bottles of beer") //結果同上 2. 打印訊息Log Java: private final String TAG = getClass().getSimpleName(); //需要宣告變數型態 ... Log.d(TAG,...
閱讀完整內容

[Blogger小技巧] 免用小工具無痛完成自訂義的程式碼區塊

作者： -
圖片
好久沒寫技術分享文了 用過許多平台寫過文章之後再回來這 發現 Blogger 的程式碼區塊使用起來實在不是很理想 想想乾脆用結圖的方式，但是讀者又不方便做複製的動作 文章編輯器裡的使用程式碼格式沒有看到效果 外掛又需要去版面設定加入 HTML/JavaScript 在文章中需要程式碼區塊的時候又要切換到 HTML 檢視 把程式碼用<pre></pre>包起來 實在是很不好用 某天在使用 Google Docs 的時候發現一個應用工具叫做 Code Blocks 名字非常的簡單明瞭就是"程式碼區塊" 使用步驟如下： 安裝  Code Blocks 開啟一個新的 Google Docs 把你想貼的程式碼貼到 Google Docs 中 (這邊拿上一篇 layer-list 應用裡的程式碼來做示範) 反白程式碼後，點選：外掛程式 -> Code Blocks -> Start 底下執行中轉轉轉完，右邊會出現一個設定區塊，就可以根據你的程式語言和主題進行 Format，也可以先點選 Preview 預覽格式，再決定是否要套用。 Format 之後就可以複製貼到 Blogger 囉，這邊注意一下它套用完之後是放到單格表格內，所以要選取整個儲存格再做複製，才能把整個格式複製過來喔~~如下圖： 一起來分享你腦袋中的知識吧~
閱讀完整內容

[Android] Android Studio 修改PackageName 和專案資料結構

作者： -
圖片
今天看到FB上有人在問怎麼修改在Android Studio已建立的專案PackageName 這裡就來教學一下 狀況: com.company.name 改成 com.company.sample.sub Step 1: 去修改Gradle 裡的 application id 修改完後按下Sync Now Step 2: 修改資料夾結構 原本一般在Android模式下來看，資料結構會長的下面這張圖一樣，但我們要先按右上角那個齒輪->Compact Empty Middle Package 按下之後會長這樣 Step 3: Refactor 在需要修改的資料夾上按下右鍵->選擇Refactor->Rename   AS會問你只要改資料夾名稱就好還是要連原本在這個資料夾內的內容都一併做修正 這邊預設就選Rename package 接著輸入要修改的名字(Ex: 這裡要把name改成sample) 另外他也問你要不要連字串中有包含這個舊的資料夾名稱一併也一起改成新的資料夾名稱 這裡選擇性勾選 看你的需求 再來，貼心的AS還是會再列出來一次你曾經在哪使用過這個舊的資料夾名稱  如果都確認後就按下 Do Refactor  這時你可以看到原本資料夾結構為com.company.name的已經變成com.company.sample了 Step 4: 新增資料夾 這時我們還差一個資料夾就完成了 在sample資料夾上按右鍵->New->Package 輸入資料夾名稱 這個時候可以看到資料夾結構已經變成com.company.sample.sub了 Step 5: 搬移原本檔案 此時新增的資料夾會跟原本在name底下的class在同一層 可以視情況搬移檔案 選取要搬移的檔案後 拖曳至剛剛新增的資料夾sub內 做確認動作  再來就可以看到class和class內的package都更改了 Step 6: 換回預設顯示方式 修改好之後一樣點選右上角的齒輪->Compact Empty Middle ...
閱讀完整內容