当前位置:主页 > android教程 > Kotlin WebView

Kotlin语言使用WebView示例介绍

发布:2023-03-07 11:00:01 59


本站精选了一篇相关的编程文章,网友丁高雅根据主题投稿了本篇教程内容,涉及到Kotlin、WebView、Android、WebView、Kotlin WebView相关内容,已被642网友关注,涉猎到的知识点内容可以在下方电子书获得。

Kotlin WebView

1、WebView类提供的常用方法

2、WebView的简单用法实现浏览网页

步骤:

布局文件

MainActivity.kt文件

1、启用JavaScript的支持

调用WebSetting类的setJavaScriptEnabled()方法,设置启动JavaScript的支持

val webView:WebView=findViewById(R.id.webView)
webView.settings.javaScriptEnabled=true

2、目标的网页仍然在当前WebView中显示

调用WebView的setWebViewClient()方法,从一个网页跳转到另一个网页时,跳转的网页也在webView中显示

webView.webViewClient= WebViewClient()

3、将网址传入

调用WebView的loadUrl方法,将网址传入,显示网页内容

webView.loadUrl("https://www.baidu.com")

AndroidManifest文件

加入权限声明

访问网络时需要声明权限的,在AndroidManifest中加入以下权限声明

3、结合WebView方法做一个迷你浏览器


    
        
class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        //控件
        val webView:WebView=findViewById(R.id.webView)
        val back:Button=findViewById(R.id.back)
        val forward:Button=findViewById(R.id.forward)
        val refresh:Button=findViewById(R.id.refresh)
        val go:Button=findViewById(R.id.go)
        val edittext:EditText=findViewById(R.id.edittext)
        //浏览网页
        webView.settings.javaScriptEnabled=true//启用JavaScript的支持
        webView.webViewClient= WebViewClient()//目标的网页仍然在当前WebView中显示
        webView.loadUrl("https://www.baidu.com")//.将网址传入
        //按键的点击事件
        back.setOnClickListener {
            webView.goBack()//返回
        }
        forward.setOnClickListener {
            webView.goForward()//前进
        }
        refresh.setOnClickListener {
            webView.reload()//重新加载当前页面
        }
        go.setOnClickListener {
            if(edittext.text.toString()!=null) {//判断是否输入网址
                webView.loadUrl("http://" +edittext.text.toString())//加载输入的网址
                webView.webViewClient=WebViewClient()
            }
        }
    }
}

最终的效果图如下

4、加载本地html页面

新建html的方法(android studio)

右键点击main->"New"->"Folder"->"Assets Folder"

在文件名的后面加".html"

步骤

1.在布局文件中添加WebView组件

2、调用WebView的loadUrl()方法(注意是三条///)

val webView:WebView=findViewById(R.id.webView)
        webView.loadUrl("file:///android_asset/a.html")

5、于JavaScript交互调用

WebSetting类提供的常用方法

步骤

在布局文件中添加WebView,调用WebSetting类的setJavaScriptEnabled()方法,设置启动JavaScript的支持,调用WebView的setWebViewClient()方法,调用WebView的loadUrl方法,将html文件传入,新建JavaScriptObject类,调用addJavascriptInterface方法,这样,我们就可以通过js直接使用app,执行JavaScriptObject类里面的方法。

例子展示JavaScript调用Android的通话功能

html文件


  
    JavaScript交互
  
   
      hello
   

布局文件(上面已有,就不多放代码了)

AndroidManifest文件

class MainActivity : AppCompatActivity() {
    class JavaScriptObject(var context: Context) {
        @JavascriptInterface//一定要添加这个标签,将该方法暴露给JavaScript
           fun call(n:String)
           {
               var intent= Intent(Intent.ACTION_DIAL).setData(Uri.parse("tel:" + n));
               startActivity(context,intent,null);
           }
    }
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        val webView:WebView=findViewById(R.id.webView)
        webView.webViewClient=WebViewClient()
        webView.settings.javaScriptEnabled=true;
        webView.loadUrl("file:///android_asset/a.html")
        webView.addJavascriptInterface(JavaScriptObject(this),"app")
    }
}

在"Manifest"文件添加电话的权限

运行结果如图

到此这篇关于Kotlin语言使用WebView示例介绍的文章就介绍到这了,更多相关Kotlin WebView内容请搜索码农之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持码农之家!


参考资料

相关文章

  • Android涨姿势知识点之你没用过的BadgeDrawable

    发布:2023-03-05

    现在Android中有许多的应用仿苹果的在应用图标上显示小红点,下面这篇文章主要给大家介绍了关于Android涨姿势知识点之你没用过的BadgeDrawable的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下


  • Android Handler源码深入探究

    发布:2023-03-03

    handler其实就是主线程在起了一个子线程,子线程运行并生成Message,Looper获取message并传递给Handler,Handler逐个获取子线程中的Message


  • Android使用popupWindow仿微信弹出框使用方法

    发布:2023-03-11

    这篇文章主要为大家详细介绍了Android使用popupWindow仿微信弹出框使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • Android开发实战闹钟项目

    发布:2023-03-07

    这篇文章主要介绍了Android开发实战闹钟项目,根据我们手机闹钟设计的一个闹钟APP,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • Android自定义DataTimePicker日期时间选择器使用详解

    发布:2023-03-10

    这篇文章主要为大家详细介绍了Android自定义DataTimePicker日期时间选择器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • Android View转换为Bitmap实现应用内截屏功能

    发布:2023-03-07

    这篇文章主要介绍了Android View转换为Bitmap实现应用内截屏功能,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧


  • Android中分析Jetpack Compose动画内部的实现原理

    发布:2023-03-04

    这篇文章主要介绍了Android中分析Jetpack Compose动画内部的实现原理,文章围绕主题展开详细的内容介绍,具有一定的参考价值,感兴趣的小伙伴可以参考一下


  • Kotlin协程之Flow基础原理示例解析

    发布:2023-03-04

    这篇文章主要为大家介绍了Kotlin协程之Flow基础原理示例解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪


网友讨论