功能:与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交互状态下使用原生预览前端图片_第1张图片
供JS调用的图片预览方法

二:预览图的XML布局

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

三:ViewPager的适配器

就是最原始的适配器

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

四:预览图片的Activity

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

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


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

结束。

你可能感兴趣的:(功能:与JS交互状态下使用原生预览前端图片)