图像预览方法、装置、设备及存储介质制造方法及图纸

本发明专利技术实施例公开了一种基于React Native的图像预览方法、装置、设备及存储介质。所述方法包括：获取操作界面转换指令；如果操作界面转换指令对应的转换后的操作界面为设定图像预览界面，则调用基于React Native的图像预览程序，以使图像预览程序根据设定图像预览界面对应的用户操作显示预览图像。本发明专利技术实施例的技术方案解决了现有技术中需要针对不同的移动操作系统编写不同的内置于应用程序或可被应用程序调用的图像预览程序模块，导致应用程序开发成本增加以及开发效率降低的技术缺陷，实现了降低基于Android以及iOS系统的应用程序的开发成本，且提高了应用程序的开发效率。

Image preview methods, devices, devices and storage media

The embodiment of the present invention discloses an image preview method, device, device and storage medium based on React Native. The method includes: acquiring operation interface conversion instructions; if the converted operation interface corresponding to the operation interface conversion instructions is a set image preview interface, then the image preview program based on React Native is invoked to enable the image preview program to display the preview image according to the corresponding user operation of the set image preview interface. The technical scheme of the embodiment of the present invention solves the technical defect that different built-in applications or image preview program modules that can be invoked by applications need to be written for different mobile operating systems in the prior art, which leads to the increase of application development cost and the decrease of development efficiency, and realizes the reduction of application development cost based on Android and iOS systems. It improves the efficiency of application development.

【技术实现步骤摘要】
图像预览方法、装置、设备及存储介质
本专利技术实施例涉及图像预览
，尤其涉及一种基于ReactNative的图像预览方法、装置、设备及存储介质。
技术介绍
现如今，移动终端所使用的操作系统绝大多数为Android系统和iOS系统，其中，Android系统是由Google公司开发的操作系统，iOS系统是由苹果公司的移动操作系统，这两大移动操作系统完全不同。现有技术中，编程人员在编写移动终端中的应用程序时，需要针对Android系统和iOS系统编写两个版本的应用程序，浪费了大量的人力物力，使得应用程序的开发成本较高，开发效率较低。WebApp是指基于Web的系统和应用，其可以向广大的用户发布一组复杂的内容和功能。虽然同时针对Android系统和iOS系统可以只编写一个版本的WebApp，但是WebApp的手势识别性能较差，其难以顺畅地对手势操作进行响应。例如，在通过用户的手势操作触发图像预览时，会出现卡顿的现象，难以顺畅地显示预览图像。
技术实现思路
有鉴于此，本专利技术实施例提供了一种图像预览方法、装置、设备及存储介质，以优化现有的应用程序的图像预览方法，降低了移动终端的应用程序的开发成本。在第一方面，本专利技术实施例提供了一种基于ReactNative的图像预览方法，包括：获取操作界面转换指令；如果所述操作界面转换指令对应的转换后的操作界面为设定图像预览界面，则调用基于ReactNative的图像预览程序，以使所述图像预览程序根据所述设定图像预览界面对应的用户操作显示预览图像。在上述方法中，可选的是，所述用户操作为手势操作。在上述方法中，可选的是，所述图像预览程序根据所述设定图像预览界面对应的用户操作显示预览图像，包括：通过所述图像预览程序，判断用户对所述设定图像预览界面中的目标图像的操作是否为预览操作；如果为预览操作，则通过所述图像预览程序显示所述目标图像的预览图像。在上述方法中，可选的是，所述通过所述图像预览程序显示所述目标图像的预览图像，包括：通过所述图像预览程序，根据所述目标图像在屏幕中的位置，确定所述目标图像的预览图像的显示位置；通过所述图像预览程序，将所述预览图像在所述显示位置上进行显示。在上述方法中，可选的是，所述通过所述图像预览程序，根据所述目标图像在屏幕中的位置，确定所述目标图像的预览图像的显示位置，具体包括：通过所述图像预览程序，根据所述目标图像的上边缘线与屏幕的上边缘线之间的距离与所述预览图像的图像高度的比值，确定所述预览图像的显示位置。在上述方法中，可选的是，所述预览操作为长按；在所述通过所述图像预览程序显示所述目标图像的预览图像之后，还包括：通过所述图像预览程序，判断所述用户是否通过与所述预览操作相连的滑动操作更新目标图像；如果所述用户通过与所述预览操作相连的滑动操作更新目标图像，则通过所述图像预览程序更新预览图像。在上述方法中，可选的是，所述通过所述图像预览程序显示所述目标图像的预览图像，具体包括：关闭ScrollView滚动响应之后，通过所述图像预览程序显示所述目标图像的预览图像。在第二方面，本专利技术实施例提供了一种基于ReactNative的图像预览装置，包括：转换指令获取模块，用于获取操作界面转换指令；程序调用模块，用于如果所述操作界面转换指令对应的转换后的操作界面为设定图像预览界面，则调用基于ReactNative的图像预览程序，以使所述图像预览程序根据所述设定图像预览界面对应的用户操作显示预览图像。在第三方面，本专利技术实施例提供了一种设备，所述设备包括：一个或多个处理器；存储装置，用于存储一个或多个程序；当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如本专利技术任意实施例所述的基于ReactNative的图像预览方法。在第四方面，本专利技术实施例提供了一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行如本专利技术任意实施例所述的基于ReactNative的图像预览方法。本专利技术实施例提供了一种图像预览方法、装置、设备及存储介质，通过在应用程序进入图像预览界面时，调用基于ReactNative的图像预览程序，实现根据用户操作显示预览图像，解决了现有技术中需要针对不同的移动操作系统编写不同的内置于应用程序或可被应用程序调用的图像预览程序模块，导致应用程序开发成本增加以及开发效率降低的技术缺陷，实现了降低基于Android系统以及iOS系统的应用程序的开发成本，且提高了应用程序的开发效率。附图说明图1是本专利技术实施例一提供的一种基于ReactNative的图像预览方法的流程图；图2是本专利技术实施例二提供的一种基于ReactNative的图像预览方法的流程图；图3是本专利技术实施例三提供的一种基于ReactNative的图像预览方法的流程图；图4是本专利技术实施例四提供的一种基于ReactNative的图像预览装置的结构图；图5是本专利技术实施例五提供的一种设备的结构图。具体实施方式为了使本专利技术的目的、技术方案和优点更加清楚，下面结合附图对本专利技术具体实施例作进一步的详细描述。可以理解的是，此处所描述的具体实施例仅仅用于解释本专利技术，而非对本专利技术的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本专利技术相关的部分而非全部内容。在更加详细地讨论示例性实施例之前应当提到的是，一些示例性实施例被描述成作为流程图描绘的处理或方法。虽然流程图将各项操作(或步骤)描述成顺序的处理，但是其中的许多操作可以被并行地、并发地或者同时实施。此外，各项操作的顺序可以被重新安排。当其操作完成时所述处理可以被终止，但是还可以具有未包括在附图中的附加步骤。所述处理可以对应于方法、函数、规程、子例程、子程序等等。实施例一图1为本专利技术实施例一提供的一种基于ReactNative的图像预览方法的流程图，本实施例的方法可以由基于ReactNative的图像预览装置来执行，该装置可通过硬件和/或软件的方式实现，并一般可集成于设备中，例如移动终端、服务器等。本实施例的方法具体包括：S101、获取操作界面转换指令。在本实施例中，操作界面具体是指用于接收并执行用户操作的应用程序的操作界面。操作界面转换指令具体是指从当前操作界面转换至其他操作界面的指令。S102、如果操作界面转换指令对应的转换后的操作界面为设定图像预览界面，则调用基于ReactNative的图像预览程序，以使图像预览程序根据设定图像预览界面对应的用户操作显示预览图像。可以理解的是，用户在使用应用程序时，经常会进行操作界面的转换。应用程序在启动不同的操作界面时，可能会调用不同的程序模块。在本实施例中，如果操作界面转换指令对应的转换后的操作界面为设定图像预览界面，则会调用基于ReactNative的图像预览程序，并通过该图像预览程序实现设定图像预览界面对应的各种程序功能。基于ReactNative的图像预览程序既可以是应用程序包括的一个程序模块，也可以是独立于应用程序的一个程序模块。其中，基于ReactNative的图像预览程序具体是指使用ReactNative框架编写的程序。设定图像预览界面具体是指通过基于ReactNative的图像预览程序实现的，可与用户进行交互实现图像预览的操作界面。可知的是，ReactNat本文档来自技高网...

【技术保护点】
1.一种基于React Native的图像预览方法，其特征在于，包括：获取操作界面转换指令；如果所述操作界面转换指令对应的转换后的操作界面为设定图像预览界面，则调用基于React Native的图像预览程序，以使所述图像预览程序根据所述设定图像预览界面对应的用户操作显示预览图像。

【技术特征摘要】
1.一种基于ReactNative的图像预览方法，其特征在于，包括：获取操作界面转换指令；如果所述操作界面转换指令对应的转换后的操作界面为设定图像预览界面，则调用基于ReactNative的图像预览程序，以使所述图像预览程序根据所述设定图像预览界面对应的用户操作显示预览图像。2.根据权利要求1所述的方法，其特征在于，所述用户操作为手势操作。3.根据权利要求1或2所述的方法，其特征在于，所述图像预览程序根据所述设定图像预览界面对应的用户操作显示预览图像，包括：通过所述图像预览程序，判断用户对所述设定图像预览界面中的目标图像的操作是否为预览操作；如果为预览操作，则通过所述图像预览程序显示所述目标图像的预览图像。4.根据权利要求3所述的方法，其特征在于，所述通过所述图像预览程序显示所述目标图像的预览图像，包括：通过所述图像预览程序，根据所述目标图像在屏幕中的位置，确定所述目标图像的预览图像的显示位置；通过所述图像预览程序，将所述预览图像在所述显示位置上进行显示。5.根据权利要求4所述的方法，其特征在于，所述通过所述图像预览程序，根据所述目标图像在屏幕中的位置，确定所述目标图像的预览图像的显示位置，具体包括：通过所述图像预览程序，根据所述目标图像的上边缘线与屏幕的上边缘线之间的距离与所述预览图像的图像高度的比值，确定所述预览图像的显示位置。6.根据权利要求3所述的方法，其...

【专利技术属性】
技术研发人员：宋大伟，张丹，
申请(专利权)人：苏州好玩友网络科技有限公司，
类型：发明
国别省市：江苏,32