CN111158620B - 一种图片的显示方法、装置及终端 - Google Patents
一种图片的显示方法、装置及终端 Download PDFInfo
- Publication number
- CN111158620B CN111158620B CN201911371859.2A CN201911371859A CN111158620B CN 111158620 B CN111158620 B CN 111158620B CN 201911371859 A CN201911371859 A CN 201911371859A CN 111158620 B CN111158620 B CN 111158620B
- Authority
- CN
- China
- Prior art keywords
- picture
- sub
- display
- user
- region
- 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.)
- Active
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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
-
- 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/04842—Selection of displayed objects or displayed text elements
-
- 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
- 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
- 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/0483—Interaction with page-structured environments, e.g. book metaphor
-
- 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
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04803—Split screen, i.e. subdividing the display area or the window area into separate subareas
-
- 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
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G2320/00—Control of display operating conditions
- G09G2320/06—Adjustment of display parameters
- G09G2320/0686—Adjustment of display parameters with two or more screen areas displaying information with different brightness or colours
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G2354/00—Aspects of interface with display user
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G2380/00—Specific applications
- G09G2380/16—Digital picture frames
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G3/00—Control arrangements or circuits, of interest only in connection with visual indicators other than cathode-ray tubes
- G09G3/20—Control arrangements or circuits, of interest only in connection with visual indicators other than cathode-ray tubes for presentation of an assembly of a number of characters, e.g. a page, by composing the assembly by combination of individual elements arranged in a matrix no fixed position being assigned to or needed to be assigned to the individual characters or partial characters
Abstract
本申请提供一种图片的显示方法、装置及终端,显示界面包括第一显示区域、第二显示区域以及操作区域,所述方法包括:将第一图片在所述第一显示区域内显示,以及将第二图片在所述第二显示区域内显示;响应用户在所述操作区域内进行的图片切换操作,将所述第一显示区域内显示的所述第一图片替换为第三图片。在本申请实施例中,通过在显示界面中设置操作区域,只要用户在该操作区域内执行图片切换操作,便可以将一个显示区域中显示的图片替换更新,以便用户可以灵活的切换需要显示的图片,使得用户的使用不再受限,以提升用户的使用体验。
Description
技术领域
本申请涉及计算机技术领域,具体而言,涉及一种图片的显示方法、装置及终端。
背景技术
现有技术中为了同时查看两张图片,有的软件开发商将两张图片分别放置到显示界面上不同的两个区域。例如,显示界面分为显示区域A和显示区域B,其中显示区域A中显示出图片X,而显示区域B中显示出图片Y,用户便可通过分别观看两个显示区域中的图片,即可以对两张图片的内容进行对比。
然而,这种对比显示的问题在于无法灵活的切换需要显示的图片,如需要切换另外一张图片时,用户还需要重新打开一张图片,为方便对比,还需要将重新打开的图片移动到显示区域A处,通过上述方式来对比图片,太浪费时间,且还会导致用户的使用体验不好。
发明内容
本申请实施例的目的在于提供一种图片的显示方法、装置及终端,用以实现便捷灵活的切换需要显示的图片,提升用户的使用体验。
第一方面,本申请实施例提供了一种图片的显示方法,显示界面包括第一显示区域、第二显示区域以及操作区域,所述方法包括:
将第一图片在所述第一显示区域内显示,以及将第二图片在所述第二显示区域内显示;响应用户在所述操作区域内进行的图片切换操作,将所述第一显示区域内显示的所述第一图片或所述第二显示区域内显示的所述第二图片替换为第三图片。
在本申请实施例中,通过在显示界面中设置操作区域,只要用户在该操作区域内执行图片切换操作,便可以将一个显示区域中显示的图片替换更新,以便用户可以灵活的切换需要显示的图片,使得用户的使用不再受限,以提升用户的使用体验。
结合第一方面,在第一种可能的实现方式中,所述操作区域包括多个子区域,所述多个子区域各自与一张图片对应,所述第一显示区域对应所述多个子区域中的至少一个子区域,所述第二显示区域对应所述多个子区域中除开所述第一显示区域对应的子区域以外的剩余子区域,响应用户在所述操作区域内进行的图片切换操作,将所述第一显示区域内显示的所述第一图片或所述第二显示区域内显示的所述第二图片替换为第三图片,包括:
若所述用户选中子区域为与所述第一显示区域对应的子区域,则将所述第一显示区域内显示的所述第一图片替换为所述用户选中的子区域对应的所述第三图片;若所述用户选中子区域为与所述第二显示区域对应的子区域,则将所述第二显示区域内显示的所述第二图片替换为所述用户选中的子区域对应的所述第三图片。
在本申请实施例中,由于通过选中一个子区域这种简单的操作便可以将图片替换该子区域对应的图片,故实现了简单、便捷、快速且有针对性的图片切换。
结合第一方面,在第二种可能的实现方式中,所述操作区域包括多个子区域,所述多个子区域各自与一张图片对应,响应用户在所述操作区域内进行的图片切换操作,将所述第一显示区域内显示的所述第一图片或所述第二显示区域内显示的所述第二图片替换为第三图片,包括:
获取所述用户前一选中的子区域对应的图片被显示的位置;若所述用户前一选中的子区域对应的图片被显示的位置在所述第二显示区域,则将所述第一显示区域内显示的所述第一图片替换为所述用户选中的子区域对应的所述第三图片;若所述用户前一选中的子区域对应的图片被显示的位置在所述第一显示区域,则将所述第二显示区域内显示的所述第二图片替换为所述用户选中的子区域对应的所述第三图片。
在本申请实施例中,在用户不断触控选中的子区域的过程中,通过判断用户前一选中的子区域对应的图片被显示的位置可以实现交替的对第一显示区域和第二显示区域显示的图片进行切换,这种简单便捷且有序的切换方式能够带来更好的用户体验。
结合第一方面的第一种或第二种可能的实现方式,在第三种可能的实现方式中,在将所述第一显示区域内显示的所述第一图片或所述第二显示区域内显示的所述第二图片替换为第三图片片之后,所述方法还包括:
响应所述用户取消选中所述用户选中的子区域操作,获取当前被所述用户选中的子区域的数量;若当前被所述用户选中的子区域的数量为1,则将当前所述用户选中的子区域对应的图片覆盖所述显示界面。
在本申请实施例中,当用户取消选中某个已选中的子区域时,当前只有第一图片对应的子区域被选中,故当前仅有第一图片需要显示,因此终通过将第一图片覆盖显示界面,实现显示界面上全部显示出该第一图片,以实现对显示界面的充分利用。
结合第一方面的第三种可能的实现方式,在第四种可能的实现方式中,在将当前所述用户选中的子区域对应的图片覆盖所述显示界面之后,所述方法还包括:
响应所述用户选中子区域的操作,获取当前被所述用户选中的子区域的数量;若当前被所述用户选中的子区域的数量为2,则将所述显示界面分割为所述第一显示区域和所述第二显示区域,并将当前被所述用户的选中的子区域对应的图片分别在所述第二显示区域和所述第二显示区域显示。
在本申请实施例中,由于用户仅通过选中一个当前未曾选中的子区域这种简单的操作,终端便可以恢复到再次将图片对比显示,故实现了简单、便捷、快速且有针对性的进行图片对比显示。
结合第一方面的第一种或第二种可能的实现方式,在第五种可能的实现方式中,每个所述子区域包括一个操作点,每个所述操作点与所述子区域对应的图片一一对应;当所述用户执行点击一个子区域的操作点时,则响应所述用户选中该子区域的操作。
在本申请实施例中,操作点能够更直观的提示用户该操作点可以触控,使得用户更容易上手使用。
结合第一方面,在第六种可能的实现方式中,所述操作区域包括多个子区域,所述多个子区域各自与一张图片对应,将第一图片在所述第一显示区域内显示,以及将第二图片在所述第二显示区域内显示;包括:
响应所述用户选中子区域的操作,获取当前被所述用户选中的子区域的数量;
若当前被所述用户同时选中的子区域的数量为2,则将所述显示界面分割为所述第一显示区域和所述第二显示区域,并将当前被所述用户的选中的子区域对应的所述第一图片在所述第一显示区域内显示,以及将当前被所述用户的选中的子区域对应的所述第二图片在所述第二显示区域内显示。
在本申请实施例中,只要选中的子区域数量到达上限值的两个,便可以将图片对比显示,故实现了简单、便捷、快速且有针对性的进行图片对比显示。
结合第一方面,在第七种可能的实现方式中,所述操作区域包括多个子区域,所述多个子区域各自与一张图片对应,将第一图片在所述第一显示区域内显示,将第二图片在所述第二显示区域内显示,包括:
响应所述用户选中子区域的操作,获取当前被所述用户选中的子区域的数量;若当前被所述用户选中的子区域的数量为1,将当前被所述用户选择的子区域对应的所述第一图片覆盖所述显示界面;继续响应所述用户选中子区域的操作,获取当前被所述用户选中的子区域的数量;若当前被所述用户选中的子区域的数量为2,则将所述显示界面分割为所述第一显示区域和所述第二显示区域,并将当前被所述用户的选中的子区域对应的所述第一图片在所述第一显示区域内显示,以及将当前被所述用户的选中的子区域对应的所述第二图片在所述第二显示区域内显示。
在本申请实施例中,当只有一个子区域被用户选中时,说明当前仅有第一图片需要显示,因此终通过将第一图片覆盖显示界面,实现显示界面上全部显示出该第一图片,以实现对显示界面的充分利用。
第二方面,本申请实施例提供了一种图片的显示装置,显示界面包括第一显示区域、第二显示区域以及操作区域,所述装置包括:
图片显示模块,用于将第一图片在所述第一显示区域内显示,以及将第二图片在所述第二显示区域内显示;
显示调整模块,用于当用户在所述操作区域内进行操作时,响应所述操作,将所述第一显示区域内显示的所述第一图片或所述第二显示区域内显示的所述第二图片替换为第三图片。
结合第二方面,在第一种可能的实现方式中,所述操作区域包括多个子区域,所述多个子区域各自与一张图片对应,所述第一显示区域对应所述多个子区域中的至少一个子区域,所述第二显示区域对应所述多个子区域中除开所述第一显示区域对应的子区域以外的剩余子区域,所述显示调整模块,用于若所述用户选中子区域为与所述第一显示区域对应的子区域,则将所述第一显示区域内显示的所述第一图片替换为所述用户选中的子区域对应的所述第三图片;若所述用户选中子区域为与所述第二显示区域对应的子区域,则将所述第二显示区域内显示的所述第二图片替换为所述用户选中的子区域对应的所述第三图片。
结合第二方面,在第二种可能的实现方式中,所述操作区域包括多个子区域,所述多个子区域各自与一张图片对应,所述显示调整模块,用于获取所述用户前一选中的子区域对应的图片被显示的位置;若所述用户前一选中的子区域对应的图片被显示的位置在所述第二显示区域,则将所述第一显示区域内显示的所述第一图片替换为所述用户选中的子区域对应的所述第三图片;若所述用户前一选中的子区域对应的图片被显示的位置在所述第一显示区域,则将所述第二显示区域内显示的所述第二图片替换为所述用户选中的子区域对应的所述第三图片
结合第二方面的第一种或第二种可能的实现方式,在第三种可能的实现方式中,在所述显示调整模块将所述第一显示区域内显示的所述第一图片或所述第二显示区域内显示的所述第二图片替换为第三图片片之后,所述显示调整模块,还用于响应所述用户取消选中所述用户选中的子区域操作,获取当前被所述用户选中的子区域的数量;若当前被所述用户选中的子区域的数量为1,则将当前所述用户选中的子区域对应的图片覆盖所述显示界面。
结合第二方面的第三种可能的实现方式,在第四种可能的实现方式中,在所述显示调整模块将当前所述用户选中的子区域对应的图片覆盖所述显示界面之后,所述显示调整模块,还用于响应所述用户选中子区域的操作,获取当前被所述用户选中的子区域的数量;若当前被所述用户选中的子区域的数量为2,则将所述显示界面分割为所述第一显示区域和所述第二显示区域,并将当前被所述用户的选中的子区域对应的图片分别在所述第二显示区域和所述第二显示区域显示。
结合第二方面的第一种或第二种可能的实现方式,在第五种可能的实现方式中,每个所述子区域包括一个操作点,每个所述操作点与所述子区域对应的图片一一对应;当所述用户执行点击一个子区域的操作点时,则响应所述用户选中该子区域的操作。
结合第二方面,在第六种可能的实现方式中,所述操作区域包括多个子区域,所述多个子区域各自与一张图片对应,所述显示调整模块,用于响应所述用户选中子区域的操作,获取当前被所述用户选中的子区域的数量;若当前被所述用户同时选中的子区域的数量为2,则将所述显示界面分割为所述第一显示区域和所述第二显示区域,并将当前被所述用户的选中的子区域对应的所述第一图片在所述第一显示区域内显示,以及将当前被所述用户的选中的子区域对应的所述第二图片在所述第二显示区域内显示。
结合第二方面,在第七种可能的实现方式中,所述操作区域包括多个子区域,所述多个子区域各自与一张图片对应,所述显示调整模块,用于响应所述用户选中子区域的操作,获取当前被所述用户选中的子区域的数量;若当前被所述用户选中的子区域的数量为1,将当前被所述用户选择的子区域对应的所述第一图片覆盖所述显示界面;继续响应所述用户选中子区域的操作,获取当前被所述用户选中的子区域的数量;若当前被所述用户选中的子区域的数量为2,则将所述显示界面分割为所述第一显示区域和所述第二显示区域,并将当前被所述用户的选中的子区域对应的所述第一图片在所述第一显示区域内显示,以及将当前被所述用户的选中的子区域对应的所述第二图片在所述第二显示区域内显示。
第三方面,本申请实施例提供了一种终端,包括:存储器、显示屏、与所述存储器和所述显示屏连接的处理器;
所述存储器,用于存储如第一方面或第一方面的任一种可能的实现方式所述的图片的显示方法的程序;
所述显示屏上设有显示界面,所述显示界面中设有用于将所述显示界面分割成第一显示区域和第二显示区域的分割线;
所述处理器,用于运行所述存储器中的程序。
第四方面,本申请实施例提供了一种具有计算机可执行的非易失程序代码的计算机可读存储介质,所述程序代码使所述计算机执行如第一方面或第一方面的任一种可能的实现方式所述的图片的显示方法。
附图说明
为了更清楚地说明本申请实施例的技术方案,下面将对本申请实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本申请的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。
图1为本申请实施例提供的一种终端的结构框图;
图2为本申请实施例提供的一种终端中显示界面的示意图;
图3为本申请实施例提供的一种图片的显示方法的流程图;
图4为本申请实施例提供的一种图片的显示方法的第一应用场景图;
图5为本申请实施例提供的一种图片的显示方法的第二应用场景图;
图6为本申请实施例提供的一种图片的显示方法的第三应用场景图;
图7为本申请实施例提供的一种图片的显示方法的第四应用场景图;
图8为本申请实施例提供的一种图片的显示方法的第五应用场景图;
图9为本申请实施例提供的一种图片的显示方法的第六应用场景图;
图10为本申请实施例提供的一种图片的显示装置的结构框图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行描述。
请参阅图1,本申请实施例提供了一种终端10,该终端10可以是PC(personalcomputer,个人电脑)、平板电脑、智能手机、PDA(personal digital assistant,个人数字助理)等。
具体的,该终端10可以包括:包括:通信接口11、显示屏12、存储器13、以及与通信接口11、存储器13和显示屏12连接的处理器14。
通信接口11可以是物理意义上的硬件接口,也可以是软件意义上的逻辑接口。终端10可以通过通信接口11接收其它设备直接传输或者是通过网络传输的需要由终端10的显示屏12分屏对比显示的多张图片。
显示屏12可以是例如LCD(Liquid Crystal Display,液晶显示器)、LED(Light-Emitting Diode,发光二极管)或OLED(Organic Light-Emitting Diode,有机发光二极管)等材质制成的显示屏12。
如图2所示,显示屏12可以显示出显示界面121,该显示界面121可以占据显示屏12的全部或者部分。该显示界面121上包括两个显示区域,其分别是第一显示区域122和第二显示区域123。以及,该显示界面121上还包括一个用于用户执行操作的操作区域124。其中,操作区域124可以位于第一显示区域122和/或第二显示区域123上,或者,操作区域124可以作为显示界面121中独立与第一显示区域122和第二显示区域123存在的区域。
存储器13可以是例如磁盘、ROM、或RAM,或其任意组合,存储器13可以存储用于控制分屏显示两张图片的程序。
处理器14可以是CPU(Central Processing Unit,中央处理器14)、MCU(Microcontroller Unit,微控制单元)、FPGA(Field-Programmable Gate Array,现场可编程门阵列)等芯片。
处理器14可以用于调用并运行存储器13中的程序,将接收到的多张图片中的第一图片在第一显示区域122内显示,以及将接收到的多张图片中的第二图片在第二显示区域内123显示。当用户在显示界面121上的操作区域124内进行操作时,也通过运行该程序,处理器14可以响应用户的操作,将第一显示区域122内显示的第一图片或者将第二显示区域123内显示的第二图片替换为多张图片中的第三图片,从而便捷灵活的实现了图片的切换显示。
下面将通过方法实施例,对如何显示图片、以及如何操作切换显示图片进行详细说明。
请参阅图3,本申请实施例提供了一种图片的显示方法,该图片的显示方法可以由终端10执行,该图片的显示方法可以包括:步骤S100和步骤S200。
步骤S100:将第一图片在第一显示区域内显示,以及将第二图片在第二显示区域内显示。
步骤S200:响应用户在操作区域内进行的图片切换操作,将第一显示区域内显示的第一图片或第一显示区域内显示的第二图片替换为第三图片。
下文将结合示例对上述流程进行详细说明。
在执行步骤S100之前,第一显示区域122、第二显示区域123以及操作区域124可以作为显示界面121上需要显示的元素,终端10可以在DOM(Document Object Model,文档对象模型)树上预设这些元素的相关控件。这样,终端10通过加载DOM树而运行这些元素的相关控件,便可以在显示界面121上显示出第一显示区域122、第二显示区域123以及操作区域124。
本实施例中,终端10还可以在规则树中定义第一显示区域122、第二显示区域123以及操作区域124相互之间关系。
比如,终端10可以在规则树中定义第一显示区域122和第二显示区域123在显示界面121上是第一显示区域122覆盖第二显示区域123的关系,且定义第一显示区域122的大小可调,并定义第二显示区域123的大小为能够覆盖显示界面121且不可调。这样,通过改变第一显示区域122的大小便可以对应改变第二显示区域123在显示界面121上显示出的区域的大小。
又比如,终端10还可以在规则树中定义第一显示区域122和第二显示区域123在显示界面121上是拼接关系,并定义第一显示区域122和第二显示区域123的相对大小可调。这样,通过改变第一显示区域122的大小便可以对应改变第二显示区域123的大小,反之亦然。
此外,终端10还可以在规则树中定义操作区域124与需要显示的多张图片为对应关系。这样,用户通过在操作区域124进行操作,终端10基于该对应关系而响应用户的操作,便可以切换第一显示区域122和/或第二显示区域123中显示的图片。
本实施例中,终端10在DOM树中预设各元素的相关控件,以及在规则树中定义各元素的相互之间的关系后,终端10可以执行步骤S100。
步骤S100:将第一图片在第一显示区域内显示,以及将第二图片在第二显示区域内显示。
在获取到多张图片后,终端10可以将多张图片预先加载到终端10的内存中,以便在需要显示时,终端10根据预设的对应关系直接在内存中执行图片显示的处理逻辑,以实现快速的图片显示,使得用户无法感知到图片的加载过程,提升了用户的使用体验。
于本实施例中,若显示界面121处于初始状态,即显示界面12的第一显示区域122和第二显示区域123均未显示出任何图片,那么显示界面121内可以只有第一显示区域122或者只有第二显示区域123,但并不作为限定。比如,在初始状态下,第一显示区域122和第二显示区域123也可以同时位于显示界面12内。
在将多张图片加载到内存中后,终端10将多张图片中的第一图片加载到第一显示区域122内显示,以及将多张图片中的第二图片加载到第二显示区域123内显示。
作为显示第一图片和第二图片的一种示例性方式,在刚开始显示图片时,终端10通过响应用户的操作而加载显示相应的图片。
具体的,如图4所示,操作区域124中可以包括相互拼接的多个子区域125,且多个子区域125的数量与终端10允许加载到内存中的图片的最大数量相同。这样,当多张图片加载到内存中后,多个子区域125可以各自与多张图片中的一张图片对应,且任意两个子区域125各自对应的图片不同。此外,为便于切换第一显示区域122和/或第二显示区域123内显示的图片,多个子区域125还可以建立与换第一显示区域122和第二显示区域123的对应关系,比如,第一显示区域122对应所述多个子区域125中的至少一个子区域125,而第二显示区域123则对应多个子区域125中除开第一显示区域122对应的子区域125以外的剩余子区域125。
需要说明的是,多个子区域125以相互拼接的方式设置在操作区域124内仅为本实施例的示例性方式,并不作为本实施例的限定,例如,多个子区域125还可以不拼接的方式整列的设置在操作区域124内。
每个子区域125的状态都可以包括未选中状态和选中状态,若用户在某个子区域125内进行操作,终端10可以响应该操作而将该子区域125的状态在未选中状态与选中状态之间切换。
本实施例中,基于每个子区域125与一张图片的对应关系,以及基于每个子区域125的状态,若终端10控制某一个子区域125处于选中状态,则表示第一显示区域122或第二显示区域123内需要显示该子区域125对应的图片,反之,若终端10控制某一个子区域125处于未选中状态,则表示第一显示区域122或第二显示区域123内无需显示该子区域125对应的图片。
本实施例中,终端10将多张图片加载到内存中后,终端10控制显示界面121上的多个子区域125均处于未选中状态,比如图4所示,在子区域125处于未选中状态时,子区域125的图形在显示界面121可以处于未填充状态,反之,则处于填充状态,换言之,用户通过观察图形是否填充便可以便捷的确定各子区域125的状态。
当用户在某一个当前为未选中且是第一图片对应的子区域125(处于未选中状态的子区域125可以理解为未选中的子区域125)内进行操作例如触控该子区域125,终端10响应用户选中该子区域125的操作,将该子区域125从未选中状态调整为选中状态(处于选中状态的子区域125可以理解为已选中的子区域125),并将该子区域125对应的第一图片加载到第一显示区域122内显示。
与此同时,通过响应用户选中子区域125的操作,终端10可以获取当前被用户选中的子区域125的数量,显然当前被用户选中的子区域125的数量从0被终端调整为1。由于该数量为1,说明此时只有第一图片对应的一个子区域125被选中,进而说明当前需要显示的图片只有第一图片一张。为便于充分的显示该第一图片,在只有一个子区域125被选中时,终端10可以控制第一显示区域122的大小增加到覆盖显示界面121,以使第一图片在整个显示界面121上显示。
进一步的,当用户在另一个当前未选中且是第二图片对应的的子区域125内进行操作例如触控该子区域125,终端10响应用户选中该子区域125的操作,将该子区域125从未选中状态调整为选中状态,以及将该子区域125对应的第二图片加载到第二显示区域123的显示。
与此同时,通过响应用户选中子区域125的操作,终端10可以继续获取当前被用户选中的子区域125的数量,显然当前被用户选中的子区域125的数量从1被终端调整为2。由于该数量为2达到数量的上限,那么终端10控制第一显示区域122从覆盖显示界面121的大小缩小到初始大小(在第一显示区域122的初始大小时,第一显示区域122可以占据显示界面121一半的面积)。由于第一显示区域122的大小缩小到初始大小,第二显示区域123便可以在显示界面121上显示出来,故第二显示区域123内显示的第二图片便能够被用户观察到。
结合图2,请参阅图4和图5,下面通过一个示例来说明:
如图4所示,当用户的手指触控在当前未选中的子区域125A内以选择该未选中的子区域125A时,终端10响应用户的操作,将该未选中的子区域125A从未选中状态调整为选中状态,并控制该当前已选中的子区域125A的图形在显示界面121可以处于填充状态。与此同时,终端10还控制第一显示区域122的大小从初始大小增加到覆盖显示界面121,并将该已选中的子区域125A对应的第一图片加载到第一显示区域122显示。
如图5所示,当用户的手指继续触控在当前未选中的子区域125B内以选择该未选中的子区域125B时,终端10继续响应用户的操作,将该未选中的子区域125B从未选中状态调整为选中状态,并控制该已选中的子区域125B的图形在显示界面121可以处于填充状态。与此同时,终端10还控制第一显示区域122从覆盖显示界面121的大小缩小到初始大小,以使该已选中的子区域125B对应的第二图片加载到第二显示区域123显示后,能够被用户观察到。
作为显示第一图片和第二图片的另一种示例性方式,与前述用户手动选中区域以加载对应图片的方式不同的是,在刚开始显示图片时,终端10可以自动加载显示,即终端10可以按照预设的图片显示顺序,自动将多张图片中的第一图片加载到第一显示区域122内显示,以及自动将多张图片中的第二图片加载到第二显示区域123内显示,以使用户能够观察到第一图片以及第二图片。
此外,终端10还自动将第一图片对应的一个子区域125从未选中状态调整为选中状态,以及自动将第二图片对应的一个子区域125也从未选中状态调整为选中状态。这样,在显示出第一图片以及第二图片的同时,显示界面121上显示的第一图片以及第二图片对应的两个子区域125的图形均呈填充状态,以便用户后续操作。
当然,对第一图片以及第二图片的显示除了上述方式外,用户也可以同时在两个未选中子区域125进行触控,以同时选中这两个未选中子区域125。那么,终端10响应用户选中子区域的操作,可以获取当前被用户选中的子区域的数量为2。由于该数量为2达到数量的上限,若在当初始状态下显示界面121中只有一个显示区域的情况下,终端10可以将显示界面121分割为第一显示区域122和第二显示区域123,并将当前被用户的选中的一个子区域对应的第一图片在第一显示区域122内显示,以及将当前被用户的选中的另一个子区域对应的第二图片在第二显示区域234内显示。
步骤S200:响应用户在操作区域内进行的图片切换操作,将第一显示区域内显示的第一图片或第一显示区域内显示的第二图片替换为第三图片。
当显示出第一图片和第二图片后,若用户继续在未选中的子区域125内进行操作,终端10还可以响应用户的操作以进行图片的切换。
具体的,当用户继续在与第一图片以及第二图片对应的子区域都不同的当前未被选中的子区域125内进行操作例如触控该子区域125,那么终端10响应用户选中该当前未被选中的子区域125的操作,将该当前未被选中的子区域125从未选中状态调整为选中状态,以使该当前未被选中的子区域125变成当前被用户选中的子区域125。并且,终端10还将第一显示区域122内显示的第一图片或第二显示区域123内显示的第二图片替换为当前被用户选中的子区域125对应的第三图片。比如,若用户选中的子区域为与第一显示区域122对应的子区域,那么终端10则将第一显示区域122内显示的第一图片替换为当前被用户选中的子区域125对应的第三图片;而若若用户选中的子区域为与第二显示区域123对应的子区域,那么终端10则将第二显示区域123内显示的第二图片替换为当前被用户选中的子区域125对应的第三图片。
可以理解到,由于在选中该当前未被选中的子区域125之前已经有两个子区域125被选中,故该当前被用户选中的子区域125的数量还是保持在上限,那么终端不对当前被选中的子区域125的数量做调整,进而终端10可以不用调整第一显示区域122的大小,继续维持显示界面121上同时显示出第一显示区域122和第二显示区域123。
进一步的,终端10在将第一显示区域122内显示的第一图片或第二显示区域123内显示的第二图片替换为第三图片的同时,终端10还自动将最先选中的子区域125即第一图片对应的子区域125从选中状态调整为未选中状态。这样,显示界面121显示的第一图片对应的子区域125的图形呈未填充状态,而显示界面121显示的第三图片对应的子区域125的图形且呈填充状态,以使用户清楚的知道当前是哪些子区域125被选中。
结合图5,请参阅图6,下面继续对前述示例进行说明:
如图6所示,当用户的手指继续触控在当前未选中的子区域125C内以选择该当前未选中的子区域125C时,终端10继续响应用户的操作,将该子区域125C从未选中状态调整为选中状态,以及将最先选中的子区域125即第一图片对应的已选中子区域125A从选中状态调整为未选中状态,并将第一显示区域122内显示的第一图片替换为已选中的子区域125C对应的第三图片。此时,如图6所示,第三图片对应的子区域125C的图形在显示界面121可以处于填充状态,而第一图片对应的子区域125A的图形在显示界面121可以处于未填充状态。
当显示出第一图片和第三图片后,若用户继续在已选中的子区域125内进城操作,终端10还可以响应用户的操作取消选中该已选中的子区域125。
具体的,若在第一显示区域122内显示的第一图片被替换为第三图片后,当用户继续在第二图片对应的子区域125内进行操作例如触控该子区域125,终端10响应用户取消选中该第二图片对应的子区域125的操作,将该第二图片对应的子区域125从选中状态调整为未选中状态,以使显示界面121上显示的该第二图片对应的子区域125的图形呈未填充状态。
可以理解到,若终端10响应用户取消选中该用户已选中的子区域操作,终端10可以将当前被用户选中的子区域的数量更新减1。显然,终端通过响应用户取消选中该第二图片对应的子区域125的操作,继续获取当前被用户选中的子区域125的数量,当前被用户选中的子区域125的数量从2被终端调整为1。由于该数量为1,说明所有子区域125中只有第三图片对应的一个子区域125是已选中的子区域125,即说明当前需要显示的图片只有一张。因此,也为便于充分的显示该第三图片,终端10可以控制第一显示区域122的大小增加到覆盖显示界面121,这样,当前用户选中的子区域对应的第三图片则形成覆盖显示界面121,在整个显示界面121上显示出。
结合图6,请参阅图7,下面继续对前述示例进行说明:
如图7所示,当用户的手指继续触控在当前已选中的子区域125B内以取消选中该子区域125B时,终端10继续响应用户的取消选中的操作,将该已选中的子区域125B从选中状态调整为未选中状态,并将第一显示界面121的大小从初始大小增加到覆盖显示界面121。此时,如图7所示,第一显示界面121内的第三图片能够在显示界面121内全部显示出,而未选中子区域125B的图形在显示界面121上则处于未填充状态。
本实施例中,当全界面的显示出第三图片后,若用户继续在与第二图片对应的子区域不同且当前未选中的子区域125内进行操作,终端10还可以响应用户选中该子区域125的操作,将该子区域125从未选中状态调整为选中状态,并将第二显示区域123内显示的第二图片替换为该子区域125对应的第四图片。
与此同时,若终端10响应用户取消选中该用户已选中的子区域操作,终端10可以将当前被用户选中的子区域的数量更新加1。显然,终端10通过响应用户选中与第二图片对应的子区域不同且当前未选中的子区域125的操作,继续获取当前被用户选中的子区域125的数量,显然当前被用户选中的子区域125的数量从1被终端调整为2。由于该数量为2达到了数量的上限,终端则同步控制第一显示区域122的从覆盖显示界面121的大小缩小到初始大小,从而将显示界面121再次分割为第一显示区域122和第二显示区域123,以使第四图片能够在显示界面121上显示出。
结合图7,请参阅图8,下面继续对前述示例进行说明:
如图8所示,当用户的手指继续触控在当前未选中的子区域125D内以选择该未选中的子区域125D时,终端10继续响应用户的操作,将该子区域125D从未选中状态调整为选中状态,并控制该子区域125D的图形在显示界面121可以处于填充状态。与此同时,终端10也控制第一显示区域122从覆盖显示界面121的大小缩小到初始大小,以使该子区域125D对应的第四图片加载到第二显示区域123显示后,能够被用户观察到。
可以理解到,上述切换图片是按照被选中子区域125的先后顺序进行的切换,但其并不作为本实施例的限定。例如,预先还可以建立各子区域125各自与一个显示区域的对应关系,这样,在选中某一个子区域125时,便在该子区域125对应的第一显示区域122或第二显示区域123内进行图片的显示或替换。
请参阅图9,在本实施例的另一些实现方式中,每个子区域125中可以对应包括一个操作点126。当用户执行点击一个子区域的操作点时,终端10便响应用户选中该操作点对应的一个未选中的操作点126的操作,便可以将第一显示区域122内显示的第一图片或第二显示区域123内显示的第二图片替换为未选中的操作点126对应的第三图片,且任意两个操作点126各自对应的图片不同。
可以理解到,采用操作点126与用户交互以及控制的原理与前述操作区域124的原理相同,在此就不在累述。
需要指出的是,显示区域显示图片仅为本实施例的一种示例性方式,并不作为本实施例的限定。例如,显示区域显示的还可以是视频、工程模型等。
还需要说明的是,本实施例切换显示图片的方式并不限于上述方式,终端10还可以根据用户前一选中的子区域125对应的图片被显示的位置来选择当前切换的图偏的显示位置。
比如,在实现将第一显示区域122内显示的第一图片或第二显示区域123内显示的第二图片替换为第三图片的过程中,终端10获取用户前一选中的子区域125对应的图片被显示的位置;若用户前一选中的子区域125对应的图片被显示的位置在第二显示区域123,终端10则将第一显示区域122内显示的第一图片替换为用户选中的子区域125对应的第三图片。若用户前一选中的子区域125对应的图片被显示的位置在第一显示区域122,终端则将第二显示区域123内显示的第二图片替换为用户选中的子区域125对应的第三图片。
请参阅图10,基于同一发明构思,本申请实施例中还提供一种图片的显示装置100,该图片的显示装置100可以是部署在终端10上的程序模块,该图片的显示装置100可以包括:
图片显示模块110,用于将第一图片在所述第一显示区域内显示,以及将第二图片在所述第二显示区域内显示;
显示调整模块120,用于当用户在所述操作区域内进行操作时,响应所述操作,将所述第一显示区域内显示的所述第一图片或所述第二显示区域内显示的所述第二图片替换为第三图片。
可选的,所述操作区域包括多个子区域,所述多个子区域各自与一张图片对应,所述第一显示区域对应所述多个子区域中的至少一个子区域,所述第二显示区域对应所述多个子区域中除开所述第一显示区域对应的子区域以外的剩余子区域,所述显示调整模块120,用于若所述用户选中子区域为与所述第一显示区域对应的子区域,则将所述第一显示区域内显示的所述第一图片替换为所述用户选中的子区域对应的所述第三图片;若所述用户选中子区域为与所述第二显示区域对应的子区域,则将所述第二显示区域内显示的所述第二图片替换为所述用户选中的子区域对应的所述第三图片。
可选的,所述操作区域包括多个子区域,所述多个子区域各自与一张图片对应,所述显示调整模块120,用于获取所述用户前一选中的子区域对应的图片被显示的位置;若所述用户前一选中的子区域对应的图片被显示的位置在所述第二显示区域,则将所述第一显示区域内显示的所述第一图片替换为所述用户选中的子区域对应的所述第三图片;若所述用户前一选中的子区域对应的图片被显示的位置在所述第一显示区域,则将所述第二显示区域内显示的所述第二图片替换为所述用户选中的子区域对应的所述第三图片
可选的,在所述显示调整模块120将所述第一显示区域内显示的所述第一图片或所述第二显示区域内显示的所述第二图片替换为第三图片片之后,所述显示调整模块120,还用于响应所述用户取消选中所述用户选中的子区域操作,获取当前被所述用户选中的子区域的数量;若当前被所述用户选中的子区域的数量为1,则将当前所述用户选中的子区域对应的图片覆盖所述显示界面。
可选的,在所述显示调整模块120将当前所述用户选中的子区域对应的图片覆盖所述显示界面之后,所述显示调整模块120,还用于响应所述用户选中子区域的操作,获取当前被所述用户选中的子区域的数量;若当前被所述用户选中的子区域的数量为2,则将所述显示界面分割为所述第一显示区域和所述第二显示区域,并将当前被所述用户的选中的子区域对应的图片分别在所述第二显示区域和所述第二显示区域显示。
可选的,每个所述子区域包括一个操作点,每个所述操作点与所述子区域对应的图片一一对应;当所述用户执行点击一个子区域的操作点时,则响应所述用户选中该子区域的操作。
可选的,所述操作区域包括多个子区域,所述多个子区域各自与一张图片对应,所述显示调整模块120,用于响应所述用户选中子区域的操作,获取当前被所述用户选中的子区域的数量;若当前被所述用户同时选中的子区域的数量为2,则将所述显示界面分割为所述第一显示区域和所述第二显示区域,并将当前被所述用户的选中的子区域对应的所述第一图片在所述第一显示区域内显示,以及将当前被所述用户的选中的子区域对应的所述第二图片在所述第二显示区域内显示。
可选的,所述操作区域包括多个子区域,所述多个子区域各自与一张图片对应,所述显示调整模块120,用于响应所述用户选中子区域的操作,获取当前被所述用户选中的子区域的数量;若当前被所述用户选中的子区域的数量为1,将当前被所述用户选择的子区域对应的所述第一图片覆盖所述显示界面;继续响应所述用户选中子区域的操作,获取当前被所述用户选中的子区域的数量;若当前被所述用户选中的子区域的数量为2,则将所述显示界面分割为所述第一显示区域和所述第二显示区域,并将当前被所述用户的选中的子区域对应的所述第一图片在所述第一显示区域内显示,以及将当前被所述用户的选中的子区域对应的所述第二图片在所述第二显示区域内显示。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的模块的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
本申请一些实施例还提供了一种计算机可执行的非易失的程序代码的计算机可读储存介质,该存储介质能够为通用的存储介质,如移动磁盘、硬盘等,该计算机可读存储介质上存储有程序代码,该程序代码被计算机运行时执行上述任一实施方式的图片的显示方法的步骤。
本申请实施例所提供的图片的显示方法的程序代码产品,包括存储了程序代码的计算机可读存储介质,程序代码包括的指令可用于执行前面方法实施例中的方法,具体实现可参见方法实施例,在此不再赘述。
综上所述,本申请实施例提供了一种图片的显示方法、装置及终端,用以实现便捷灵活的切换需要显示的图片。通过在显示界面中设置操作区域,只要用户在该操作区域内执行图片切换操作,便可以将一个显示区域中显示的图片替换更新,以便用户可以灵活的切换需要显示的图片,使得用户的使用不再受限,以提升用户的使用体验。
在本申请所提供的实施例中,应该理解到,所揭露装置和方法,可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,又例如,多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
另外,作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
再者,在本申请各个实施例中的各功能模块可以集成在一起形成一个独立的部分,也可以是各个模块单独存在,也可以两个或两个以上模块集成形成一个独立的部分。
在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。
以上所述仅为本申请的实施例而已,并不用于限制本申请的保护范围,对于本领域的技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。
Claims (8)
1.一种图片的显示方法,其特征在于,显示界面包括第一显示区域、第二显示区域以及操作区域,所述方法包括:
将第一图片在所述第一显示区域内显示,以及将第二图片在所述第二显示区域内显示;
响应用户在所述操作区域内进行的图片切换操作,将所述第一显示区域内显示的所述第一图片或所述第二显示区域内显示的所述第二图片替换为第三图片;
其中,所述操作区域包括多个子区域,所述多个子区域各自与一张图片对应,响应用户在所述操作区域内进行的图片切换操作,将所述第一显示区域内显示的所述第一图片或所述第二显示区域内显示的所述第二图片替换为第三图片,包括:
获取所述用户前一选中的子区域对应的图片被显示的位置;
若所述用户前一选中的子区域对应的图片被显示的位置在所述第二显示区域,则将所述第一显示区域内显示的所述第一图片替换为所述用户选中的子区域对应的所述第三图片;
若所述用户前一选中的子区域对应的图片被显示的位置在所述第一显示区域,则将所述第二显示区域内显示的所述第二图片替换为所述用户选中的子区域对应的所述第三图片。
2.根据权利要求1所述的图片的显示方法,其特征在于,在将所述第一显示区域内显示的所述第一图片或所述第二显示区域内显示的所述第二图片替换为第三图片片之后,所述方法还包括:
响应所述用户取消选中所述用户选中的子区域操作,获取当前被所述用户选中的子区域的数量;
若当前被所述用户选中的子区域的数量为1,则将当前所述用户选中的子区域对应的图片覆盖所述显示界面。
3.根据权利要求2所述的图片的显示方法,其特征在于,在将当前所述用户选中的子区域对应的图片覆盖所述显示界面之后,所述方法还包括:
响应所述用户选中子区域的操作,获取当前被所述用户选中的子区域的数量;
若当前被所述用户选中的子区域的数量为2,则将所述显示界面分割为所述第一显示区域和所述第二显示区域,并将当前被所述用户的选中的子区域对应的图片分别在所述第一显示区域和所述第二显示区域显示。
4.根据权利要求1所述的图片的显示方法,其特征在于,每个所述子区域包括一个操作点,每个所述操作点与所述子区域对应的图片一一对应;当所述用户执行点击一个子区域的操作点时,则响应所述用户选中该子区域的操作。
5.根据权利要求1所述的图片的显示方法,其特征在于,所述操作区域包括多个子区域,所述多个子区域各自与一张图片对应,将第一图片在所述第一显示区域内显示,以及将第二图片在所述第二显示区域内显示;包括:
响应所述用户选中子区域的操作,获取当前被所述用户选中的子区域的数量;
若当前被所述用户同时选中的子区域的数量为2,则将所述显示界面分割为所述第一显示区域和所述第二显示区域,并将当前被所述用户的选中的子区域对应的所述第一图片在所述第一显示区域内显示,以及将当前被所述用户的选中的子区域对应的所述第二图片在所述第二显示区域内显示。
6.根据权利要求1所述的图片的显示方法,其特征在于,所述操作区域包括多个子区域,所述多个子区域各自与一张图片对应,将第一图片在所述第一显示区域内显示,将第二图片在所述第二显示区域内显示,包括:
响应所述用户选中子区域的操作,获取当前被所述用户选中的子区域的数量;
若当前被所述用户选中的子区域的数量为1,将当前被所述用户选择的子区域对应的所述第一图片覆盖所述显示界面;
继续响应所述用户选中子区域的操作,获取当前被所述用户选中的子区域的数量;
若当前被所述用户选中的子区域的数量为2,则将所述显示界面分割为所述第一显示区域和所述第二显示区域,并将当前被所述用户的选中的子区域对应的所述第一图片在所述第一显示区域内显示,以及将当前被所述用户的选中的子区域对应的所述第二图片在所述第二显示区域内显示。
7.一种图片的显示装置,其特征在于,显示界面包括第一显示区域、第二显示区域以及操作区域,所述装置包括:
图片显示模块,用于将第一图片在所述第一显示区域内显示,以及将第二图片在所述第二显示区域内显示;
显示调整模块,用于当用户在所述操作区域内进行操作时,响应所述操作,将所述第一显示区域内显示的所述第一图片或所述第二显示区域内显示的所述第二图片替换为第三图片;
其中,所述操作区域包括多个子区域,所述多个子区域各自与一张图片对应,响应用户在所述操作区域内进行的图片切换操作,所述显示调整模块还用于:
获取所述用户前一选中的子区域对应的图片被显示的位置;
若所述用户前一选中的子区域对应的图片被显示的位置在所述第二显示区域,则将所述第一显示区域内显示的所述第一图片替换为所述用户选中的子区域对应的所述第三图片;
若所述用户前一选中的子区域对应的图片被显示的位置在所述第一显示区域,则将所述第二显示区域内显示的所述第二图片替换为所述用户选中的子区域对应的所述第三图片。
8.一种终端,其特征在于,包括:存储器、显示屏、与所述存储器和所述显示屏连接的处理器;
所述存储器,用于存储如权利要求1-6任一权项所述的图片的显示方法的程序;
所述显示屏上设有显示界面,所述显示界面中设有用于将所述显示界面分割成第一显示区域和第二显示区域的分割线;
所述处理器,用于运行所述存储器中的程序。
Priority Applications (3)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911371859.2A CN111158620B (zh) | 2019-12-26 | 2019-12-26 | 一种图片的显示方法、装置及终端 |
US17/419,598 US11460986B2 (en) | 2019-12-26 | 2020-09-27 | Method for picture display, device, terminal and computer readable storage medium |
PCT/CN2020/118123 WO2021129013A1 (zh) | 2019-12-26 | 2020-09-27 | 图片的显示方法、装置、终端及计算机可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911371859.2A CN111158620B (zh) | 2019-12-26 | 2019-12-26 | 一种图片的显示方法、装置及终端 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111158620A CN111158620A (zh) | 2020-05-15 |
CN111158620B true CN111158620B (zh) | 2020-11-24 |
Family
ID=70558404
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911371859.2A Active CN111158620B (zh) | 2019-12-26 | 2019-12-26 | 一种图片的显示方法、装置及终端 |
Country Status (3)
Country | Link |
---|---|
US (1) | US11460986B2 (zh) |
CN (1) | CN111158620B (zh) |
WO (1) | WO2021129013A1 (zh) |
Families Citing this family (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111158620B (zh) * | 2019-12-26 | 2020-11-24 | 成都星时代宇航科技有限公司 | 一种图片的显示方法、装置及终端 |
CN115981536A (zh) * | 2020-09-04 | 2023-04-18 | Oppo广东移动通信有限公司 | 多媒体数据的显示方法及装置、电子设备、存储介质 |
CN112214621A (zh) * | 2020-10-19 | 2021-01-12 | 深圳市圆周率软件科技有限责任公司 | 一种图像查看方法和电子设备 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101256731A (zh) * | 2007-03-02 | 2008-09-03 | 三星电子株式会社 | 显示设备及其控制方法 |
CN103927093A (zh) * | 2014-03-19 | 2014-07-16 | 联想(北京)有限公司 | 一种信息处理方法及电子设备 |
CN105005429A (zh) * | 2015-06-30 | 2015-10-28 | 广东欧珀移动通信有限公司 | 一种终端展示图片的方法及终端 |
CN106910487A (zh) * | 2017-04-11 | 2017-06-30 | 武汉华星光电技术有限公司 | 一种显示器的驱动方法和驱动装置 |
CN107633796A (zh) * | 2016-07-18 | 2018-01-26 | 三星显示有限公司 | 显示装置和刷新显示装置产生的图像的方法 |
CN109597550A (zh) * | 2018-11-19 | 2019-04-09 | 维沃移动通信有限公司 | 一种图片处理方法及移动终端 |
Family Cites Families (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9645678B2 (en) * | 2012-12-18 | 2017-05-09 | Seiko Epson Corporation | Display device, and method of controlling display device |
JP2014127184A (ja) | 2012-12-27 | 2014-07-07 | Toshiba Corp | 情報処理装置および表示制御方法 |
KR102244258B1 (ko) * | 2013-10-04 | 2021-04-27 | 삼성전자주식회사 | 디스플레이 장치 및 이를 이용한 영상표시방법 |
KR20150066963A (ko) * | 2013-12-09 | 2015-06-17 | 삼성전자주식회사 | 의료 영상 배치 방법 및 이를 위한 의료 기기 |
CN103995652A (zh) | 2014-05-15 | 2014-08-20 | 宇龙计算机通信科技(深圳)有限公司 | 图库中图片的比对方法和系统 |
CN106354418B (zh) * | 2016-11-16 | 2019-07-09 | 腾讯科技(深圳)有限公司 | 一种基于触摸屏的操控方法和装置 |
CN106598390B (zh) * | 2016-12-12 | 2021-01-15 | 联想(北京)有限公司 | 一种显示方法、电子设备及显示装置 |
CN106856543B (zh) * | 2017-01-09 | 2020-08-18 | 北京安云世纪科技有限公司 | 一种图片显示方法、装置及移动终端 |
JP2018175216A (ja) * | 2017-04-10 | 2018-11-15 | コニカミノルタ株式会社 | 医用画像表示装置及びプログラム |
CN108427589B (zh) * | 2018-02-01 | 2023-07-21 | 联想(北京)有限公司 | 一种数据处理方法及电子设备 |
CN110221794B (zh) * | 2018-03-02 | 2023-05-23 | 阿里巴巴集团控股有限公司 | 一种对象显示方法及终端 |
CN110134300A (zh) * | 2019-04-30 | 2019-08-16 | 珠海格力电器股份有限公司 | 一种图片编辑方法及装置 |
CN111158620B (zh) * | 2019-12-26 | 2020-11-24 | 成都星时代宇航科技有限公司 | 一种图片的显示方法、装置及终端 |
-
2019
- 2019-12-26 CN CN201911371859.2A patent/CN111158620B/zh active Active
-
2020
- 2020-09-27 WO PCT/CN2020/118123 patent/WO2021129013A1/zh active Application Filing
- 2020-09-27 US US17/419,598 patent/US11460986B2/en active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101256731A (zh) * | 2007-03-02 | 2008-09-03 | 三星电子株式会社 | 显示设备及其控制方法 |
CN103927093A (zh) * | 2014-03-19 | 2014-07-16 | 联想(北京)有限公司 | 一种信息处理方法及电子设备 |
CN105005429A (zh) * | 2015-06-30 | 2015-10-28 | 广东欧珀移动通信有限公司 | 一种终端展示图片的方法及终端 |
CN107633796A (zh) * | 2016-07-18 | 2018-01-26 | 三星显示有限公司 | 显示装置和刷新显示装置产生的图像的方法 |
CN106910487A (zh) * | 2017-04-11 | 2017-06-30 | 武汉华星光电技术有限公司 | 一种显示器的驱动方法和驱动装置 |
CN109597550A (zh) * | 2018-11-19 | 2019-04-09 | 维沃移动通信有限公司 | 一种图片处理方法及移动终端 |
Also Published As
Publication number | Publication date |
---|---|
WO2021129013A1 (zh) | 2021-07-01 |
US20220100356A1 (en) | 2022-03-31 |
US11460986B2 (en) | 2022-10-04 |
CN111158620A (zh) | 2020-05-15 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111158620B (zh) | 一种图片的显示方法、装置及终端 | |
WO2020238744A1 (zh) | 分屏显示的处理方法、装置、设备和存储介质 | |
KR102073848B1 (ko) | 웹 브라우저를 위한 몰입 모드 | |
CN107391117B (zh) | 轻应用的分屏处理方法、设备及电子设备 | |
CN110688043B (zh) | 一种双图像的显示方法、装置及终端 | |
US20230102776A1 (en) | Information processing apparatus, information processing method, and program | |
CN106919301B (zh) | 壁纸预览方法和系统以及壁纸更换方法和系统 | |
CN107092421B (zh) | 显示应用的控件的方法及装置 | |
CN108694012B (zh) | 在屏幕上显示对象的方法和系统 | |
CN111625163B (zh) | 一种显示设备及应用程序界面显示方法 | |
CN108646969B (zh) | 图像显示调节方法、装置、计算机设备和存储介质 | |
CN106033334B (zh) | 绘制界面元素的方法和装置 | |
US11385791B2 (en) | Method and device for setting layout of icon of system interface of mobile terminal, and medium | |
CN106909393B (zh) | 一种输入法面板的显示调整方法及移动终端 | |
WO2023030115A1 (zh) | 界面显示方法和装置 | |
US20130002714A1 (en) | Display control apparatus and method for controlling display | |
CN106126041A (zh) | 一种移动终端的桌面图标管理方法及移动终端 | |
CN110704007A (zh) | 一种双图片显示方法、装置、终端及存储介质 | |
KR20110024163A (ko) | 단말의 디스플레이 방법 및 그 단말 | |
RU2630368C2 (ru) | Способ и устройство для управления переключением виртуальной навигационной панели | |
CN109062525B (zh) | 拼接显示系统的数据处理方法、装置和计算机设备 | |
CN107562395B (zh) | 移动终端及显示数据发送处理方法、及存储介质 | |
CN111045570B (zh) | 一种图片的显示方法、装置及终端 | |
CN113393372A (zh) | 桌面壁纸设置方法及装置 | |
CN111857857B (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |