CN112051952A - 图片动态浏览方法、装置、电子设备及可读存储介质 - Google Patents
图片动态浏览方法、装置、电子设备及可读存储介质 Download PDFInfo
- Publication number
- CN112051952A CN112051952A CN202011034504.7A CN202011034504A CN112051952A CN 112051952 A CN112051952 A CN 112051952A CN 202011034504 A CN202011034504 A CN 202011034504A CN 112051952 A CN112051952 A CN 112051952A
- Authority
- CN
- China
- Prior art keywords
- picture
- browsed
- loading
- popup
- screen page
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04886—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Software Systems (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及一种图像处理技术,揭露了一种图片动态浏览方法,包括:在屏幕页面中配置弹窗;获取待浏览图片,在预构建的图片加载组件中配置所述待浏览图片的加载动画,得到目标图片加载组件;构建所述弹窗与所述目标图片加载组件的图片加载通道;响应于所述待浏览图片的点击放大事件,利用所述图片加载通道,将所述待浏览图片从所述目标图片加载组件加载至所述弹窗中;响应于所述待浏览图片的点击缩放事件,利用所述图片加载通道,将所述待浏览图片从所述弹窗返回至所述屏幕页面中。本发明还提出一种图片动态浏览装置、电子设备以及存储介质。此外,本发明还涉及区块链技术,所待浏览图片可存储于区块链中。本发明可以实现图片的动态浏览。
Description
技术领域
本发明涉及图像处理领域,尤其涉及一种图片动态浏览方法、装置、电子设备及计算机可读存储介质。
背景技术
目前在移动端app中进行图片放大浏览的操作通常是在用户点击目标图片后,将目标图片加载至一个窗口(又称Activity)中实现,但在加载过程中,并没有一个目标图片的放大动画效果,此外,当用户关闭大图浏览窗口时,也没有一个缩放回到用户点击的目标图片位置的缩小动画效果,另外,在利用实现目标图片加载放大和缩小的过程中,由于Activity容易出现加载失败的情况,导致容易出现目标图片黑屏,从而会降低图片在放大和缩放时的用户视觉体验度,进而影响用户的交互体验。
发明内容
本发明提供一种图片动态浏览方法、装置、电子设备及计算机可读存储介质,其主要目的在于实现图片的动态浏览,且克服图片加载时出现黑屏的情况。
为实现上述目的,本发明提供的一种图片动态浏览方法,包括:
在屏幕页面中配置弹窗;
获取待浏览图片,在预构建的图片加载组件中配置所述待浏览图片的加载动画,得到目标图片加载组件;
构建所述弹窗与所述目标图片加载组件的图片加载通道;
响应于所述待浏览图片的点击放大事件,利用所述图片加载通道,将所述待浏览图片从所述目标图片加载组件加载至所述弹窗中;
响应于所述待浏览图片的点击缩放事件,利用所述图片加载通道,将所述待浏览图片从所述弹窗返回至所述屏幕页面中。
可选地,所述所述在屏幕页面中配置弹窗,包括:
配置与所述屏幕页面具有相同尺寸的弹窗;
获取所述屏幕页面的统一资源定位器地址,利用预设的链接指令将所述统一资源定位器地址加载至所述弹窗中,得到所述弹窗。
可选地,所述配置与所述屏幕页面具有相同尺寸的弹窗,包括:
从所述屏幕页面的源代码中查询所述屏幕页面的页面尺寸;
根据所述页面尺寸,配置与所述屏幕页面具有相同尺寸的弹窗。
可选地,所述在预构建的图片加载组件中配置所述待浏览图片的加载动画,得到目标图片加载组件,包括:
将所述待浏览图片的图片地址加载至所述图片加载组件的图片缓存模块中;
在所述图片加载组件的图片呈现模块中自定义所述待浏览图片的加载动画,得到目标图片加载组件。
可选地,所述构建所述弹窗与所述目标图片加载组件的图片加载通道,包括:
识别所述弹窗的接口参数;
获取所述目标图片加载组件的端口参数;
根据所述接口参数以及端口参数,配置所述弹窗和所述目标图片加载组件的图片加载通道。
可选地,所述识别所述弹窗的接口参数,包括:
查询所述弹窗的配置文件,识别所述配置文件的接口地址,读取所述接口地址的属性参数,得到弹窗的接口参数。
可选地,在响应于所述待浏览图片的点击放大事件之前还包括:创建放大事件按钮;
其中,所述创建放大事件按钮包括:
获取所述显示待浏览图片的屏幕页面的编译环境,在所述编译环境的表单中创建一个点击按钮,在所述点击按钮中创建放大事件,得到所述放大事件按钮。
为了解决上述问题,本发明还提供一种图片动态浏览装置,所述装置包括:
配置模块,用于在屏幕页面中配置弹窗;
所述配置模块,还用于获取待浏览图片,在预构建的图片加载组件中配置所述待浏览图片的加载动画,得到目标图片加载组件;
构建模块,用于构建所述弹窗与所述目标图片加载组件的图片加载通道;
响应模块,用于响应于所述待浏览图片的点击放大事件,利用所述图片加载通道,将所述待浏览图片从所述目标图片加载组件加载至所述弹窗中;
所述响应模块,还用于响应于所述待浏览图片的点击缩放事件,利用所述图片加载通道,将所述待浏览图片从所述弹窗返回至所述屏幕页面中。
为了解决上述问题,本发明还提供一种电子设备,所述电子设备包括:
存储器,存储至少一个指令;及
处理器,执行所述存储器中存储的指令以实现上述所述的图片动态浏览方法。
为了解决上述问题,本发明还提供一种计算机可读存储介质,所述计算机可读存储介质中存储有至少一个指令,所述至少一个指令被电子设备中的处理器执行以实现上述所述的图片动态浏览方法。
本发明实施例获取待浏览图片及显示所述待浏览图片的屏幕页面,基于所述屏幕页面,配置所述待浏览图片的弹窗,得到图片加载弹窗;根据所述待浏览图片的图片地址,在图片加载组件中配置所述待浏览图片的加载动画,得到目标图片加载组件,使得用户在点击小图之后预览大图有一个整体的交互体验,同时,基于所述目标图片加载组件实现所述弹窗与所述屏幕页面的图片浏览,可以避免图片加载出现黑屏的情况。因此,本发明提出的一种图片动态浏览方法、装置、电子设备以及存储介质可以提高用户的交互体验。
附图说明
图1为本发明一实施例提供的图片动态浏览方法的流程示意图;
图2为本发明第一实施例中图1提供的图片动态浏览方法步骤S1中的详细流程示意图;
图3为本发明第一实施例中图2提供的图片动态浏览方法步骤S10中的详细流程示意图;
图4为本发明第一实施例中图1提供的图片动态浏览方法步骤S2中的详细流程示意图;
图5为本发明第一实施例中图1提供的图片动态浏览方法步骤S3中的详细流程示意图;
图6为本发明一实施例提供的图片动态浏览装置的模块示意图;
图7为本发明一实施例提供的实现图片动态浏览方法的电子设备的内部结构示意图;
本发明目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。
具体实施方式
应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
本申请实施例提供一种图片动态浏览方法。所述图片动态浏览方法的执行主体包括但不限于服务端、终端等能够被配置为执行本申请实施例提供的该方法的电子设备中的至少一种。换言之,所述图片动态浏览方法可以由安装在终端设备或服务端设备的软件或硬件来执行,所述软件可以是区块链平台。所述服务端包括但不限于:单台服务器、服务器集群、云端服务器或云端服务器集群等。
参照图1所示的本发明一实施例提供的图片动态浏览方法的流程示意图。在本发明实施例中,所述图片动态浏览方法包括:
S1、在屏幕页面中配置弹窗。
本发明较佳实施例中,所述屏幕页面指的是显示图片的页面,例如,所述屏幕页面可以为:移动端app页面,所述弹窗指的是显示图片放大后的一个屏幕页面。
具体的,参阅图2所示,所述在屏幕页面中配置弹窗包括:
S10、配置与所述屏幕页面具有相同尺寸的弹窗;
S11、获取所述屏幕页面的统一资源定位器(Uniform Resource Locator,URL)地址,利用预设的链接指令将所述URL地址加载至所述弹窗中,得到所述弹窗。
一个优选实施例中,所述弹窗在预构建的图片加载页面中进行配置,所述预构建的图片加载页面通过当前已知的html语言+css样式+javascript脚本进行构建,详细地,利用html语言进行编译所述预构建的图片加载页面的静态页面,利用css样式编译所述预构建的图片加载页面的页面形式,利用javascript脚本编译所述预构建的图片加载页面的动态页面效果。
一个优选实施例中,所述预设的链接指令为href指令,用于对两个页面进行连接,从而可以让一个页面能成功跳转到另一个页面中,进一步地,所述利用预设的链接指令将所述URL地址加载至所述弹窗中,即利用href指令将所述URL地址添加至所述弹窗的源代码中。
进一步地,参阅图3所示,所述S10包括:
S100、从所述屏幕页面的源代码中查询所述屏幕页面的页面尺寸,其中,所述页面尺寸包括:屏幕页面的长度、高度以及宽度;
S101、根据所述页面尺寸,配置与所述屏幕页面具有相同尺寸的弹窗。
基于所述弹窗的生成,保障了待浏览图片可以成功进行放大查看的前提。
S2、获取待浏览图片,在预构建的图片加载组件中配置所述待浏览图片的加载动画,得到目标图片加载组件。
本发明较佳实施例中,所述待浏览图片指的是用户需要进行放大查看的图片,所述屏幕页面指的是所述待浏览图片的显示的位置,例如,所述待浏览图片可以为:风景图片、人物图片以及动物图片等。
本发明较佳实施中,所述预构建的图片加载组件包括:Fresco组件,所述Fresco组件是一种用于进行图片加载的组件,其支持在图片加载过程中,可以很好的展示出图片的加载动画效果,进一步地,本发明中,所述图片加载组件包括:图片缓存模块和图片呈现模块,其中,所述图片加载模块用于缓存待浏览图片的图片地址,以实现待浏览图片的加载,所述图片呈现模块用于编译待浏览图片的加载动画效果,以实现人图交互。所述加载动画效果指的是在待浏览图片的加载过程中,可以呈现出一种人图交互的动态效果。
具体地,参阅图4所示,所述S2包括:
S20、将所述待浏览图片的图片地址加载至所述图片加载组件的图片缓存模块中;
S21、在所述图片加载组件的图片呈现模块中自定义所述待浏览图片的加载动画,得到目标图片加载组件。
所述图片地址指的是对应待浏览图片的存储位置,所述存储位置可以为本地存储位置也可以为网页存储位置,根据所述存储位置可以获取到相应的待浏览图片,例如,所述本地存储位置为本地磁盘,所述网页存储位置为网页浏览器的缓存。
其中,需要声明的是,所述图片缓存模块包含3级缓存(2级内存和1级磁盘),将所述图片地址加载至所述图片缓存中,可以保证待浏览图片在加载过程中,不会因为待浏览图片内存不足而导致待浏览图片出现黑屏的情况,优选地,本发明实施例中,通过post()命令实现所述图片地址的加载。
进一步地,本发明较佳实施中,基于用户需求,在所述初始图片加载组件的图片呈现模块中自定义所述待浏览图片的加载动画效果,其中,所述用户需求指的是在待浏览图片加载过程中,用户希望待浏览图片在放大或缩小时呈现的动画效果,例如,用户A需求为在待浏览图片加载过程中,所述待浏览图片可以呈现图片渐进式的放大。
一个可选实施例中,所述待浏览图片的加载动画效果的自定义通过Java语言的DraweeController类实现,例如,利用DraweeController类创建待浏览图片加载的时间戳,以实现待浏览图片的渐进式放大。
进一步地,为保障所述待浏览图片的隐私性和安全性,所述待浏览图片还可存储于一区块链节点中。
S3、构建所述弹窗与所述目标图片加载组件的图片加载通道。
本发明较佳实施例中,所述图片加载通道指的是一种用于进行图片加载的路径。
详细地,参阅图5所示,所述S3包括:
S30、识别所述弹窗的接口参数;
S31、获取所述目标图片加载组件的端口参数;
S32、根据所述接口参数以及端口参数,配置所述弹窗和所述目标图片加载组件的图片加载通道。
一个可选实施例中,所述识别所述弹窗的接口参数,包括:利用预设的查询语句查询所述弹窗的配置文件,利用预设的识别指令识别所述配置文件的接口地址,利用预设的读取指令读取所述接口地址的属性参数,得到所述弹窗的接口参数,优选地,所述预设的查询语句为sql语句,所述预设的识别指令为post()指令,所述预设的读取指令为get()指令,所述属性参数包括:字段、id以及键值等。
一个可选实施例中,所述端口参数包括:端口号和url地址以及api接口。
一个可选实施例中,所述弹窗和所述目标图片加载组件的图片加载通道利用Java语言编译。
S4、响应于所述待浏览图片的点击放大事件,利用所述图片加载通道,将所述待浏览图片从所述目标图片加载组件加载至所述弹窗中,得到所述待浏览图片的放大动画效果。
在本发明的至少一个实施例中,所述点击放大事件响应于显示待浏览图片的屏幕页面的放大事件按钮进行触发,优选地,所述放大事件按钮通过getContentView()方法创建。
详细的,所述放大事件按钮通过所述getContentView()方法创建,包括:
获取所述显示待浏览图片的屏幕页面的编译环境,在所述编译环境的表单中创建一个点击(button)按钮,利用所述getContentView()方法在所述button按钮中创建放大事件,得到所述放大事件按钮。
进一步地,本发明较佳实施中,基于所述点击放大事件,根据所述图片加载通道,将所述待浏览图片从所述目标加载组件加载至所述弹窗中,得到所述待浏览图片的放大动画效果。
S5、响应于所述待浏览图片的点击缩放事件,利用所述图片加载通道,将所述待浏览图片从所述弹窗返回至所述屏幕页面中,得到所述待浏览图片的缩小动画效果。
在本发明的至少一个实施例中,所述点击缩放事件响应于所述弹窗的缩放事件按钮进行触发,优选地,所述缩放事件按钮通过getContentView()方法创建。
详细的,所述缩放事件按钮通过所述getContentView()方法创建,包括:
获取所述弹窗的编译环境,在所述编译环境的表单中创建一个点击(button)按钮,利用所述getContentView()方法在所述button按钮中创建缩放事件,得到所述缩放事件按钮。
进一步地,本发明较佳实施中,基于所述待浏览图片的点击缩放事件,利用所述图片加载通道,将所述待浏览图片从所述弹窗返回至所述屏幕页面中,得到所述待浏览图片的缩小动画效果。
综上所述,本发明实施例获取待浏览图片及显示所述待浏览图片的屏幕页面,基于所述屏幕页面,配置所述待浏览图片的弹窗,得到图片加载弹窗;根据所述待浏览图片的图片地址,在图片加载组件中配置所述待浏览图片的加载动画,得到目标图片加载组件,使得用户在点击小图之后预览大图有一个整体的交互体验,完全的让用户感受到的确是从小图—》大图—》小图这么一个过程,同时,基于所述目标图片加载组件实现所述弹窗与所述屏幕页面的图片浏览,可以避免图片加载出现黑屏的情情况。因此,本发明提出的一种图片动态浏览方法可以提高用户的交互体验。
如图6所示,是本发明图片动态浏览装置的功能模块图。
本发明所述图片动态浏览装置100可以安装于电子设备中。根据实现的功能,所述图片动态浏览装置可以包括配置模块101、构建模块102以及响应模块103。本发所述模块也可以称之为单元,是指一种能够被电子设备处理器所执行,并且能够完成固定功能的一系列计算机程序段,其存储在电子设备的存储器中。
在本实施例中,关于各模块/单元的功能如下:
所述配置模块101,用于在屏幕页面中配置弹窗。
本发明较佳实施例中,所述屏幕页面指的是显示图片的页面,例如,所述屏幕页面可以为:移动端app页面,所述弹窗指的是显示图片放大后的一个屏幕页面。
具体的,所述配置模块101通过下述操作在屏幕页面中配置弹窗:配置与所述屏幕页面具有相同尺寸的弹窗;获取所述屏幕页面的统一资源定位器(Uniform ResourceLocator,URL)地址,利用预设的链接指令将所述URL地址加载至所述弹窗中,得到所述弹窗。
一个优选实施例中,所述弹窗在预构建的图片加载页面中进行配置,所述预构建的图片加载页面通过当前已知的html语言+css样式+javascript脚本进行构建,详细地,利用html语言进行编译所述预构建的图片加载页面的静态页面,利用css样式编译所述预构建的图片加载页面的页面形式,利用javascript脚本编译所述预构建的图片加载页面的动态页面效果。
一个优选实施例中,所述预设的链接指令为href指令,用于对两个页面进行连接,从而可以让一个页面能成功跳转到另一个页面中,进一步地,所述利用预设的链接指令将所述URL地址加载至所述弹窗中,即利用href指令将所述URL地址添加至所述弹窗的源代码中。
进一步地,所述配置模块101通过下述操作配置与所述屏幕页面具有相同尺寸的弹窗:从所述屏幕页面的源代码中查询所述屏幕页面的页面尺寸,其中,所述页面尺寸包括:屏幕页面的长度、高度以及宽度;根据所述页面尺寸,配置与所述屏幕页面具有相同尺寸的弹窗。
基于所述弹窗的生成,保障了待浏览图片可以成功进行放大查看的前提。
所述配置模块101,还用于获取待浏览图片,在预构建的图片加载组件中配置所述待浏览图片的加载动画,得到目标图片加载组件。
本发明较佳实施例中,所述待浏览图片指的是用户需要进行放大查看的图片,所述屏幕页面指的是所述待浏览图片的显示的位置,例如,所述待浏览图片可以为:风景图片、人物图片以及动物图片等。
本发明较佳实施中,所述预构建的图片加载组件包括:Fresco组件,所述Fresco组件是一种用于进行图片加载的组件,其支持在图片加载过程中,可以很好的展示出图片的加载动画效果,进一步地,本发明中,所述图片加载组件包括:图片缓存模块和图片呈现模块,其中,所述图片加载模块用于缓存待浏览图片的图片地址,以实现待浏览图片的加载,所述图片呈现模块用于编译待浏览图片的加载动画效果,以实现人图交互。所述加载动画效果指的是在待浏览图片的加载过程中,可以呈现出一种人图交互的动态效果。
具体地,所述配置模块101通过下述操作在预构建的图片加载组件中配置所述待浏览图片的加载动画:将所述待浏览图片的图片地址加载至所述图片加载组件的图片缓存模块中;在所述图片加载组件的图片呈现模块中自定义所述待浏览图片的加载动画,得到目标图片加载组件。
所述图片地址指的是对应待浏览图片的存储位置,所述存储位置可以为本地存储位置也可以为网页存储位置,根据所述存储位置可以获取到相应的待浏览图片,例如,所述本地存储位置为本地磁盘,所述网页存储位置为网页浏览器的缓存。
其中,需要声明的是,所述图片缓存模块包含3级缓存(2级内存和1级磁盘),将所述图片地址加载至所述图片缓存中,可以保证待浏览图片在加载过程中,不会因为待浏览图片内存不足而导致待浏览图片出现黑屏的情况,优选地,本发明实施例中,通过post()命令实现所述图片地址的加载。
进一步地,本发明较佳实施中,基于用户需求,在所述初始图片加载组件的图片呈现模块中自定义所述待浏览图片的加载动画效果,其中,所述用户需求指的是在待浏览图片加载过程中,用户希望待浏览图片在放大或缩小时呈现的动画效果,例如,用户A需求为在待浏览图片加载过程中,所述待浏览图片可以呈现图片渐进式的放大。
一个可选实施例中,所述待浏览图片的加载动画效果的自定义通过Java语言的DraweeController类实现,例如,利用DraweeController类创建待浏览图片加载的时间戳,以实现待浏览图片的渐进式放大。
进一步地,为保障所述待浏览图片的隐私性和安全性,所述待浏览图片还可存储于一区块链节点中。
所述构建模块102,用于构建所述弹窗与所述目标图片加载组件的图片加载通道。
本发明较佳实施例中,所述图片加载通道指的是一种用于进行图片加载的路径。
详细地,所述构建模块102通过下述操作构建所述弹窗与所述目标图片加载组件的图片加载通道:识别所述弹窗的接口参数;获取所述目标图片加载组件的端口参数;根据所述接口参数以及端口参数,配置所述弹窗和所述目标图片加载组件的图片加载通道。
一个可选实施例中,所述识别所述弹窗的接口参数,包括:利用预设的查询语句查询所述弹窗的配置文件,利用预设的识别指令识别所述配置文件的接口地址,利用预设的读取指令读取所述接口地址的属性参数,得到所述弹窗的接口参数,优选地,所述预设的查询语句为sql语句,所述预设的识别指令为post()指令,所述预设的读取指令为get()指令,所述属性参数包括:字段、id以及键值等。
一个可选实施例中,所述端口参数包括:端口号和url地址以及api接口。
一个可选实施例中,所述弹窗和所述目标图片加载组件的图片加载通道利用Java语言编译。
所述响应模块103,用于响应于所述待浏览图片的点击放大事件,利用所述图片加载通道,将所述待浏览图片从所述目标图片加载组件加载至所述弹窗中,得到所述待浏览图片的放大动画效果。
在本发明的至少一个实施例中,所述点击放大事件响应于显示待浏览图片的屏幕页面的放大事件按钮进行触发,优选地,所述放大事件按钮通过getContentView()方法创建。
详细的,所述放大事件按钮通过所述getContentView()方法创建,包括:
获取所述显示待浏览图片的屏幕页面的编译环境,在所述编译环境的表单中创建一个点击(button)按钮,利用所述getContentView()方法在所述button按钮中创建放大事件,得到所述放大事件按钮。
进一步地,本发明较佳实施中,基于所述点击放大事件,根据所述图片加载通道,将所述待浏览图片从所述目标加载组件加载至所述弹窗中,得到所述待浏览图片的放大动画效果。
所述响应模块103,还用于响应于所述待浏览图片的点击缩放事件,利用所述图片加载通道,将所述待浏览图片从所述弹窗返回至所述屏幕页面中,得到所述待浏览图片的缩小动画效果。
在本发明的至少一个实施例中,所述点击缩放事件响应于所述弹窗的缩放事件按钮进行触发,优选地,所述缩放事件按钮通过getContentView()方法创建。
详细的,所述缩放事件按钮通过所述getContentView()方法创建,包括:
获取所述弹窗的编译环境,在所述编译环境的表单中创建一个点击(button)按钮,利用所述getContentView()方法在所述button按钮中创建缩放事件,得到所述缩放事件按钮。
进一步地,本发明较佳实施中,基于所述待浏览图片的点击缩放事件,利用所述图片加载通道,将所述待浏览图片从所述弹窗返回至所述屏幕页面中,得到所述待浏览图片的缩小动画效果。
综上所述,本发明实施例获取待浏览图片及显示所述待浏览图片的屏幕页面,基于所述屏幕页面,配置所述待浏览图片的弹窗,得到图片加载弹窗;根据所述待浏览图片的图片地址,在图片加载组件中配置所述待浏览图片的加载动画,得到目标图片加载组件,使得用户在点击小图之后预览大图有一个整体的交互体验,完全的让用户感受到的确是从小图—》大图—》小图这么一个过程,同时,基于所述目标图片加载组件实现所述弹窗与所述屏幕页面的图片浏览,可以避免图片加载出现黑屏的情情况。因此,本发明提出的一种图片动态浏览装置可以提高用户的交互体验。
如图7所示,是本发明实现图片动态浏览方法的电子设备的结构示意图。
所述电子设备1可以包括处理器10、存储器11和总线,还可以包括存储在所述存储器11中并可在所述处理器10上运行的计算机程序,如图片动态浏览程序12。
其中,所述存储器11至少包括一种类型的可读存储介质,所述可读存储介质包括闪存、移动硬盘、多媒体卡、卡型存储器(例如:SD或DX存储器等)、磁性存储器、磁盘、光盘等。所述存储器11在一些实施例中可以是电子设备1的内部存储单元,例如该电子设备1的移动硬盘。所述存储器11在另一些实施例中也可以是电子设备1的外部存储设备,例如电子设备1上配备的插接式移动硬盘、智能存储卡(Smart Media Card,SMC)、安全数字(SecureDigital,SD)卡、闪存卡(Flash Card)等。进一步地,所述存储器11还可以既包括电子设备1的内部存储单元也包括外部存储设备。所述存储器11不仅可以用于存储安装于电子设备1的应用软件及各类数据,例如图片动态浏览的代码等,还可以用于暂时地存储已经输出或者将要输出的数据。
所述处理器10在一些实施例中可以由集成电路组成,例如可以由单个封装的集成电路所组成,也可以是由多个相同功能或不同功能封装的集成电路所组成,包括一个或者多个中央处理器(Central Processing unit,CPU)、微处理器、数字处理芯片、图形处理器及各种控制芯片的组合等。所述处理器10是所述电子设备的控制核心(Control Unit),利用各种接口和线路连接整个电子设备的各个部件,通过运行或执行存储在所述存储器11内的程序或者模块(例如执行图片动态浏览等),以及调用存储在所述存储器11内的数据,以执行电子设备1的各种功能和处理数据。
所述总线可以是外设部件互连标准(peripheral component interconnect,简称PCI)总线或扩展工业标准结构(extended industry standard architecture,简称EISA)总线等。该总线可以分为地址总线、数据总线、控制总线等。所述总线被设置为实现所述存储器11以及至少一个处理器10等之间的连接通信。
图7仅示出了具有部件的电子设备,本领域技术人员可以理解的是,图7示出的结构并不构成对所述电子设备1的限定,可以包括比图示更少或者更多的部件,或者组合某些部件,或者不同的部件布置。
例如,尽管未示出,所述电子设备1还可以包括给各个部件供电的电源(比如电池),优选地,电源可以通过电源管理装置与所述至少一个处理器10逻辑相连,从而通过电源管理装置实现充电管理、放电管理、以及功耗管理等功能。电源还可以包括一个或一个以上的直流或交流电源、再充电装置、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。所述电子设备1还可以包括多种传感器、蓝牙模块、Wi-Fi模块等,在此不再赘述。
进一步地,所述电子设备1还可以包括网络接口,可选地,所述网络接口可以包括有线接口和/或无线接口(如WI-FI接口、蓝牙接口等),通常用于在该电子设备1与其他电子设备之间建立通信连接。
可选地,该电子设备1还可以包括用户接口,用户接口可以是显示器(Display)、输入单元(比如键盘(Keyboard)),可选地,用户接口还可以是标准的有线接口、无线接口。可选地,在一些实施例中,显示器可以是LED显示器、液晶显示器、触控式液晶显示器以及OLED(Organic Light-Emitting Diode,有机发光二极管)触摸器等。其中,显示器也可以适当的称为显示屏或显示单元,用于显示在电子设备1中处理的信息以及用于显示可视化的用户界面。
应该了解,所述实施例仅为说明之用,在专利申请范围上并不受此结构的限制。
所述电子设备1中的所述存储器11存储的图片动态浏览12程序是多个指令的组合,在所述处理器10中运行时,可以实现:
在屏幕页面中配置弹窗;
获取待浏览图片,在预构建的图片加载组件中配置所述待浏览图片的加载动画,得到目标图片加载组件;
构建所述弹窗与所述目标图片加载组件的图片加载通道;
响应于所述待浏览图片的点击放大事件,利用所述图片加载通道,将所述待浏览图片从所述目标图片加载组件加载至所述弹窗中;
响应于所述待浏览图片的点击缩放事件,利用所述图片加载通道,将所述待浏览图片从所述弹窗返回至所述屏幕页面中。
具体地,所述处理器10对上述指令的具体实现方法可参考图1对应实施例中相关步骤的描述,在此不赘述。
进一步地,所述电子设备1集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。所述计算机可读取存储介质可以是非易失性的,也可以是易失性的。所述计算机可读介质可以包括:能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM,Read-Only Memory)。
在本发明所提供的几个实施例中,应该理解到,所揭露的设备,装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述模块的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式。
所述作为分离部件说明的模块可以是或者也可以不是物理上分开的,作为模块显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能模块可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用硬件加软件功能模块的形式实现。
对于本领域技术人员而言,显然本发明不限于上述示范性实施例的细节,而且在不背离本发明的精神或基本特征的情况下,能够以其他的具体形式实现本发明。
因此,无论从哪一点来看,均应将实施例看作是示范性的,而且是非限制性的,本发明的范围由所附权利要求而不是上述说明限定,因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本发明内。不应将权利要求中的任何附关联图标记视为限制所涉及的权利要求。
本发明所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain),本质上是一个去中心化的数据库,是一串使用密码学方法相关联产生的数据块,每一个数据块中包含了一批次网络交易的信息,用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。
此外,显然“包括”一词不排除其他单元或步骤,单数不排除复数。系统权利要求中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第二等词语用来表示名称,而并不表示任何特定的顺序。
最后应说明的是,以上实施例仅用以说明本发明的技术方案而非限制,尽管参照较佳实施例对本发明进行了详细说明,本领域的普通技术人员应当理解,可以对本发明的技术方案进行修改或等同替换,而不脱离本发明技术方案的精神和范围。
Claims (10)
1.一种图片动态浏览方法,其特征在于,所述方法包括:
在屏幕页面中配置弹窗;
获取待浏览图片,在预构建的图片加载组件中配置所述待浏览图片的加载动画,得到目标图片加载组件;
构建所述弹窗与所述目标图片加载组件的图片加载通道;
响应于所述待浏览图片的点击放大事件,利用所述图片加载通道,将所述待浏览图片从所述目标图片加载组件加载至所述弹窗中;
响应于所述待浏览图片的点击缩放事件,利用所述图片加载通道,将所述待浏览图片从所述弹窗返回至所述屏幕页面中。
2.如权利要求1所述的图片动态浏览方法,其特征在于,所述在屏幕页面中配置弹窗,包括:
配置与所述屏幕页面具有相同尺寸的弹窗;
获取所述屏幕页面的统一资源定位器地址,利用预设的链接指令将所述统一资源定位器地址加载至所述弹窗中。
3.如权利要求2所述的图片动态浏览方法,其特征在于,所述配置与所述屏幕页面具有相同尺寸的弹窗,包括:
从所述屏幕页面的源代码中查询所述屏幕页面的页面尺寸;
根据所述页面尺寸,配置与所述屏幕页面具有相同尺寸的弹窗。
4.如权利要求1所述的图片动态浏览方法,其特征在于,所述在预构建的图片加载组件中配置所述待浏览图片的加载动画,得到目标图片加载组件,包括:
将所述待浏览图片的图片地址加载至所述图片加载组件的图片缓存模块中;
在所述图片加载组件的图片呈现模块中自定义所述待浏览图片的加载动画,得到目标图片加载组件。
5.如权利要求1所述的图片动态浏览方法,其特征在于,所述构建所述弹窗与所述目标图片加载组件的图片加载通道,包括:
识别所述弹窗的接口参数;
获取所述目标图片加载组件的端口参数;
根据所述接口参数以及端口参数,配置所述弹窗和所述目标图片加载组件的图片加载通道。
6.如权利要求5所述的图片动态浏览方法,其特征在于,所述识别所述弹窗的接口参数,包括:
查询所述弹窗的配置文件,识别所述配置文件的接口地址,读取所述接口地址的属性参数,得到弹窗的接口参数。
7.如权力要求1至6中任意一项所述的图片动态浏览方法,其特征在于,在响应于所述待浏览图片的点击放大事件之前还包括:创建放大事件按钮;
其中,所述创建放大事件按钮包括:
获取所述显示待浏览图片的屏幕页面的编译环境,在所述编译环境的表单中创建一个点击按钮,在所述点击按钮中创建放大事件,得到所述放大事件按钮。
8.一种图片动态浏览装置,其特征在于,所述装置包括:
配置模块,用于在屏幕页面中配置弹窗;
所述配置模块,还用于获取待浏览图片,在预构建的图片加载组件中配置所述待浏览图片的加载动画,得到目标图片加载组件;
构建模块,用于构建所述弹窗与所述目标图片加载组件的图片加载通道;
响应模块,用于响应于所述待浏览图片的点击放大事件,利用所述图片加载通道,将所述待浏览图片从所述目标图片加载组件加载至所述弹窗中;
所述响应模块,还用于响应于所述待浏览图片的点击缩放事件,利用所述图片加载通道,将所述待浏览图片从所述弹窗返回至所述屏幕页面中。
9.一种电子设备,其特征在于,所述电子设备包括:
至少一个处理器;以及,
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行,以使所述至少一个处理器能够执行如权利要求1至7中任意一项所述的图片动态浏览方法。
10.一种计算机可读存储介质,存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1至7中任意一项所述的图片动态浏览方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011034504.7A CN112051952A (zh) | 2020-09-27 | 2020-09-27 | 图片动态浏览方法、装置、电子设备及可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011034504.7A CN112051952A (zh) | 2020-09-27 | 2020-09-27 | 图片动态浏览方法、装置、电子设备及可读存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112051952A true CN112051952A (zh) | 2020-12-08 |
Family
ID=73605342
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011034504.7A Pending CN112051952A (zh) | 2020-09-27 | 2020-09-27 | 图片动态浏览方法、装置、电子设备及可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112051952A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114995929A (zh) * | 2021-11-17 | 2022-09-02 | 荣耀终端有限公司 | 一种弹窗的显示方法及装置 |
-
2020
- 2020-09-27 CN CN202011034504.7A patent/CN112051952A/zh active Pending
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114995929A (zh) * | 2021-11-17 | 2022-09-02 | 荣耀终端有限公司 | 一种弹窗的显示方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10416851B2 (en) | Electronic publishing mechanisms | |
US8627204B2 (en) | Custom optimization of web pages | |
US9360988B2 (en) | Browsing and quality of service features | |
US8689117B1 (en) | Webpages with conditional content | |
US9411782B2 (en) | Real time web development testing and reporting system | |
CN112800370B (zh) | 业务单据的处理方法、装置、计算机设备和存储介质 | |
JP2011525659A (ja) | Webページ対話に基づく広告提示 | |
US9275398B1 (en) | Obtaining metrics for client-side display of content | |
RU2595524C2 (ru) | Устройство и способ обработки содержимого веб-ресурса в браузере | |
CN107894887B (zh) | 页面组件化方法、装置及计算机可读存储介质 | |
CN112596932A (zh) | 服务注册及拦截方法、装置、电子设备及可读存储介质 | |
CN112948226A (zh) | 一种用户画像绘制方法和装置 | |
CN112650909A (zh) | 产品展示方法、装置、电子设备及存储介质 | |
US20110197133A1 (en) | Methods and apparatuses for identifying and monitoring information in electronic documents over a network | |
CN115309470A (zh) | 微件的加载方法、装置、设备以及存储介质 | |
CN112711731A (zh) | 数据埋点方法、装置、设备及存储介质 | |
CN114169303A (zh) | 基于vue.js的表格编辑方法、装置、设备及介质 | |
CN112287255B (zh) | 页面构建方法及装置、计算设备、计算机可读存储介质 | |
CN112051952A (zh) | 图片动态浏览方法、装置、电子设备及可读存储介质 | |
CN111158777B (zh) | 组件调用方法、装置及计算机可读存储介质 | |
CN110674426B (zh) | 网页行为上报方法和装置 | |
CN115809056B (zh) | 组件复用实现方法、装置和终端设备、可读存储介质 | |
CN113139145B (zh) | 页面生成方法、装置、电子设备及可读存储介质 | |
CN115080899A (zh) | 交互式子网页启动方法、装置、设备及存储介质 | |
CN114611046A (zh) | 数据加载方法、装置、设备及介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |