CN114546219A - 图片列表的处理方法及相关装置 - Google Patents
图片列表的处理方法及相关装置 Download PDFInfo
- Publication number
- CN114546219A CN114546219A CN202210105607.0A CN202210105607A CN114546219A CN 114546219 A CN114546219 A CN 114546219A CN 202210105607 A CN202210105607 A CN 202210105607A CN 114546219 A CN114546219 A CN 114546219A
- Authority
- CN
- China
- Prior art keywords
- picture
- touch point
- display
- mode
- touch
- 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.)
- Granted
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
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/50—Information retrieval; Database structures therefor; File system structures therefor of still image data
- G06F16/53—Querying
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/50—Information retrieval; Database structures therefor; File system structures therefor of still image data
- G06F16/54—Browsing; Visualisation therefor
-
- 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/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/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- 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
-
- 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)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请涉及终端设备技术领域,公开了一种图片列表的处理方法及相关装置,用于解决基于图片列表查看查找图片操复杂的问题。本申请中图片列表支持两种模式,一种是放大镜模式,用于将用户触控点位置的图片进行放大显示,另一种模式是普通模式即图片列表原有的模式。两种模式下可支持同样的触控事件,不同的是同一触控事件在两种模式下的控制功能不同。为了识别产生触控事件时应执行何种模式的操作,本申请实施例中放大镜模式设置有相应的状态,包括启用状态和禁用状态。当放大镜模式处于启用状态时,该模式下相关的触控事件按照放大镜模式执行,当放大镜模式处于禁用状态时,说明图片列表处于普通模式,相应的触控事件按照普通模式执行。
Description
技术领域
本发明涉及终端技术领域,特别涉及一种图片列表的处理方法及相关装置。
背景技术
随着智能终端设备的普及,智能终端的容量和图像采集功能越来越成熟。智能终端可以登录云端查看用户的图片列表,也可以查看本地存储的图像的图片列表。由于图像数量增多,查看图片列表的功能提供了按年、按月或按日查看图像类别的功能,但是查找图像仍变得日益复杂。
发明内容
本发明示例性的实施方式中提供一种图片列表的处理方法及相关装置,可提升用户查看查找图片的效率。
本申请提供一种图片列表的处理方法,所述方法包括:
响应于针对图片列表的第一指定触控事件,识别放大镜模式是否处于启用状态;所述第一指定触控事件用于显示图片;
若所述放大镜模式处于启用状态,则获取所述第一指定触控事件的触控点对应的图片;
基于所述触控点的位置坐标,将所述图片进行放大展示。
在一些示例性实施方式中,所述获取所述第一指定触控事件的触控点对应的图片,包括:
获取所述触控点的位置坐标,获取所述图片列表当前的滚动位置的纵坐标;
将所述触控点位置坐标中的横坐标作为所述图片的横坐标;
采用所述触点位置坐标中的纵坐标和所述滚动位置的纵坐标的和值作为所述图片的纵坐标;
基于所述图片的横坐标和纵坐标获取所述图片的索引值;
基于所述索引值从图片库中解析出所述图片。
在一些示例性实施方式中,所述基于所述触控点的位置坐标,将所述图片进行放大展示,包括:
若所述触控点的指定方位上的显示区域大于或等于所述图片所需的显示尺寸,则在所述指定方位上放大展示所述图片;
若所述触控点的所述指定方位上的显示区域小于所述图片所需的显示尺寸,则将所述指定方位上的边界作为所述图片的显示边界并在显示屏中放大显示出所述图片的所有内容。
在一些示例性实施方式中,所述指定方位为所述触控点的右上角的显示区域,所述方法还包括:
基于以下方法判断所述触控点的指定方位上的显示区域与所述图片所需的显示尺寸之间的大小关系,并基于以下方法确定放大显示后所述图片的左上角顶点位置坐标:
确定所述显示屏的宽度与所述显示尺寸中的宽度之间的第一差值,并比较所述触控点的纵坐标与所述显示尺寸中的长度;
若所述触控点的横坐标小于或等于所述第一差值且所述触控点的纵坐标小于所述显示尺寸中的长度,则确定所述显示区域小于所述显示尺寸,并确定放大显示后所述图片的左上角顶点位置的横坐标为所述触控点的横坐标、所述左上角顶点位置的纵坐标为所述显示屏的原点坐标;
若所述触控点的横坐标小于或等于所述第一差值且所述触控点的纵坐标大于或等于所述显示尺寸中的长度,则确定所述显示区域大于或等于所述显示尺寸,并确定放大显示后所述图片的左上角顶点位置的横坐标为所述触控点的横坐标、且所述左上角顶点位置的纵坐标为所述触控点的纵坐标与所述显示尺寸的长度之间的第二差值;
若所述触控点的横坐标大于所述第一差值且所述触控点的纵坐标小于所述显示尺寸中的长度,则确定所述显示区域小于所述显示尺寸,并确定放大显示后所述图片的左上角顶点位置的横坐标为所述第一差值,且所述左上角顶点位置的纵坐标为所述显示屏的原点坐标;
若所述触控点的横坐标大于所述第一差值且所述触控点的纵坐标大于或等于所述显示尺寸中的长度,则确定所述显示区域小于所述显示尺寸,并确定放大显示后所述图片的左上角顶点位置的横坐标为所述第一差值,且所述左上角顶点位置的纵坐标为所述第二差值。
在一些示例性实施方式中,若所述第一指定触控事件为滑动事件,则在滑动过程中更新触控点之后,根据触控点的位置坐标更新放大显示的图片。
在一些示例性实施方式中,所述方法还包括:
响应于图片列表的展示请求,显示所述图片列表;
获取针对所述图片列表的第二指定触控事件;
基于所述第二指定触控事件判断是否启用所述放大镜模式;
若启用放大镜模式,则将所述放大镜模式设置为启用状态;
若不启用所述放大镜模式,则将所述放大镜模式设置为禁用状态。
在一些示例性实施方式中,所述方法还包括:
若检测到第三指定触控事件,则读取放大镜模式的当前状态;
若放大镜模式的当前状态为启用状态,则退出所述放大镜模式。
第二方面,本申请还提供了一种终端设备,包括:
显示器,用于显示图片;
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述指令,以实现如第一方面中任一项所述的方法。
第三方面,本申请一实施例还提供了一种计算机可读存储介质,当所述计算机可读存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行如本申请第一方面中提供的任一方法。
第四方面,本申请一实施例提供了一种计算机程序产品,包括计算机程序,所述计算机程序被处理器执行时实现如本申请第一方面中提供的任一方法。
本申请实施例中,图片列表支持放大镜模式,放大镜模式设置有相应的状态,包括启用状态和禁用状态。当放大镜模式处于启用状态时,该模式下相关的触控事件按照放大镜模式执行,放大镜模式下无需切换页面查看图片细节,可在图片列表页面放大显示触控点位置相应的图片便于用户观看细节。
在符合本领域常识的基础上,上述各优选条件,可任意组合,即得本发明各较佳实施例。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1示例性示出了本发明实施例提供的一种终端设备的结构示意图。
图2示例性示出了本发明实施例提供的一种终端设备的软件架构示意图。
图3示例性示出了本发明实施例提供的终端设备的用户界面示意图。
图4示例性示出了图片列表的一种示意图;
图5示例性示出了本申请实施例提供的一种图片列表处理方法的流程示意图;
图6示例性示出了图片列表中启用放大镜模式的示意图;
图7示例性示出了本申请实施例提供的一种图片列表处理方法的流程示意图;
图8示例性示出了本申请实施例中基于滚动条确定触控点在图片列表纵坐标位置的示意图;
图9示例性示出了一种放大显示图片的示意图;
图10示例性示出了另一种放大显示图片的示意图;
图11示例性示出了又一种放大显示图片的示意图;
图12示例性示出了确定放大图片位置坐标的横坐标的示意图;
图13示例性示出了确定放大图片位置坐标的示意图;
图14示例性示出了图片跟随手动的示意图;
图15示例性示出了另一种图片列表处理方法的流程示意图;
图16示例性示出了控制图片列表的整体过程示意图;
图17示例性示出了另一种图片列表处理方法的流程示意图;
图18示例性示出了另一种图片列表处理方法的流程示意图;
图19示例性示出了另一种图片列表处理方法的流程示意图。
具体实施方式
下面将结合附图对本申请实施例中的技术方案进行清除、详尽地描述。其中,在本申请实施例的描述中,除非另有说明,“/”表示或的意思,例如,A/B可以表示A或B;文本中的“和/或”仅仅是一种描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B这三种情况,另外,在本申请实施例的描述中,“多个”是指两个或多于两个。
以下,术语“第一”、“第二”仅用于描述目的,而不能理解为暗示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征,在本申请实施例的描述中,除非另有说明,“多个”的含义是两个或两个以上。
图1示出了终端设备100的结构示意图。
下面以终端设备100为例对实施例进行具体说明。应该理解的是,图1所示终端设备100仅是一个范例,并且终端设备100可以具有比图1中所示的更多的或者更少的部件,可以组合两个或多个的部件,或者可以具有不同的部件配置。图中所示出的各种部件可以在包括一个或多个信号处理和/或专用集成电路在内的硬件、软件、或硬件和软件的组合中实现。
图1中示例性示出了根据示例性实施例中终端设备100的硬件配置框图。如图1所示,终端设备100包括:射频(radio frequency,RF)电路110、存储器120、显示单元130、摄像头140、传感器150、音频电路160、无线保真(Wireless Fidelity,Wi-Fi)模块170、处理器180、蓝牙模块181、以及电源190等部件。
RF电路110可用于在收发信息或通话过程中信号的接收和发送,可以接收基站的下行数据后交给处理器180处理;可以将上行数据发送给基站。通常,RF电路包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器、双工器等器件。
存储器120可用于存储软件程序及数据。处理器180通过运行存储在存储器120的软件程序或数据,从而执行终端设备100的各种功能以及数据处理。存储器120可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。存储器120存储有使得终端设备100能运行的操作系统。本申请中存储器120可以存储操作系统及各种应用程序,还可以存储执行本申请实施例所述方法的代码。
显示单元130可用于接收输入的数字或字符信息,产生与终端设备100的用户设置以及功能控制有关的信号输入,具体地,显示单元130可以包括设置在终端设备100正面的触控屏131,可收集用户在其上或附近的触控操作,例如点击按钮,拖动滚动框、单击图片列表、移动操作、长按图片列表等。
显示单元130还可用于显示由用户输入的信息或提供给用户的信息以及终端100的各种菜单的图形用户界面(graphical user interface,GUI)。具体地,显示单元130可以包括设置在终端设备100正面的显示屏132。其中,显示屏132可以采用液晶显示器、发光二极管等形式来配置。显示单元130可以用于显示本申请中所述的各种图形用户界面,如本申请实施例涉及的图片列表。
其中,触控屏131可以覆盖在显示屏132之上,也可以将触控屏131与显示屏132集成而实现终端设备100的输入和输出功能,集成后可以简称触控显示屏。本申请中显示单元130可以显示应用程序以及对应的操作步骤。
摄像头140可用于捕获静态图像或视频。物体通过镜头生成光学图像投射到感光元件。感光元件可以是电荷耦合器件(charge coupled device,CCD)或互补金属氧化物半导体(complementary metal-oxide-semiconductor,CMOS)光电晶体管。感光元件把光信号转换成电信号,之后将电信号传递给处理器180转换成数字图像信号。
终端设备100还可以包括至少一种传感器150,比如加速度传感器151、距离传感器152、指纹传感器153、温度传感器154。终端设备100还可配置有陀螺仪、气压计、湿度计、温度计、红外线传感器、光传感器、运动传感器等其他传感器。
音频电路160、扬声器161、麦克风162可提供用户与终端设备100之间的音频接口。音频电路160可将接收到的音频数据转换后的电信号,传输到扬声器161,由扬声器161转换为声音信号输出。终端设备100还可配置音量按钮,用于调节声音信号的音量。另一方面,麦克风162将收集的声音信号转换为电信号,由音频电路160接收后转换为音频数据,再将音频数据输出至RF电路110以发送给比如另一终端,或者将音频数据输出至存储器120以便进一步处理。本申请中麦克风162可以获取用户的语音。
Wi-Fi属于短距离无线传输技术,终端设备100可以通过Wi-Fi模块170帮助用户收发电子邮件、浏览网页和访问流媒体等,它为用户提供了无线的宽带互联网访问。
处理器180是终端设备100的控制中心,利用各种接口和线路连接整个终端的各个部分,通过运行或执行存储在存储器120内的软件程序,以及调用存储在存储器120内的数据,执行终端设备100的各种功能和处理数据。在一些实施例中,处理器180可包括一个或多个处理单元;处理器180还可以集成应用处理器和基带处理器,其中,应用处理器主要处理操作系统、用户界面和应用程序等,基带处理器主要处理无线通信。可以理解的是,上述基带处理器也可以不集成到处理器180中。本申请中处理器180可以运行操作系统、应用程序、用户界面显示及触控响应,以及本申请实施例所述的处理方法。另外,处理器180与输入单元130和显示单元140耦接。
蓝牙模块181,用于通过蓝牙协议来与其他具有蓝牙模块的蓝牙设备进行信息交互。例如,终端设备100可以通过蓝牙模块181与同样具备蓝牙模块的可穿戴电子设备(例如智能手表)建立蓝牙连接,从而进行数据交互。
终端设备100还包括给各个部件供电的电源190(比如电池)。电源可以通过电源管理系统与处理器180逻辑相连,从而通过电源管理系统实现管理充电、放电以及功耗等功能。终端设备100还可配置有电源按钮,用于终端的开机和关机,以及锁屏等功能。
图2是本发明实施例的终端设备100的软件结构框图。
分层架构将软件分成若干个层,每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中,将Android系统分为四层,从上至下分别为应用程序层,应用程序框架层,安卓运行时(Android runtime)和系统库,以及内核层。
应用程序层可以包括一系列应用程序包。
如图2所示,应用程序包可以包括相机,图库,日历,通话,地图,导航,WLAN,蓝牙,音乐,视频,短信息等应用程序。
应用程序框架层为应用程序层的应用程序提供应用编程接口(applicationprogramming interface,API)和编程框架。应用程序框架层包括一些预先定义的函数。
如图2所示,应用程序框架层可以包括窗口管理器,内容提供器,视图系统,电话管理器,资源管理器,通知管理器等。
窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小,判断是否有状态栏,锁定屏幕,截取屏幕等。
内容提供器用来存放和获取数据,并使这些数据可以被应用程序访问。所述数据可以包括视频,图像,音频,拨打和接听的电话,浏览历史和书签,电话簿等。
视图系统包括可视控件,例如显示文字的控件,显示图片的控件等。视图系统可用于构建应用程序。显示界面可以由一个或多个视图组成的。例如,包括图片列表的显示界面,可以包括显示文字的视图以及显示图片的视图。
电话管理器用于提供终端设备100的通信功能。例如通话状态的管理(包括接通,挂断等)。
资源管理器为应用程序提供各种资源,比如本地化字符串,图标,图片,布局文件,视频文件等等。
通知管理器使应用程序可以在状态栏中显示通知信息,可以用于传达告知类型的消息,可以短暂停留后自动消失,无需用户交互。比如通知管理器被用于告知下载完成,消息提醒等。通知管理器还可以是以图表或者滚动条文本形式出现在系统顶部状态栏的通知,例如后台运行的应用程序的通知,还可以是以对话窗口形式出现在屏幕上的通知。例如在状态栏提示文本信息,发出提示音,终端设备振动,指示灯闪烁等。
Android Runtime包括核心库和虚拟机。Android runtime负责安卓系统的调度和管理。
核心库包含两部分:一部分是java语言需要调用的功能函数,另一部分是安卓的核心库。
应用程序层和应用程序框架层运行在虚拟机中。虚拟机将应用程序层和应用程序框架层的java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理,堆栈管理,线程管理,安全和异常的管理,以及垃圾回收等功能。
系统库可以包括多个功能模块。例如:表面管理器(surface manager),媒体库(Media Libraries),三维图形处理库(例如:OpenGL ES),2D图形引擎(例如:SGL)等。
表面管理器用于对显示子系统进行管理,并且为多个应用程序提供了2D和3D图层的融合。
媒体库支持多种常用的音频,视频格式回放和录制,以及静态图像文件等。媒体库可以支持多种音视频编码格式,例如:MPEG4,H.264,MP3,AAC,AMR,JPG,PNG等。
三维图形处理库用于实现三维图形绘图,图像渲染,合成,和图层处理等。
2D图形引擎是2D绘图的绘图引擎。
内核层是硬件和软件之间的层。内核层至少包含显示驱动,摄像头驱动,音频驱动,传感器驱动。
下面结合捕获拍照场景,示例性说明终端设备100软件以及硬件的工作流程。
当触控屏131接收到触控操作,相应的硬件中断被发给内核层。内核层将触控操作加工成原始输入事件(包括触控坐标,触控操作的时间戳等信息)。原始输入事件被存储在内核层。应用程序框架层从内核层获取原始输入事件,识别该原始输入事件所对应的控件。以该触控操作是触控单击操作,该单击操作所对应的控件为图库应用图标的控件为例,图库应用调用应用框架层的接口,启动图库应用,进而显示图片列表。
本申请实施例中的终端设备100可以为手机、平板电脑、可穿戴设备、笔记本电脑以及电视等。
图3是用于示出终端设备(例如图1的终端设备100)上的用户界面的示意图。在一些具体实施中,用户通过触控用户界面上的应用图标可以打开相应的应用程序,或者通过触控用户界面上的文件夹图标可以打开相应的文件夹。
图像的采集及其处理技术发展越来越成熟,很多终端设备都支持展示和/或采集图像/视频。图像/视频的缩略图可以图片列表的形式展示处理供用户查看。如图4所示,为一种图片列表的示意图。该图片列表可展示网络(如云服务)上的图库内容,也可以展示终端设备本地的图库内容。如图4所示,用户可以滑动滚动条查看更多的图片内容。可以通过左右滑动改变标签页(tab)例如从“全部”标签页切换到“视频”标签页中查看所有视频、切换到“照片”标签页中查看所有照片。
由于图像资源多,用户查找某个资源时图片列表中图片缩略图比较小,图片细节无法很好的展示,这导致用户在查找某个资源时会非常麻烦。有鉴于此,本申请提供一种图片类别的处理方法,便于用户操作图片列表中的资源。
本申请实施例中提供了图片列表的放大镜模式,在该模式下可以将用户触控位置的图片进行放大显示以便于用户能够了解图片内容,方便用户操作图片列表。
本申请实施例中,图片列表支持两种模式,一种是前文所述的放大镜模式,用于将用户触控点位置的图片进行放大显示,另一种模式是普通模式即图片列表原有的模式。两种模式下可支持同样的触控事件,不同的是,同一触控事件在两种模式下的控制功能不同。为了识别产生触控事件时应执行的操作,本申请实施例中放大镜模式设置有相应的状态,包括启用状态和禁用状态。当放大镜模式处于启用状态时,该模式下相关的触控事件按照放大镜模式执行,当放大镜模式处于禁用状态时,说明图片列表处于普通模式,相应的触控事件按照普通模式执行。
本申请实施例中可配置相应的启用放大镜模式的用户操作。一种可能的实施方式中,本申请实施例中提供三种指定触控事件,包括第一指定触控事件,第二指定触控事件和第三指定触控事件。第一指定触控事件用于确定将哪张图片进行放大显示,第二指定触控事件用于判断是否启用放大镜模式,第三指定触控事件用于退出放大镜模式。实施时,用于启动放大镜模式的第二指定触控事件和用于退出放大镜模式的第三指定触控事件可以相同也可以不同。例如可设置放大镜模式的变量inScreenNailMode,该变量为ture时表示处于放大镜模式,该变量为flase时表示处于普通模式。当第二指定触控事件和第三指定触控事件相同时,可根据该变量的取值确定进入还是退出放大镜模式。若取值为ture说明需要退出放大镜模式,若取值为flase则说明需要进入放大镜模式。
一种可能的实施方式中,判断是否启用放大镜模式的操作如图5所示,包括以下步骤:
在步骤501中,响应于图片列表的展示请求,显示所述图片列表。
在步骤502中,获取针对所述图片列表的第二指定触控事件。
一些可能的实施方式中,可以通过长按操作触发启用放大镜模式。如图6所示,用户触控屏幕触发按下事件(ACTION_DOWN)该按下事件作为第二指定触控事件,触发执行步骤503。
在步骤503中,基于所述第二指定触控事件判断是否启用所述放大镜模式。
例如,按下事件之后指定时长内无其他事件(如取消事件或中断事件),则确定启用放大镜模式,并在步骤504中,若启用放大镜模式,则将所述放大镜模式设置为启用状态。
若按下事件之后指定时长内接收到其他事件,则确定不启用放大镜模式,在步骤505中,若不启用所述放大镜模式,则将所述放大镜模式设置为禁用状态。
本申请实施例中,如前文所述,设置变量inScreenNailMode,其值可以为布尔型(boolean)。其值为ture时表示放大镜模式为启用状态(亦可理解为处于放大镜模式),其值为flase时放大镜模式为禁用状态且表示图片列表处于普通模式下。
由此,实施时读取inScreenNailMode的值即可确定放大镜模式是否启用。
如图7所示,为本申请实施例提供的图片列表的处理方法的流程示意图,包括以下步骤:
在步骤701中,响应于针对图片列表的第一指定触控事件,识别放大镜模式是否处于启用状态;所述第一指定触控事件用于显示图片。
在步骤702中,若所述放大镜模式处于启用状态,则获取所述第一指定触控事件的触控点对应的图片。
如图4和图6所示,图片列表中包括多张图片,每张图片占据一定的区域范围。第一指定触控事件中携带有触控点,触控点会对应图片列表中的一张图片,故此,可基于触控点的位置坐标定位到触控点对应的图片。由于图库中图片数量多而屏幕大小有限故此无法显示出图片列表中所有内容,故此,屏幕位置和图片列表有一个相对位置。通过触控点位置需要定位到图片列表位置,进而基于图片列表位置会定位到相应的图片。实施时获取触控点对应的图片可实施为:首先获取所述触控点的位置坐标如图8所示为(x1,y1),假设(x1,y1)映射到图片列表的位置坐标(x2,y2),可通过getScrollPosition()方法获取图片列表当前滚动位置(该滚动位置包括横坐标和纵坐标,纵坐标如图8中Y3);因为图片列表是上下滚动,所以屏幕中的横轴坐标x1即为图片列表中的横轴坐标x2,即x2=x1,而图片列表中的坐标纵轴y2为图片列表当前所滚动的位置再加上屏幕中的坐标纵轴y1值,即y2=Y1+Y3;也即,采用所述触点位置坐标中的纵坐标和所述滚动位置的纵坐标的和值作为所述图片的纵坐标;然后,基于所述图片的横坐标和纵坐标获取所述图片的索引值;基于所述索引值从图片库中解析出所述图片。
在找到对应的图片之后,在步骤703中,基于所述触控点的位置坐标,将所述图片进行放大展示。
放大前后的界面效果图可如图9所示。如图9中的左图,用户选中了图片列表中的图片5,然后将图片5放大显示后的界面示意图如图9中的右图。这样,用户在查看图片列表的时候可通过放大镜模式了解图片更多的细节内容。
这种方式对于月历界面更加有意义。因为月历界面中图片逐月分类展示,缩略图更小。如图10所示,为在月历界面中放大展示后的效果图。当图片列表的缩略图较小时,很难分辨图像的细节,当采用放大镜模式之后,用户触控点滑动到感兴趣图片处即可放大展示,且对于图片列表中其他内容的展示影响不大。用户触发用于释放当前图片的触控事件,可终止对当前图片的放大展示,用户可继续控制图片列表。由此,用户无需切换界面即可查看图片细节并控制图片列表。该释放当前图片的触控事件例如是中断事件。例如用户抬手离开屏幕,触发中断事件,若当前正在放大显示图片,则结束放大显示。
在将图片放大显示时,为了保证显示方位的一致性,以便于用户了解放大显示位置,本申请实施例中可在触控点的指定方位处放大显示图片。如图9所示,可在触控点的左上角方位放大显示,也可以如图10所示,在触控点的右上角方位放大显示。由此,放大图片基于触控点位置在相对统一的位置显示有利于用户了解放大图片的位置,便于习惯使用放大镜功能。
由于触控点可以为触控屏的任一点,所以当固定在指定方位展示放大图片时,需要考虑相应方位的显示区域是否能容纳放大图片,有鉴于此,本申请实施例中,若所述触控点的指定方位上的显示区域大于或等于所述图片所需的显示尺寸,则在所述指定方位上放大展示所述图片;若所述触控点的所述指定方位上的显示区域小于所述图片所需的显示尺寸,则将所述指定方位上的边界作为所述图片的显示边界并在显示屏中放大显示出所述图片的所有内容。为便于理解,下面参照图11对该部分内容进行举例说明。假设指定方位为触控点的右上角,如图11所示,假设用户选择的图片8,由于触控点右上角方位处显示区域充足,故此可以直接以触控点为基准在其右上角方位处展示图片8的放大图像。当用户选择了图片10时(如图11中的右图),由于图片10的触控点位置靠近屏幕右侧,触控点右上角方位没有足够的区域展示放大的图片10,故此,相对图片8而言,图片10的放大图片的右侧边界和屏幕右侧边界重合(如图11中的右图),由此保证图片10的放大图片内容都完全展示在显示区域内。
以所述指定方位为所述触控点的右上角的显示区域为例,可通过如下方法判断所述触控点的指定方位上的显示区域与所述图片所需的显示尺寸之间的大小关系,并基于以下方法确定放大显示后所述图片的左上角顶点位置坐标:
首先,获取图片放大显示后图片的显示尺寸,该显示尺寸中包括宽度和高度,然后确定所述显示屏的宽度与所述显示尺寸中的宽度之间的第一差值,并比较所述触控点的纵坐标与所述显示尺寸中的长度;
如图12所示,假设触控点位置坐标(x,y),图片显示尺寸为(width,height),屏幕宽度为screenWidth。第一差值=screenWidth-width。如果触控点x坐标大于第一差值,说明触控点右侧宽度小于图片所需宽度,故此,右上角方位的显示区域不足以显示放大的图片。故此,图片右侧边界靠近屏幕右侧边界显示,以便于能够完全显示放大的图片。此时,如图12的右图所示,可设置放大后图片的右上角顶点位置的横坐标cx=screenWidth-width。相反的,如图12的左图所示,若x不大于第一差值,说明触控点右侧有足够的空间展示放大的图片,该图片的右上角顶点的横坐标为x即可,即cx=x。
同理,可以查看触控点上方是否能够满足放大图片的高度要求,若不满足高度要求,则放大图片对齐上边界显示,若满足高度要求则可以在上方显示放大图片。
基于上述说明,可得到以下结论:
1)若所述触控点的横坐标小于或等于所述第一差值且所述触控点的纵坐标小于所述显示尺寸中的长度,则确定所述显示区域小于所述显示尺寸,并确定放大显示后所述图片的左上角顶点位置的横坐标为所述触控点的横坐标、所述左上角顶点位置的纵坐标为所述显示屏的原点坐标;如图13中a所示,当触控点右侧宽度充足,且触控点到显示屏上边界的高度不足时,可以确定放大显示的图片的左上角顶点位置坐标(Cx,Cy)为(x,0)。
2)、若所述触控点的横坐标小于或等于所述第一差值且所述触控点的纵坐标大于或等于所述显示尺寸中的长度,则确定所述显示区域大于或等于所述显示尺寸,并确定放大显示后所述图片的左上角顶点位置的横坐标为所述触控点的横坐标、且所述左上角顶点位置的纵坐标为所述触控点的纵坐标与所述显示尺寸的长度之间的第二差值;如图13中b所示,当触控点右侧宽度充足,且触控点到显示屏上边界的高度充足时,可以确定放大显示的图片的左上角顶点位置坐标(Cx,Cy)为(x,y-height)。
3)、若所述触控点的横坐标大于所述第一差值且所述触控点的纵坐标小于所述显示尺寸中的长度,则确定所述显示区域小于所述显示尺寸,并确定放大显示后所述图片的左上角顶点位置的横坐标为所述第一差值,且所述左上角顶点位置的纵坐标为所述显示屏的原点坐标;如图13中c所示,当触控点右侧宽度不充足,且触控点到显示屏上边界的高度不充足时,可以确定放大显示的图片的左上角顶点位置坐标(Cx,Cy)为(screenWidth-width,0)。
4)、若所述触控点的横坐标大于所述第一差值且所述触控点的纵坐标大于或等于所述显示尺寸中的长度,则确定所述显示区域小于所述显示尺寸,并确定放大显示后所述图片的左上角顶点位置的横坐标为所述第一差值,且所述左上角顶点位置的纵坐标为所述第二差值。如图13中d所示,当触控点右侧宽度不充足,且触控点到显示屏上边界的高度充足时,可以确定放大显示的图片的左上角顶点位置坐标(Cx,Cy)为(screenWidth-width,y-height)。
当然,本申请实施例中仅以右上角为例说明,左上角,右下角以及左下角的情况,也可以参照上述原理设置相应的判决条件。
本申请实施例中,在放大镜模式下用户按下操作触发按下事件,可获得触控点位置坐标然后找到相应位置处的图片进行放大展示。而后,如果用户在屏幕上执行滑动操作,会触发移动事件,随着滑动轨迹,会接收到触控点序列,本申请实施例中可实现放大图片跟随触控点的效果。故此,若所述第一指定触控事件为滑动事件,则在滑动过程中更新触控点之后,根据触控点的位置坐标更新放大显示的图片。例如,如图14所示,用户移动到a点,放大展示a点位置处的图片A,用户移动到b点,若b点对应图片仍是a点图片,则继续展示原图片A,而后移动到c点,更新放大显示图片为c点对应的图片C,以此类推,用户的移动轨迹上各触控点显示对应图片的放大图。需要说明的是,如果移动轨迹点处没有对应图片,例如图10中,轨迹点在图10中“2018年6月”一行时,轨迹点无对应图片则不显示放大图片。若用户进一步移动到有对应图片的轨迹点处则继续显示放大图片。
在另一些实施例中,可设置第三指定触控事件来退出放大镜模式,可实施为:若检测到第三指定触控事件,则读取放大镜模式的当前状态;若放大镜模式的当前状态为启用状态,则退出所述放大镜模式。例如,设置inScreenNailMode的值为flase实现禁用放大镜模式。如前文所叙述的,第三指定触控事件可以与启动放大镜模式的第二指定触控事件相同,也可以不同,只要逻辑上能够明确区分是启用还是禁用放大镜模式即可。
一种可能的实施方式中,可定义从启用放大镜模式到放大任一图片这一过程中用户不能离开触控屏。例如用户长按启动放大镜模式,而后不离开触控屏从长按的触控点开始滑动操作而后通过抬手操作退出放大镜模式。这一过程的完整流程可如图15和图16所示:
在步骤1501中,如图16所示在2018年7月份的图片8中长按操作触发启用放大镜模式。在放大镜模式下,如图16所示获取长按操作的触控点对应的图片8进行放大显示。
在步骤1502中,用户在显示屏中继续执行滑动操作,如图16所示,长按后继续执行滑动操作,跟随用户滑动操作的轨迹点分别对应2018年7月的图片3,然后到达没有图片的位置,最后到达2018年6月的图片7,有图片的轨迹点附近放大展示相应图片,没有图片的轨迹点处没有图片放大展示。最后,如图16所示,当用户在最后的轨迹点即2018年6的图片7处抬手离开屏幕时,在步骤1503中,退出放大镜模式,此时对图片列表按照普通模式进行控制。
也即,每次用户长按后进入放大镜模式,用户一旦抬手离开触控屏则退出放大镜模式,进而在普通模式下可以操作图片列表。
当然,需要说明的是,在另一个实施例中,也可以先通过长按操作进入放大镜模式,长按后用户可以抬手离开屏幕,仍保持放大镜模式,在该模式下用户如果单击或滑动操作等都会触发相应触控点的图片进行放大展示,无论用户何时抬手离开屏幕都不会退出放大镜磨损。当用户希望退出放大镜模式时,用户可以重新长按屏幕,然后查看放大镜模式的变量是否为ture,若为ture则根据后一次的长按操作退出放大镜模式。也即,当长按操作用于控制进入和退出放大镜模式时,是根据inScreenNailMode的值来确定是执行进入放大镜模式还退出放大镜模式。例如,第一次长按操作时,读取inScreenNailMode的值为flase,所以这次长按操作是进入放大镜模式,而后通过修改其值为ture进入放大镜模式;类似的,第二次长按操作时,读取inScreenNailMode的值为ture,所以第二次长按操作是退出放大镜模式,进而将inScreenNailMode的值更新为flase退出放大镜模式。也即,每一次长按操作都会基于inScreenNailMode的值实现放大镜模式的进入和退出。
下面以安卓系统内部实现为例,提供一种实施本申请实施例的图片列表处理方法。
touchEvent(触控事件)是Android中基本的api(接口),当手指触控屏幕时,会触发touchEvent,应用中可以在Activity或View(视图)中通过onTouchEvent()回调方法对触控事件进行判断和做出相应处理。touchEvent主要分为四种类型,包括:
MotionEvent.ACTION_DOWN(按下事件),MotionEvent.ACTION_MOVE(移动事件也可称之为滑动事件),MotionEvent.ACTION_UP(抬手事件),MotionEvent.ACTION_CANCEL(取消事件)。
本申请实施例中规定了两种模式,当boolean型变量inScreenNailMode值为true时,是放大镜模式;当inScreenNailMode值为false时,是普通模式。本申请实施例中在Activity中监听touchEvent事件,分别在不同的事件进行相应的响应操作,放大镜模式下对应相应事件的处理包括如下内容:
1)、ACTION_DOWN按下事件:
1.本申请实施例中定义长按操作先触发按下事件,按下事件开始指定时长内没有其他触控事件则触发产生长按事件onLongPress。记录初始触控位置和事件触发时间。
如接收到按下事件后若1秒内无ACTION_UP抬手事件,或ACTION_CANCEL取消事件,或ACTION_MOVE移动事件,则触发LongPress长按事件,在onLongpress()回调方法内进行状态切换处理,即将inScreenNailMode值设为true,从而切换为放大镜模式,并同步将触控位置所对应的图片的进行放大展示;在放大镜模式下,会拦截touch事件以避免touch事件按照普通模式分发下去。拦截下的touch事件供放大镜功能进行处理。在放大镜模式下图片列表界面原本普通模式支持的上下滑动或其他依赖touch事件的功能,例如图库主界面viewpager(视图页面)的左右滑动都不会响应。
否则,当ACTION_DOWN按下事件之后的指定时长内有ACTION_UP抬手事件,或ACTION_CANCEL取消事件,或ACTION_MOVE移动事件,则判断为非长按事件,在相应的事件回调方法中,inScreenNailMode值设为false,进入普通模式,在普通模式下,放大镜功能不再拦截touch事件,touch事件将分发下去继续由普通模式完成相应的操作;
2)、ACTION_UP抬手事件,或ACTION_CANCEL取消事件:
若当前是放大镜模式,遇到该类触控事件则把inScreenNailMode值设为false,退出放大镜模式,隐藏放大镜图片,由于放大镜模式需要相应的内存资源,所以隐藏放大镜图片同时并执行释放内存的相关操作。
3)、ACTION_MOVE移动事件:
若当前是放大镜模式,接收到ACTION_MOVE移动事件则计算当前触控位置,更新放大镜图片的绘制位置坐标,实现放大镜图片跟随触控点移动的效果。
需要注意的是,如前文所述,当移动事件发生时,在实时刷新放大镜预览图时,放大镜图片位置坐标需要进行判断,不能超过屏幕范围。绘制放大图片时,可通过GLSurfaceView的render回调方法绘制图片。本申请实施例中,通过GLSurfaceView来渲染绘制放大图片。SurfaceView和View最本质的区别在于,surfaceView是在一个新起的单独线程中可以重新绘制画面而View必须在UI(User Interface,用户界面)的主线程中更新画面。GLSurfaceView继承了SurfaceView,因为机器硬件的GPU(graphics processing unit,图形处理器)加速,使GLSurfaceView渲染图片的效率远远高于SurfaceView。
如图17所示,以长按操作触发启动放大镜模式、移动事件触发放大显示触控点位置的图片、且抬手事件或取消事件退出放大镜模式为例,整体流程示意图:
在步骤1701中,启动图库后,执行初始化相关操作,创建用来显示放大镜图片的ScreenNailView(放大镜预览图),并设置其大小尺寸等参数。初始图片列表的模式为普通模式,ScreenNailView为隐藏状态。
在步骤1702中,当监听到触控事件的长按事件后,设置inScreenNailMode值为true从而进入放大镜模式。
在步骤1703中,基于移动事件根据手指触控屏幕的位置,计算所选图片的索引index。
在步骤1704中,根据图片索引index,获取图片路径并解析得到图片的缩略图。该缩略图为位图bitmap。可采用getBitmap(index)方法获取缩略图。
在步骤1705中,计算需要绘制的放大镜图片的坐标位置,并进行绘制。可采用Draw(bitmap)方法绘制放大图像。
在步骤1706中,当监听到抬手事件或取消事件时,退出放大镜模式,inScreenNailMode值设为false,隐藏ScreenNailView。
在步骤1707中,销毁放大镜预览图ScreenNailView,回收内存。
基于图17,本申请实施例中,在通过长按操作进入放大镜模式,并在此模式下图18着重说明基于触控事件获取图片缩略图并绘制放大图像的整体流程,包括以下步骤:
在步骤1801中,获取触控事件TouchEvent。
在步骤1802中,获取触控事件的事件类型。
在步骤1803中,若触控事件是抬手事件或取消事件,则在步骤1810中退出放大镜模式。若触控事件是按下事件或者移动事件,则获取触控屏的当前触控点位置坐标(x1,y1)并继续执行步骤1804。
在步骤1804中,基于当前触控点位置坐标(x1,y1)和图片列表的滚动位置的纵坐标y3,来确定图片列表位置坐标(x2,y2)。其中,通过getScrollPosition()来获得y3,如果图片列表未发生过滚动,即y3不大于0,则图片列表位置坐标为(x1,y1),否则,若y3值大于0则x2=x1,且y2=y1+y3。
在步骤1805中,获取图片位置索引index=getindex(x2,y2)。
在步骤1806中,判断获得的index相较上一触控点的index是否发生变化。
例如,可设置index的初始值为-1,对于第一个触控点其对应的图片index相较-1发生变化,对于第一个触控点之后的每个触控点和上一触控点的index进行比较,判断是否发生变化。例如参考图14,第一个触控点a对应图片A的图片索引,其与设置的图片索引默认值-1不同,所以获取图片A进行放大展示,而后触控点移动到b点,获取b点图片索引和a点图片索引进行比对,图片索引没有变化,b点仍显示图片A的放大图片,而移动到c点时图片索引为图片C的图片索引,相较b点图片索引变化,索引获取图片C进行放大展示。
若index发生变化,则执行步骤1807基于当前触控点的index获取图片缩略图,并在步骤1808中绘制当前触控点的index的放大图片。若index没有变化,则继续执行步骤1809,继续绘制上一触控点的index的图片。
需要注意的是,本申请实施例的另一个关键点是绘制放大图片时该放大图片的绘制坐标的计算。为了实现放大图片跟触控点移动的效果,需要实时计算手指触控位置和放大镜图片的绘制位置坐标,同时还要保证放大镜图片的位置不超出屏幕范围。本申请实施例中设计放大图片绘制位置在手指触控位置的右上方为例,假设进入放大镜模式之后,执行流程如图19所示,包括:
在步骤1901中,基于触控事件,获取触控点坐标(x,y)。
本申请实施例中,可以基于MotionEvent.getX()和MotionEvent.getY()可以分别获取触控点在屏幕中的坐标x,y。
在步骤1902中,获取触控点对应放大图片需要绘制的宽度width和高度height即放大后放大镜图片的高度和宽度。
通过bitmap的getWidth()和getHeight()方法获取放大图片的宽高值即width和height。
在步骤1903中,基于触控点的位置坐标以及图片的绘制宽度和高度,确定绘制图片的左上角顶点位置坐标。
其中,判断触控点位置x坐标是否大于屏幕宽度screenWidth-width,若否,则左上角顶点位置坐标的横坐标cx=x,否则cx=screenWidth-width,此时放大镜图片显示在屏幕最右侧。同理,对于左上角顶点位置坐标中的纵坐标cy,判断y是否小于图片所需绘制高度height,若是cy=0,否则cy=y-height。由此,得到绘制坐标(cx,cy)。
在步骤1904中,基于图片位置坐标cx,cy绘制放大图片。
其中,可以发起绘制请求requestRender(),然后,基于onDrawFrame()回调方法执行绘制操作render(),基于通过计算得到的绘制坐标cx、cy,和解析得到的bitmap,绘制放大图片。
综上所述,本申请实施例中提供了安卓系统中实现图片列表的放大镜功能的方法,实施时,可根据实际需要选择放大镜功能的具体实现所需的函数和安卓方法均适用于本申请实施例。
此外,在示例性实施例中,本申请还提供了一种包括指令的计算机可读存储介质,例如包括指令的存储器120,上述指令可由终端设备100的处理器180执行以完成上述图片列表的处理方法。可选地,计算机可读存储介质可以是非临时性计算机可读存储介质,例如,所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
在示例性实施例中,还提供一种计算机程序产品,包括计算机程序,所述计算机程序被处理器180执行时实现如本申请提供的图片列表的处理方法。
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
显然,本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样,倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内,则本申请也意图包含这些改动和变型在内。
Claims (10)
1.一种图片列表的处理方法,其特征在于,所述方法包括:
响应于针对图片列表的第一指定触控事件,识别放大镜模式是否处于启用状态;所述第一指定触控事件用于显示图片;
若所述放大镜模式处于启用状态,则获取所述第一指定触控事件的触控点对应的图片;
基于所述触控点的位置坐标,将所述图片进行放大展示。
2.根据权利要求1所述的方法,其特征在于,所述获取所述第一指定触控事件的触控点对应的图片,包括:
获取所述触控点的位置坐标,获取所述图片列表当前的滚动位置的纵坐标;
将所述触控点位置坐标中的横坐标作为所述图片的横坐标;
采用所述触点位置坐标中的纵坐标和所述滚动位置的纵坐标的和值作为所述图片的纵坐标;
基于所述图片的横坐标和纵坐标获取所述图片的索引值;
基于所述索引值从图片库中解析出所述图片。
3.根据权利要求1所述的方法,其特征在于,所述基于所述触控点的位置坐标,将所述图片进行放大展示,包括:
若所述触控点的指定方位上的显示区域大于或等于所述图片所需的显示尺寸,则在所述指定方位上放大展示所述图片;
若所述触控点的所述指定方位上的显示区域小于所述图片所需的显示尺寸,则将所述指定方位上的边界作为所述图片的显示边界并在显示屏中放大显示出所述图片的所有内容。
4.根据权利要求3所述的方法,其特征在于,所述指定方位为所述触控点的右上角的显示区域,所述方法还包括:
基于以下方法判断所述触控点的指定方位上的显示区域与所述图片所需的显示尺寸之间的大小关系,并基于以下方法确定放大显示后所述图片的左上角顶点位置坐标:
确定所述显示屏的宽度与所述显示尺寸中的宽度之间的第一差值,并比较所述触控点的纵坐标与所述显示尺寸中的长度;
若所述触控点的横坐标小于或等于所述第一差值且所述触控点的纵坐标小于所述显示尺寸中的长度,则确定所述显示区域小于所述显示尺寸,并确定放大显示后所述图片的左上角顶点位置的横坐标为所述触控点的横坐标、所述左上角顶点位置的纵坐标为所述显示屏的原点坐标;
若所述触控点的横坐标小于或等于所述第一差值且所述触控点的纵坐标大于或等于所述显示尺寸中的长度,则确定所述显示区域大于或等于所述显示尺寸,并确定放大显示后所述图片的左上角顶点位置的横坐标为所述触控点的横坐标、且所述左上角顶点位置的纵坐标为所述触控点的纵坐标与所述显示尺寸的长度之间的第二差值;
若所述触控点的横坐标大于所述第一差值且所述触控点的纵坐标小于所述显示尺寸中的长度,则确定所述显示区域小于所述显示尺寸,并确定放大显示后所述图片的左上角顶点位置的横坐标为所述第一差值,且所述左上角顶点位置的纵坐标为所述显示屏的原点坐标;
若所述触控点的横坐标大于所述第一差值且所述触控点的纵坐标大于或等于所述显示尺寸中的长度,则确定所述显示区域小于所述显示尺寸,并确定放大显示后所述图片的左上角顶点位置的横坐标为所述第一差值,且所述左上角顶点位置的纵坐标为所述第二差值。
5.根据权利要求1-4中任一所述的方法,其特征在于,若所述第一指定触控事件为滑动事件,则在滑动过程中更新触控点之后,根据触控点的位置坐标更新放大显示的图片。
6.根据权利要求1-4中任一所述的方法,其特征在于,所述方法还包括:
响应于图片列表的展示请求,显示所述图片列表;
获取针对所述图片列表的第二指定触控事件;
基于所述第二指定触控事件判断是否启用所述放大镜模式;
若启用放大镜模式,则将所述放大镜模式设置为启用状态;
若不启用所述放大镜模式,则将所述放大镜模式设置为禁用状态。
7.根据权利要求1-4中任一所述的方法,其特征在于,所述方法还包括:
若检测到第三指定触控事件,则读取放大镜模式的当前状态;
若放大镜模式的当前状态为启用状态,则退出所述放大镜模式。
8.一种终端设备,其特征在于,包括:
显示器,用于显示图片;
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述指令,以实现如权利要求1-7中任一项所述的方法。
9.一种计算机可读存储介质,其特征在于,当所述计算机可读存储介质中的指令由电子设备的处理器执行时,使得所述电子设备能够执行如权利要求1-7中任一项所述的方法。
10.一种计算机程序产品,包括计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1-7中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210105607.0A CN114546219B (zh) | 2022-01-28 | 2022-01-28 | 图片列表的处理方法及相关装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210105607.0A CN114546219B (zh) | 2022-01-28 | 2022-01-28 | 图片列表的处理方法及相关装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN114546219A true CN114546219A (zh) | 2022-05-27 |
CN114546219B CN114546219B (zh) | 2023-09-29 |
Family
ID=81674077
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210105607.0A Active CN114546219B (zh) | 2022-01-28 | 2022-01-28 | 图片列表的处理方法及相关装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114546219B (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116107684A (zh) * | 2023-04-12 | 2023-05-12 | 天津中新智冠信息技术有限公司 | 页面放大处理方法及终端设备 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP1638015A1 (en) * | 2004-09-15 | 2006-03-22 | Arizan Corporation | Method for requesting and viewing a zoomed area of detail from an image attachment on a mobile communication device |
US20150253965A1 (en) * | 2012-11-23 | 2015-09-10 | Tencent Technology (Shenzhen) Company Limited | Buddy List Presentation Control Method and System, and Computer Storage Medium |
US20180255341A1 (en) * | 2015-11-25 | 2018-09-06 | Le Holdings (Beijing) Co., Ltd. | Method and Apparatus for Video Playback |
CN110874172A (zh) * | 2018-08-31 | 2020-03-10 | 北京京东尚科信息技术有限公司 | 放大app界面的方法、装置、介质及电子设备 |
-
2022
- 2022-01-28 CN CN202210105607.0A patent/CN114546219B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP1638015A1 (en) * | 2004-09-15 | 2006-03-22 | Arizan Corporation | Method for requesting and viewing a zoomed area of detail from an image attachment on a mobile communication device |
US20150253965A1 (en) * | 2012-11-23 | 2015-09-10 | Tencent Technology (Shenzhen) Company Limited | Buddy List Presentation Control Method and System, and Computer Storage Medium |
US20180255341A1 (en) * | 2015-11-25 | 2018-09-06 | Le Holdings (Beijing) Co., Ltd. | Method and Apparatus for Video Playback |
CN110874172A (zh) * | 2018-08-31 | 2020-03-10 | 北京京东尚科信息技术有限公司 | 放大app界面的方法、装置、介质及电子设备 |
Non-Patent Citations (2)
Title |
---|
TAKASHI MIYAKI,ET AL: "GraspZoom:zooming and scrolling control model for single-handed mobile interaction", MOBILEHCI 09, no. 11, pages 1 - 4 * |
王洪斌: "基于嵌入式Linux的多媒体系统研究与设计", 信息科技, no. 3 * |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116107684A (zh) * | 2023-04-12 | 2023-05-12 | 天津中新智冠信息技术有限公司 | 页面放大处理方法及终端设备 |
CN116107684B (zh) * | 2023-04-12 | 2023-08-15 | 天津中新智冠信息技术有限公司 | 页面放大处理方法及终端设备 |
Also Published As
Publication number | Publication date |
---|---|
CN114546219B (zh) | 2023-09-29 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111597000B (zh) | 一种小窗口管理方法及终端 | |
CN111367456A (zh) | 通信终端及多窗口模式下的显示方法 | |
CN111225108A (zh) | 一种通信终端及负屏界面的卡片显示方法 | |
CN111240546B (zh) | 一种分屏处理方法及通信终端 | |
CN112114733B (zh) | 一种截屏、录屏方法、移动终端及计算机存储介质 | |
CN112835472B (zh) | 通信终端及显示方法 | |
CN111124219A (zh) | 一种通信终端及负屏界面的卡片显示方法 | |
CN113835569A (zh) | 终端设备、应用内部功能的快捷启动方法和存储介质 | |
CN110865765A (zh) | 终端及地图控制方法 | |
CN114721761B (zh) | 一种终端设备、应用图标管理方法和存储介质 | |
CN114020379B (zh) | 一种终端设备、信息反馈方法和存储介质 | |
CN111176766A (zh) | 一种通信终端及组件显示方法 | |
CN113709026B (zh) | 即时通信消息的处理方法、设备、存储介质和程序产品 | |
CN112099892B (zh) | 一种通信终端及快速扫描二维码的方法 | |
CN111726605B (zh) | 一种解像力确定方法、装置、终端设备和存储介质 | |
CN114546219B (zh) | 图片列表的处理方法及相关装置 | |
CN114489429B (zh) | 一种终端设备、长截屏方法和存储介质 | |
CN113253905B (zh) | 基于多指操作的触控方法及智能终端 | |
CN112825536B (zh) | 电子终端及后台卡片显示方法 | |
CN111324255B (zh) | 一种基于双屏终端的应用处理方法及通信终端 | |
CN113900740A (zh) | 加载多项列表数据的方法及装置 | |
CN113760164A (zh) | 显示设备及其控制操作的响应方法 | |
CN112929858B (zh) | 一种门禁卡的模拟方法和终端 | |
CN111427492A (zh) | 一种显示位置的控制方法及终端 | |
CN114675762A (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 | ||
CB02 | Change of applicant information | ||
CB02 | Change of applicant information |
Address after: 266071 Shandong city of Qingdao province Jiangxi City Road No. 11 Applicant after: Qingdao Hisense Mobile Communication Technology Co.,Ltd. Address before: 266071 Shandong city of Qingdao province Jiangxi City Road No. 11 Applicant before: HISENSE MOBILE COMMUNICATIONS TECHNOLOGY Co.,Ltd. |
|
GR01 | Patent grant | ||
GR01 | Patent grant |