基于移动终端跨平台的图片浏览器及其实现方法技术

本发明专利技术涉及移动应用开发领域，提供一种基于移动终端跨平台的图片浏览器及其实现方法，以解决图片浏览器的跨平台实现问题，该图片浏览器包括Android原生图片浏览器、iOS原生图片浏览器、设备识别模块、URL发生器、URL拦截器、打开图片模块、javascriptInterfac函数接口、iOS类型打开模块和Android类型打开模块，本发明专利技术提出的技术方案借助HTML5的跨平台技术，采用HTML5和Android/IOS的混合开发方式来实现跨平台图片浏览，不仅解决了图片浏览器跨平台的问题，还解决了图片缓存问题。

【技术实现步骤摘要】

本专利技术属于移动应用开发领域，特别涉及一种基于移动终端跨平台的图片浏览器及其实现方法。
技术介绍
目前，随着智能移动终端的普及，移动应用软件得到了快速的发展，移动终端的图片浏览方式多种多样。一般图片浏览器利用手势实现图片的放大缩小，左右滑动进行图片浏览的基础功能，但是这些浏览器只能运行在一个系统，一个平台(Android或者IOS)。随着HTML5的发展，也有采用纯HTML5实现跨平台的网页图片浏览器，但HTML5存在不能很好的解决大内存图片的缓存问题的缺陷，另外，网页图片浏览器对网络的依赖性高等问题极大的限制了用户浏览图片的体验。
技术实现思路
【要解决的技术问题】本专利技术的目的是提供一种基于移动终端跨平台的图片浏览器及其实现方法，以解决图片浏览器的跨平台实现问题。【技术方案】本专利技术是通过以下技术方案实现的。本专利技术首先涉及一种基于移动终端跨平台的图片浏览器的实现方法，包括以下步骤：A、开发图片浏览器的原生模块，最终用户通过打开图片模块传入要打开图片的路径，所述图片浏览器的原生模块包括Android原生图片浏览器和iOS原生图片浏览器，所述Android原生图片浏览器为用Android原生代码开发的能够兼容不同类型图片的Android图片浏览器，所述iOS原生图片浏览器是用iOS原生代码开发的能够兼容不同类型图片的iOS图片浏览器；B、通过设备识别模块获得当前设备类型；C、如果当前设备的类型为Android类型，则调用javascriptInterface函数接口，javascriptInterface函数接口调用Android原生图片浏览器打开图片；D、如果当前设备的类型为iOS类型，则构建打开图片浏览器的URL并调用URL发生器，URL拦截器拦截到URL后，解析出需要调用的iOS方法名及图片路径，URL拦截器调用iOS原生图片浏览器打开图片。作为一种优选的实施方式，所述设备识别模块通过函数functionisIOS判断浏览器类型并确定该浏览器所在的设备是否为iOS类型，若不是iOS类型，则该设备为Android类型。作为另一种优选的实施方式，所述URL发生器用于动态创建一个iframe并为该iframe设置src属性，所述URL拦截器通过拦截src属性值得到图片路径。作为另一种优选的实施方式，所述步骤A中在Eclipse环境和Xcode环境下进行图片浏览器的原生模块开发，所述图片浏览器的原生模块用于实现图片放大缩小、图片旋转、图片轮播、获取图片详情。作为另一种优选的实施方式，所述图片格式为jpg或png。本专利技术还涉及一种基于移动终端跨平台的图片浏览器，包括Android原生图片浏览器、iOS原生图片浏览器、设备识别模块、URL发生器、URL拦截器、打开图片模块、javascriptInterfac函数接口、iOS类型打开模块和Android类型打开模块，所述Android原生图片浏览器为用Android原生代码开发的能够兼容不同类型图片的Android图片浏览器，所述iOS原生图片浏览器是用iOS原生代码开发的能够兼容不同类型图片的iOS图片浏览器；所述打开图片模块用于传入要打开图片的路径；所述设备识别模块用于获得当前设备类型；所述Android类型打开模块被配置成：如果当前设备的类型为Android类型，则调用javascriptInterface函数接口，javascriptInterface函数接口调用Android原生图片浏览器打开图片；所述iOS类型打开模块被配置成：如果当前设备的类型为iOS类型，则构建打开图片浏览器的URL并调用URL发生器，URL拦截器拦截到URL后，解析出需要调用的iOS方法名及图片路径，URL拦截器调用iOS原生图片浏览器打开图片。作为一种优选的实施方式，所述设备识别模块通过函数functionisIOS判断浏览器类型并确定该浏览器所在的设备是否为iOS类型，若不是iOS类型，则该设备为Android类型。作为另一种优选的实施方式，所述URL发生器用于动态创建一个iframe并为该iframe设置src属性，所述URL拦截器通过拦截src属性值得到图片路径。作为另一种优选的实施方式，所述Android原生图片浏览器在Eclipse环境和Xcode环境下进行图片浏览器的原生模块开发，所述Android原生图片浏览器用于实现图片放大缩小、图片旋转、图片轮播、获取图片详情，所述iOS原生图片浏览器在Eclipse环境和Xcode环境下进行图片浏览器的原生模块开发，所述iOS原生图片浏览器用于实现图片放大缩小、图片旋转、图片轮播、获取图片详情。作为另一种优选的实施方式，所述图片格式为jpg或png。【有益效果】本专利技术提出的技术方案具有以下有益效果：本专利技术借助HTML5的跨平台技术，采用HTML5和Android/IOS的混合开发方式来实现跨平台图片浏览，不仅解决了图片浏览器跨平台的问题，还解决了图片缓存问题。附图说明图1为本专利技术的实施例一提供的基于移动终端跨平台的图片浏览器的原理框图。具体实施方式为使本专利技术的目的、技术方案和优点更加清楚，下面将对本专利技术的具体实施方式进行清楚、完整的描述。实施例一图1为本专利技术实施例一提供的基于移动终端跨平台的图片浏览器的原理框图。如图1所示，该图片浏览器包括Android原生图片浏览器、iOS原生图片浏览器、设备识别模块、URL发生器、URL拦截器、打开图片模块、javascriptInterface函数接口、iOS类型打开模块和Android类型打开模块。Android原生图片浏览器为用Android原生代码开发的能够兼容不同类型图片的Android图片浏览器，iOS原生图片浏览器是用iOS原生代码开发的能够兼容不同类型图片的iOS图片浏览器。具体地，Android原生图片浏览器在Eclipse环境和Xcode环境下进行图片浏览器的原生模块开发，Android原生图片浏览器用于实现图片放大缩小、图片旋转、图片轮播、获取图片详情，iOS原生图片浏览器在Eclipse环境和Xcode环境下进行图片浏览器的原生模块开发，iOS原生图片浏览器用于实现图片放大缩小、图片旋转、图片轮播、获取图片详情。打开图片模块用于传入要打开图片的路径。设备识别模块用于获得当前设备类型。具体地，设备识别模块通过函数functionisIOS判断浏览器类型并确定该浏览器所在的设备是否为iOS类型，若不是iOS类型，则该设备为Android类型。Android类型打开模块被配置成：如果当前设备的类型为Android类型，则调用javascriptInterface函数接口，javascriptInterface函数接口调用Android原生图片浏览器打开图片。URL发生器用于动态创建一个iframe并为该iframe设置src属性，URL拦截器通过拦截src属性值得到图片路径。iOS类型打开模块被配置成：如果当前设备的类型为iOS类型，则构建打开图片浏览器的URL并调用URL发生器，URL拦截器拦截到URL后，解析出需要调用的iOS方法名及图片路径，URL拦截器调用iOS原生图片浏览器打开图片。实施例一中的图片浏览器的实现方法可以参考下述具体方法实施例。实施本文档来自技高网...

【技术保护点】
一种基于移动终端跨平台的图片浏览器的实现方法，其特征在于包括以下步骤：A、开发图片浏览器的原生模块，最终用户通过打开图片模块传入要打开图片的路径，所述图片浏览器的原生模块包括Android原生图片浏览器和iOS原生图片浏览器，所述Android原生图片浏览器为用Android原生代码开发的能够兼容不同类型图片的Android图片浏览器，所述iOS原生图片浏览器是用iOS原生代码开发的能够兼容不同类型图片的iOS图片浏览器；B、通过设备识别模块获得当前设备类型；C、如果当前设备的类型为Android类型，则调用javascriptInterface函数接口，javascriptInterface函数接口调用Android原生图片浏览器打开图片；D、如果当前设备的类型为iOS类型，则构建打开图片浏览器的URL并调用URL发生器，URL拦截器拦截到URL后，解析出需要调用的iOS方法名及图片路径，URL拦截器调用iOS原生图片浏览器打开图片。

【技术特征摘要】
1.一种基于移动终端跨平台的图片浏览器的实现方法，其特征在于包括以下步骤：A、开发图片浏览器的原生模块，最终用户通过打开图片模块传入要打开图片的路径，所述图片浏览器的原生模块包括Android原生图片浏览器和iOS原生图片浏览器，所述Android原生图片浏览器为用Android原生代码开发的能够兼容不同类型图片的Android图片浏览器，所述iOS原生图片浏览器是用iOS原生代码开发的能够兼容不同类型图片的iOS图片浏览器；B、通过设备识别模块获得当前设备类型；C、如果当前设备的类型为Android类型，则调用javascriptInterface函数接口，javascriptInterface函数接口调用Android原生图片浏览器打开图片；D、如果当前设备的类型为iOS类型，则构建打开图片浏览器的URL并调用URL发生器，URL拦截器拦截到URL后，解析出需要调用的iOS方法名及图片路径，URL拦截器调用iOS原生图片浏览器打开图片。2.根据权利要求1所述的基于移动终端跨平台的图片浏览器的实现方法，其特征在于所述设备识别模块通过函数functionisIOS判断浏览器类型并确定该浏览器所在的设备是否为iOS类型，若不是iOS类型，则该设备为Android类型。3.根据权利要求1所述的基于移动终端跨平台的图片浏览器的实现方法，其特征在于所述URL发生器用于动态创建一个iframe并为该iframe设置src属性，所述URL拦截器通过拦截src属性值得到图片路径。4.根据权利要求1所述的基于移动终端跨平台的图片浏览器的实现方法，其特征在于所述步骤A中在Eclipse环境和Xcode环境下进行图片浏览器的原生模块开发，所述图片浏览器的原生模块用于实现图片放大缩小、图片旋转、图片轮播、获取图片详情。5.根据权利要求1所述的基于移动终端跨平台的图片浏览器的实现方法，其特征在于所述图片格式为jpg或png。6.一种基于移动终端跨平台的图片浏览器，其特征在于包括Android原生图片浏览器、iOS原生图片浏览器、设备识别模块、URL发生器、URL拦截器...

【专利技术属性】
技术研发人员：何娟，庞磊，
申请(专利权)人：四川长虹电器股份有限公司，
类型：发明
国别省市：四川;51