热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

功能:与JS交互状态下使用原生预览前端图片

混合开发中,在一些前端编写的页面里有些点击事件需要调用安卓端的方法,这时候需要与前端拟定该方法,供前端进行调用从而实现与JS进行交互的目的。一:在webActivity中提供给JS

混合开发中,在一些前端编写的页面里有些点击事件需要调用安卓端的方法,这时候需要与前端拟定该方法,供前端进行调用从而实现与JS进行交互的目的。

一:在webActivity中提供给JS调用的方法

mWebView.addJavascriptInterface( new NativeCallBack(), “native” );

以上: NativeCallBack()方法是一个回调函数,本来可以直接设置一个供JS调用的函数,但是因为交互的地方肯定不止一处,所以在该回调函数中,可以放置各种供给JS调用的函数(下文贴图,将所有JS需要调用的函数都写在该回调函数中,需要时调用即可)。 native为与前端约定的方法字段,可以任意,但双端要一致。

以下是回调函数中的内容( 橘框中 ):

其中:

previewImage给JS调用;

参数: currentUrl为JS传入的被点击图片的url地址, imageArray为JS传入的众多图片的地址数组(String [ ]);

其中涉及Array 与 List 之间的转化,因为在多图图片预览中使用的是ViewPager进行切换图片,其数据源使用的是List类型;

《功能:与JS交互状态下使用原生预览前端图片》 供JS调用的图片预览方法

二:预览图的XML布局

《功能:与JS交互状态下使用原生预览前端图片》 图片预览Activity的布局

三:ViewPager的适配器

就是最原始的适配器

《功能:与JS交互状态下使用原生预览前端图片》 ViewPager适配器

四:预览图片的Activity

所有功能都在下面的两张图中,有注释

《功能:与JS交互状态下使用原生预览前端图片》 Activity的第一部分

《功能:与JS交互状态下使用原生预览前端图片》 Activity的第二部分

结束。


推荐阅读
author-avatar
手机用户2702932821
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有