【AppInventor】如何使用网页浏览框的页面交换字串

网友投稿 2018-08-14 13:27

本篇翻译自:PuraVidaApps

原文请见:How does the property Webviewer.WebViewString work?

或者访问:http://www.puravidaapps.com/snippets.php#2webviewstring

如何使用网页浏览框的页面交换字串

你可以使用“页面交换字串”属性在APP与网页之间进行双向通信。在你的APP里,你可以获取或者设置页面交换字串属性。打开一个带有JavaScript的html网页,使用getWebViewString()和setWebViewString(此处输入文本)的方法进行双向通信。

例如,我上传一个html文件作为AppInventor的素材,当然你也可以把html文件在SD卡中。

有一个重要的事情需要考虑:你上传一个html文件作为AppInventor的素材,在开发过程中(译者注:即使用AI伴侣时)要使用开发路径。

file:///mnt/sdcard/AppInventor/assets/webviewstring.html

在编译程序之前,要使用项目路径。

file:///android_asset/webviewstring.html

HTML文件内容如下:

https://cdn.china-scratch.com/timg/180816/132F22647-0.jpg

程序编程:

https://cdn.china-scratch.com/timg/180816/132F22940-1.jpg

注意:此处用了TaifunTools的插件,用于返回assets文件夹的路径,与原文不同,但效果相同,且使用更加方便。原文图片如下:

https://cdn.china-scratch.com/timg/180816/132F32P8-2.jpg

运行效果如下:

https://cdn.china-scratch.com/timg/180816/132F35196-3.jpg

由于我手机的截图无法截取对话框内容,所以改用了“消息对话框”以便截图,如图所示:

https://cdn.china-scratch.com/timg/180816/132F35132-4.jpg

--end--

声明:本文章由网友投稿作为教育分享用途,如有侵权原作者可通过邮件及时和我们联系删除:freemanzk@qq.com