功能:与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<View>类型;

供JS调用的图片预览方法

二:预览图的XML布局

图片预览Activity的布局

三:ViewPager的适配器

就是最原始的适配器

ViewPager适配器

四:预览图片的Activity

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

Activity的第一部分


Activity的第二部分

结束。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容