0


Kotlin,Android实现最简单的WebView,手把手教会你

在这篇文章中我会手把手教大家如何使用一个简易的webview

访问 https://www.baidu.com,输入其他网址进行访问

( 创作不易,希望得到大家的点赞支持,谢谢大家)

一.关于WebView

问:什么是WebView?

答:WebView 是 Android 平台上的一个 View 类,用于在应用程序中显示网页内容。它允许应用程序加载和显示网页,可以用来展示网页内容、嵌入第三方网页、展示网页应用等。WebView 可以与 Web 页面进行交互,支持加载 HTML、JavaScript、CSS 等网络内容,并提供了一些方法和接口来处理网页的加载和交互。

开发人员可以在 Android 应用中使用 WebView 来展示各种网页内容,包括静态网页、动态网页、Web 应用程序等。通过 WebView,用户可以在应用内部浏览网页,而不必离开应用程序的环境。

总的来说,WebView 是 Android 中用于展示网页内容、与 Web 页面交互的一个重要组件。

使用WebView,我们就可以自己做一个简易的浏览器

二.使用WebView

2.1 添加网络权限

!!!非常重要

网络权限一定要添加

  1. <!-- 网络权限 -->
  2. <uses-permission android:name="android.permission.INTERNET" />

按照下图所示,添加网络权限

2.2 修改布局xml文件

我放了几个button,用于控制网页的前进、后退、重新加载等功能

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. xmlns:app="http://schemas.android.com/apk/res-auto"
  4. xmlns:tools="http://schemas.android.com/tools"
  5. android:id="@+id/main"
  6. android:layout_width="match_parent"
  7. android:layout_height="match_parent"
  8. tools:context=".MainActivity">
  9. <WebView
  10. android:id="@+id/webview"
  11. android:layout_width="match_parent"
  12. android:layout_height="0dp"
  13. app:layout_constraintTop_toTopOf="parent"
  14. app:layout_constraintBottom_toTopOf="@+id/bottom_view"/>
  15. <RelativeLayout
  16. android:id="@+id/bottom_view"
  17. android:layout_width="match_parent"
  18. android:layout_height="wrap_content"
  19. app:layout_constraintBottom_toBottomOf="parent">
  20. <Button
  21. android:id="@+id/back"
  22. android:layout_width="wrap_content"
  23. android:layout_height="60dp"
  24. android:text="后退"/>
  25. <Button
  26. android:id="@+id/go"
  27. android:layout_width="wrap_content"
  28. android:layout_height="60dp"
  29. android:layout_toEndOf="@+id/back"
  30. android:text="前进"/>
  31. <Button
  32. android:id="@+id/reload"
  33. android:layout_width="wrap_content"
  34. android:layout_height="60dp"
  35. android:layout_toEndOf="@+id/go"
  36. android:text="重新加载当前页面"/>
  37. <EditText
  38. android:id="@+id/editttext"
  39. android:layout_width="250dp"
  40. android:layout_height="60dp"
  41. android:layout_alignLeft="@+id/back"
  42. android:singleLine="true"
  43. android:hint="www.bilibili.com"
  44. android:layout_below="@+id/back"/>
  45. <Button
  46. android:id="@+id/gogo"
  47. android:layout_width="wrap_content"
  48. android:layout_height="60dp"
  49. android:layout_alignParentRight="true"
  50. android:layout_alignTop="@+id/editttext"
  51. android:text="前往该网页"/>
  52. </RelativeLayout>
  53. </androidx.constraintlayout.widget.ConstraintLayout>

实现这样的布局效果,上面为WebView,下面就是自己放的一些控件

2.3 修改kt文件

  1. class MainActivity : AppCompatActivity() {
  2. override fun onCreate(savedInstanceState: Bundle?) {
  3. super.onCreate(savedInstanceState)
  4. setContentView(R.layout.activity_main)
  5. val webview: WebView = findViewById(R.id.webview)
  6. val back: Button = findViewById(R.id.back)
  7. val go: Button = findViewById(R.id.go)
  8. val reload: Button = findViewById(R.id.reload)
  9. val editttext: EditText = findViewById(R.id.editttext)
  10. val gogo: Button = findViewById(R.id.gogo)
  11. webview.settings.javaScriptEnabled=true//启用JavaScript的支持
  12. webview.webViewClient= WebViewClient()//目标的网页仍然在当前WebView中显示
  13. webview.loadUrl("https://www.baidu.com")//.将网址传入
  14. webview.canGoBack()
  15. //三个按钮点击事件,返回、前进、重新加载
  16. back.setOnClickListener(){
  17. webview.goBack()
  18. }
  19. go.setOnClickListener(){
  20. webview.goForward()
  21. }
  22. reload.setOnClickListener(){
  23. webview.reload()
  24. }
  25. //点击前往输入的网址
  26. gogo.setOnClickListener(){
  27. if (!editttext.text.toString().isNullOrEmpty()){
  28. webview.webViewClient= WebViewClient()
  29. webview.loadUrl("https://"+editttext.text.toString())
  30. }else{
  31. Toast.makeText(this,"请输入网址", Toast.LENGTH_LONG).show()
  32. }
  33. }
  34. }
  35. }

按照这样写,就可以实现WebView的功能

** webview.settings.javaScriptEnabled=true//启用JavaScript的支持**

webview.webViewClient= WebViewClient()//目标的网页仍然在当前WebView中显示

  1. 其中这两句比较重要,一定要启用 **JavaScript**

剩下的也比较简单了,我也都写了注释,相信可以看明白

( 对于输入框输入的网址判断没用写的很明确,我只写了判断是否为空 )

2.4 效果

按照这样编辑代码就可以实现最基础的WebView了

WebView 效果


本文转载自: https://blog.csdn.net/m0_74531507/article/details/140666319
版权归原作者 这次终于凑到十个字了 所有, 如有侵权,请联系我们删除。

“Kotlin,Android实现最简单的WebView,手把手教会你”的评论:

还没有评论