Day 6 WebViewSearch

 WebView 的基本使用

目標項目：

WebView 設定
縮小鍵盤
WebView 設定
目標加入 WebView ，然後使用 EditText 中的文字搜尋
首先我們先在 activity_main.xml 中加入：

<?xml version=”1.0″ encoding=”utf-8″?>
<android.support.constraint.ConstraintLayout xmlns:android=”http://schemas.android.com/apk/res/android

”
xmlns:app=”http://schemas.android.com/apk/res-auto

”
xmlns:tools=”http://schemas.android.com/tools

”
android:layout_width=”match_parent”
android:layout_height=”match_parent”
tools:context=”.MainActivity”>

<Button
android:id=”@+id/button”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:layout_marginTop=”8dp”
android:layout_marginEnd=”8dp”
android:text=”Search”
app:layout_constraintEnd_toEndOf=”parent”
app:layout_constraintTop_toTopOf=”parent” />

<WebView
android:id=”@+id/webView”
android:layout_width=”match_parent”
android:layout_height=”0dp”
android:layout_marginTop=”8dp”
app:layout_constraintBottom_toBottomOf=”parent”
app:layout_constraintTop_toBottomOf=”@+id/editText” />

<EditText
android:id=”@+id/editText”
android:layout_width=”250dp”
android:layout_height=”wrap_content”
android:layout_marginStart=”8dp”
android:layout_marginTop=”8dp”
android:layout_marginEnd=”8dp”
android:inputType=”text”
app:layout_constraintEnd_toStartOf=”@+id/button”
app:layout_constraintStart_toStartOf=”parent”
app:layout_constraintTop_toTopOf=”parent” />

</android.support.constraint.ConstraintLayout>
接著在 MainActivity 之中建立 WebViewClient 的實體，並指定給 WebView

val webViewClient = WebViewClient()
webView.webViewClient = webViewClient
最後我們只要呼叫 WebView 的 loadUrl() 方法，就可以成功加載頁面

val URL = “https://google.com.tw

”
webView.loadUrl(URL)
接著要將 EditText 輸入的文字，當作參數交給 Google 搜尋
在按下搜尋按鈕時執行

button.setOnClickListener {
webView.loadUrl(URL + “/search?q=” + editText.text)
}
便可以將參數放到 google 的網址列傳過去伺服器

縮小鍵盤
在輸入完文字搜尋之後，我們發現鍵盤並沒有消失
所以這邊需要手動縮小鍵盤

button.setOnClickListener {
webView.loadUrl(URL + “/search?q=” + editText.text)
hideSoftInput()
}
fun hideSoftInput() {
val imm = this.getSystemService(Context.INPUT_METHOD_SERVICE)
as InputMethodManager
imm.hideSoftInputFromWindow(editText.windowToken, 0)
}
hideSoftInputFromWindow 的兩個參數
一個是 View 的 WindowToken； 另一個是 flag ，與顯示鍵盤時所帶入的 flag 有關
如果要確保關掉鍵盤，我們可以直接輸入 0

另一種比較簡單的方式是在 EditText 的 XML 之中，直接加入屬性

android:imeOptions=”actionDone”
便可以在輸入完文字後，直接確認並縮小鍵盤