CN106547508A - 一种图片预览的显示方法及装置 - Google Patents

一种图片预览的显示方法及装置 Download PDF

Info

Publication number
CN106547508A
CN106547508A CN201610917605.6A CN201610917605A CN106547508A CN 106547508 A CN106547508 A CN 106547508A CN 201610917605 A CN201610917605 A CN 201610917605A CN 106547508 A CN106547508 A CN 106547508A
Authority
CN
China
Prior art keywords
preview picture
control layer
display control
course
picture
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
Application number
CN201610917605.6A
Other languages
English (en)
Inventor
李贤�
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
TVMining Beijing Media Technology Co Ltd
Original Assignee
TVMining Beijing Media Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by TVMining Beijing Media Technology Co Ltd filed Critical TVMining Beijing Media Technology Co Ltd
Priority to CN201610917605.6A priority Critical patent/CN106547508A/zh
Publication of CN106547508A publication Critical patent/CN106547508A/zh
Pending legal-status Critical Current

Links

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
    • G06F3/1407—General aspects irrespective of display type, e.g. determination of decimal point position, display with fixed or driving decimal point, suppression of non-significant zeros
    • 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
    • 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/04883—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 for inputting data by handwriting, e.g. gesture or text

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

本发明公开了一种图片预览的显示方法及装置。该方法包括：在接收到用户执行的图片预览操作时，调用底面控制层；其中，底面控制层的长度为第一预览图片长度的N倍，宽度为第一预览图片宽度的M倍；将底面控制层分成N个区域，每个区域均是至少一倍第一预览图片大小；生成显示控制层，显示控制层贴在底面控制层上，并通过该显示控制层将第一预览图片显示在N个区域中的中间区域；当确定向预设第一方向移动第一预览图片时，生成另一显示控制层，并将第二预览图片通过该另一显示控制层显示在第一预览图片的第二预设方向区域；当第一预览图片完全移动到中间区域的第一预设方向对应区域时，取消第一预览图片的显示，并将第二预览图片移动中间区域。

Description

一种图片预览的显示方法及装置
技术领域
本发明涉及图片显示及处理技术领域，特别涉及一种图片预览的显示方法及装置。
背景技术
在web开发中，图片预览是一种在对图片进行某些处理或图片上传之前对图片进行本地预览的技术。使用户选择图片后能立即查看图片，而不需上传服务器，提高用户体验。
现有的预览图片的显示方式中常见的有将预览图片组中的图片一个一个在当前界面上预览显示的方案，还有将图片组做成缩略图进行预览的。现有的这些图片预览的显示方式都各有缺点。若是一个一个显示，则无法提前看到下一张预览图片，若是全部做成缩略图又显得有些多余。因为在很多情况下，不需要预览那么多的图片就可以完成用户想要进行的操作。并且在手机登移动终端上，由于屏幕的大小不像在PC机上那么的大，缩略图容易受屏幕大小影响导致显示不清的技术问题。
发明内容
本发明提供一种图片预览的显示方法及装置，用于解决现有技术中在终端屏幕上显示预览图片的方式预览的图片较少，或过多造成的显示多余，显示不清的技术问题。
本发明实施例提供一种图片预览的显示方法，包括：
在接收到用户执行的图片预览操作时，调用底面控制层；其中，所述底面控制层的长度为第一预览图片长度的N倍，宽度为第一预览图片宽度的M倍，其中，所述N是大于等于3的奇数；所述M是小于等于N且大于等于1的整数；
将所述底面控制层分成N个区域，每个区域均是至少一倍所述第一预览图片大小；
生成显示控制层，所述显示控制层贴在所述底面控制层上，并通过该显示控制层将所述第一预览图片显示在所述N个区域中的中间区域；
当确定向预设第一方向移动所述第一预览图片时，生成另一显示控制层，并将第二预览图片通过该另一显示控制层显示在所述第一预览图片的第二预设方向区域；
当所述第一预览图片完全移动到所述中间区域的第一预设方向对应区域时，取消所述第一预览图片的显示，并将所述第二预览图片移动所述中间区域。
本发明实施例提供的方法中，采用分成底面控制层和显示控制层显示预览图片，并将底面控制层分区，通过不同的区域显示预览图片实现至少两张图片的预览，并在确定第一预览图片移动后，生成另一显示控制层，并将第二预览图片通过该另一显示控制层显示在所述第一预览图片的第二预设方向区域；当所述第一预览图片完全移动到所述中间区域的第一预设方向对应区域时，取消所述第一预览图片的显示，并将所述第二预览图片移动所述中间区域的技术手段，实现在移动终端屏幕上预览至少两张图片的功能，解决了现有技术中在终端屏幕上显示预览图片的方式预览的图片较少，或过多造成的显示多余，显示不清的技术问题，进而实现了可通过在终端屏幕上的滑动操作显示预览图片，同时由于显示图片的数量适当，因此预览图片显示清楚的技术效果。
可选的，所述取消所述第一预览图片的显示是通过注销所述显示控制层来实现的。
本发明实施例提供的方法中，通过注销显示的第一预览图片的显示控制层的方式来实现取消第一预览图片的显示，简单快捷，不影响下一预览图片的显示。
可选的，所述确定用户通过滑动操作向预设第一方向移动所述第一预览图片，具体包括：
在用户执行向预设第一方向的滑动操作时，根据所述显示控制层在所述底面控制层上的坐标变化确定所述第一预览图片向所述第一预设方向滑动。
可选的，该方法还包括：预设有自动播放时间；
相应的，所述确定用户通过滑动操作向预设第一方向移动所述第一预览图片，具体包括：
若用户不执行滑动操作，则在达到所述预设的自动播放时间后，确定向第一预设方向移动所述第一预览图片。
可选的，所述第一预设方向与所述第二预设方向互为反方向；所述底面控制层是通过UIScrollView实现的；所述显示控制层是通过UIImageView实现的。
本发明实施例提供的方法中，可以根据用户的滑动操作确定用户翻动预览图片，和/或者也可以根据预设自动播放时间，若用户未执行滑动操作，自动翻动预览图片。
基于同样的发明构思，本发明实施例继续提供一种图片预览的显示装置，包括：
底面生成模块，用于在接收到用户执行的图片预览操作时，调用底面控制层；其中，所述底面控制层的长度为第一预览图片长度的N倍，宽度为第一预览图片宽度的M倍，其中，所述N是大于等于3的奇数；所述M是小于等于N且大于等于1的整数；
分区模块，用于将所述底面控制层分成N个区域，每个区域均是至少一倍所述第一预览图片大小；
显示生成模块，还用于生成显示控制层，所述显示控制层贴在所述底面控制层上，并通过该显示控制层将所述第一预览图片显示在所述N个区域中的中间区域；
所述显示生成模块，还用于当确定向预设第一方向移动所述第一预览图片时，生成另一显示控制层，并将第二预览图片通过该另一显示控制层显示在所述第一预览图片的第二预设方向区域；
取消显示模块，用于当所述第一预览图片完全移动到所述中间区域的第一预设方向对应区域时，取消所述第一预览图片的显示，并将所述第二预览图片移动所述中间区域。
本发明实施例提供的装置中，具有分成底面控制层和显示控制层显示预览图片，并将底面控制层分区，通过不同的区域显示预览图片实现至少两张图片的预览，并在确定第一预览图片移动后，生成另一显示控制层，并将第二预览图片通过该另一显示控制层显示在所述第一预览图片的第二预设方向区域；当所述第一预览图片完全移动到所述中间区域的第一预设方向对应区域时，取消所述第一预览图片的显示，并将所述第二预览图片移动所述中间区域的功能，实现在移动终端屏幕上预览至少两张图片的功能，解决了现有技术中在终端屏幕上显示预览图片的方式预览的图片较少，或过多造成的显示多余，显示不清的技术问题，进而实现了可通过在终端屏幕上的滑动操作显示预览图片，同时由于显示图片的数量适当，因此预览图片显示清楚的技术效果。
可选的，所述取消显示模块，具体用于通过注销所述显示控制层来取消所述第一预览图片的显示。
可选的，所述显示生成模块包括：
滑动确定单元，用于在用户执行向预设第一方向的滑动操作时，根据所述显示控制层在所述底面控制层上的坐标变化确定所述第一预览图片向所述第一预设方向滑动。
可选的，所述显示生成模块包括：
预设单元，用于预设并存储自动播放时间；
滑动确定单元，用于若用户不执行滑动操作，则在达到所述预设单元预设的自动播放时间后，确定向第一预设方向移动所述第一预览图片。
可选的，所述第一预设方向与所述第二预设方向互为反方向；所述底面控制层是通过UIScrollView实现的；所述显示控制层是通过UIImageView实现的。
本发明实施例提供的装置中，具有可以根据用户的滑动操作确定用户翻动预览图片，和/或者根据预设自动播放时间，若用户未执行滑动操作，自动翻动预览图片的功能，便于用户对预览图片进行翻动操作。
本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。
下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。
附图说明
附图用来提供对本发明的进一步理解，并且构成说明书的一部分，与本发明的实施例一起用于解释本发明，并不构成对本发明的限制。在附图中：
图1为本发明实施例一中提供的一种图片预览的显示方法的流程图；
图2为本发明实施例二中提供的一种图片预览的显示方法的流程图；
图3为本发明实施例三中提供的一种图片预览的显示装置的结构示意图。
具体实施方式
以下结合附图对本发明的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本发明，并不用于限定本发明。
实施例一
本发明实施例提供一种图片预览的显示方法，该方法适合部署在可执行滑动操作的终端上。如图1所示，该方法包括：
101，在接收到用户执行的图片预览操作时，调用底面控制层；其中，所述底面控制层的长度为第一预览图片长度的N倍，宽度为第一预览图片宽度的M倍，其中，所述N≥3的奇数；N≥M≥1的整数；
其中，底面控制层可以预先设计好大小，在需要时调用出来，也可以是生成的同时进行调用。N是大于等于3的奇数且是整数。
102，将所述底面控制层分成N个区域，每个区域均是至少一倍所述第一预览图片大小；
每个区域的大小至少是第一预览图片大小的一倍，但是不能超过M倍。
103，生成显示控制层，所述显示控制层贴在所述底面控制层上，并通过该显示控制层将所述第一预览图片显示在所述N个区域中的中间区域；
由于N为奇数倍，因此必定处在中间数，该中间区域既是中间数对应的区域。如N＝3，则中间区域是第二个区域。
可选的，所述底面控制层是通过UIScrollView(一种视图控件)控件实现的；所述显示控制层是通过UIImageView(一种加载图片的控件)控件实现的。
104，当确定向预设第一方向移动所述第一预览图片时，生成另一显示控制层，并将第二预览图片通过该另一显示控制层显示在所述第一预览图片的第二预设方向区域；
可选的，所述第一预设方向与所述第二预设方向互为反方向；例如第一预设方向与所述第二预设分别是左右，或者上下方向等。
105，当所述第一预览图片完全移动到所述中间区域的第一预设方向对应区域时，取消所述第一预览图片的显示，并将所述第二预览图片移动所述中间区域。
可选的，105中的取消所述第一预览图片的显示是通过注销所述显示控制层来实现的。
本发明实施例提供的方法中，采用分成底面控制层和显示控制层显示预览图片，并将底面控制层分区，通过不同的区域显示预览图片实现至少两张图片的预览，并在确定第一预览图片移动后，生成另一显示控制层，并将第二预览图片通过该另一显示控制层显示在所述第一预览图片的第二预设方向区域；当所述第一预览图片完全移动到所述中间区域的第一预设方向对应区域时，取消所述第一预览图片的显示，并将所述第二预览图片移动所述中间区域的技术手段，实现在移动终端屏幕上预览至少两张图片的功能，解决了现有技术中在终端屏幕上显示预览图片的方式预览的图片较少，或过多造成的显示多余，显示不清的技术问题，进而实现了可通过在终端屏幕上的滑动操作显示预览图片，同时由于显示图片的数量适当，因此预览图片显示清楚的技术效果。
实施例二
本发明实施例具体以用户在终端屏幕上执行场景为例，提供一种图片预览的显示方法，如图2所示，该方法包括：
201，用户向终端发出预览图片指示，终端在接收到用户执行的图片预览操作时，调用底面控制层；其中，所述底面控制层的长度为当前预览图片长度的3倍，底面控制层的宽度为当前预览图片宽度的1倍。
其中，底面控制层可以预先设计好大小，在需要时调用出来，也可以是生成的同时进行调用。
具体而言，可设计一个uiscrollview控件，该uiscrollview控件为3倍图片大小。长是当前预览图片的3倍，宽是当前预览图片的1倍。
202，将所述底面控制层分成3个区域，每个区域均是当前图片的一倍大小；
即分成的3个区域是每个区域都可以正常显示出当前图片的大小。
具体而言，将uiscrollview生成的底面控制层分为3个区域，每个区域都是1倍预览图片大小。
203，生成显示控制层，所述显示控制层贴在所述底面控制层上，并通过该显示控制层将所述当前图片显示在所述3个区域中的中间区域；
204，当确定向左移动所述当前图片时，生成另一显示控制层，并将下一张预览图片通过该另一显示控制层显示在所述当前图片的右侧区域；
本发明实施例提供的方法中，可以根据用户的滑动操作确定用户翻动预览图片，和/或者也可以根据预设自动播放时间，若用户未执行滑动操作，自动翻动预览图片。具体而言，204中确定向左移动所述当前图片可通过如下两种方式实现：
在用户执行向左的滑动操作时，根据所述显示控制层在所述底面控制层上的坐标变化确定所述当前图片向左方向滑动。
例如当用户在屏幕上刚开始向左滑动时，中间图片会向左有少许移动，通过uiscrollview可以知道图片坐标的变化，通过坐标的变化可以知道发生左滑。
此外，还可以预设有自动播放时间；相应的，若用户不执行滑动操作，则在达到所述预设的自动播放时间后，确定向左方向移动所述当前图片。
本发明实施例提供的方法中，在预览图片时，用户可以通过左右滑动来前后翻动图片。如果用户不滑动，到一定时间后会自动播放，相当于向左滑动。
205，当所述当前图片完全移动到所述中间区域的左侧区域时，注销所述显示控制层，并将所述下一张预览图片移动所述中间区域。
即再生成一个uiimageview，将下一张图片贴在当前预览图片的右面。当当前图片完全移动到左侧区域时，注销该图片的uiimageview，也就是取消图片显示。
本发明实施例提供的方法中，采用分成底面控制层和显示控制层显示预览图片，并将底面控制层分区，通过不同的区域显示预览图片实现至少两张图片的预览，并在确定第一预览图片移动后，生成另一显示控制层，并将第二预览图片通过该另一显示控制层显示在所述第一预览图片的第二预设方向区域；当所述第一预览图片完全移动到所述中间区域的第一预设方向对应区域时，取消所述第一预览图片的显示，并将所述第二预览图片移动所述中间区域的技术手段，实现在移动终端屏幕上预览至少两张图片的功能，解决了现有技术中在终端屏幕上显示预览图片的方式预览的图片较少，或过多造成的显示多余，显示不清的技术问题，进而实现了可通过在终端屏幕上的滑动操作显示预览图片，同时由于显示图片的数量适当，因此预览图片显示清楚的技术效果。
实施例三
为了便于上述实施例一、二中的方法实现，本发明实施例继续提供一种图片预览的显示装置，如图3所示，包括：
底面生成模块31，用于在接收到用户执行的图片预览操作时，调用底面控制层；其中，所述底面控制层的长度为第一预览图片长度的N倍，宽度为第一预览图片宽度的M倍，其中，所述N是大于等于3的奇数；所述M是小于等于N且大于等于1的整数；
分区模块32，用于将所述底面控制层分成N个区域，每个区域均是至少一倍所述第一预览图片大小；
显示生成模块33，还用于生成显示控制层，所述显示控制层贴在所述底面控制层上，并通过该显示控制层将所述第一预览图片显示在所述N个区域中的中间区域；
所述显示生成模块33，还用于当确定向预设第一方向移动所述第一预览图片时，生成另一显示控制层，并将第二预览图片通过该另一显示控制层显示在所述第一预览图片的第二预设方向区域；
取消显示模块34，用于当所述第一预览图片完全移动到所述中间区域的第一预设方向对应区域时，取消所述第一预览图片的显示，并将所述第二预览图片移动所述中间区域。
可选的，所述取消显示模块34，具体用于通过注销所述显示控制层来取消所述第一预览图片的显示。
可选的，所述显示生成模块33包括:
滑动确定单元，用于在用户执行向预设第一方向的滑动操作时，根据所述显示控制层在所述底面控制层上的坐标变化确定所述第一预览图片向所述第一预设方向滑动。和/或
所述显示生成模块33包括：
预设单元，用于预设并存储自动播放时间；
滑动确定单元，用于若用户不执行滑动操作，则在达到所述预设单元预设的自动播放时间后，确定向第一预设方向移动所述第一预览图片。
可选的，所述第一预设方向与所述第二预设方向互为反方向；所述底面控制层是通过UIScrollView实现的；所述显示控制层是通过UIImageView实现的。
本发明实施例提供的装置中，具有可以根据用户的滑动操作确定用户翻动预览图片，和/或者根据预设自动播放时间，若用户未执行滑动操作，自动翻动预览图片的功能，便于用户对预览图片进行翻动操作。
本发明实施例提供的装置中，具有分成底面控制层和显示控制层显示预览图片，并将底面控制层分区，通过不同的区域显示预览图片实现至少两张图片的预览，并在确定第一预览图片移动后，生成另一显示控制层，并将第二预览图片通过该另一显示控制层显示在所述第一预览图片的第二预设方向区域；当所述第一预览图片完全移动到所述中间区域的第一预设方向对应区域时，取消所述第一预览图片的显示，并将所述第二预览图片移动所述中间区域的功能，实现在移动终端屏幕上预览至少两张图片的功能，解决了现有技术中在终端屏幕上显示预览图片的方式预览的图片较少，或过多造成的显示多余，显示不清的技术问题，进而实现了可通过在终端屏幕上的滑动操作显示预览图片，同时由于显示图片的数量适当，因此预览图片显示清楚的技术效果。
本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。

Claims (10)

1.一种图片预览的显示方法，其特征在于，包括：
在接收到用户执行的图片预览操作时，调用底面控制层；其中，所述底面控制层的长度为第一预览图片长度的N倍，宽度为第一预览图片宽度的M倍，其中，所述N是大于等于3的奇数；所述M是小于等于N且大于等于1的整数；
将所述底面控制层分成N个区域，每个区域均是至少一倍所述第一预览图片大小；
生成显示控制层，所述显示控制层贴在所述底面控制层上，并通过该显示控制层将所述第一预览图片显示在所述N个区域中的中间区域；
当确定向预设第一方向移动所述第一预览图片时，生成另一显示控制层，并将第二预览图片通过该另一显示控制层显示在所述第一预览图片的第二预设方向区域；
当所述第一预览图片完全移动到所述中间区域的第一预设方向对应区域时，取消所述第一预览图片的显示，并将所述第二预览图片移动所述中间区域。
2.根据权利要求1所述的方法，其特征在于，
所述取消所述第一预览图片的显示是通过注销所述显示控制层来实现的。
3.根据权利要求1或2所述的方法，其特征在于，所述确定用户通过滑动操作向预设第一方向移动所述第一预览图片，具体包括：
在用户执行向预设第一方向的滑动操作时，根据所述显示控制层在所述底面控制层上的坐标变化确定所述第一预览图片向所述第一预设方向滑动。
4.根据权利要求1或2所述的方法，其特征在于，该方法还包括：预设有自动播放时间；
所述确定用户通过滑动操作向预设第一方向移动所述第一预览图片，具体包括：
若用户不执行滑动操作，则在达到所述预设的自动播放时间后，确定向第一预设方向移动所述第一预览图片。
5.根据权利要求1或2所述的方法，其特征在于，所述第一预设方向与所述第二预设方向互为反方向；所述底面控制层是通过UIScrollView实现的；所述显示控制层是通过UIImageView实现的。
6.一种图片预览的显示装置，其特征在于，包括：
底面调用模块，用于在接收到用户执
行的图片预览操作时，调用底面控制层；其中，所述底面控制层的长度为第一预览图片长度的N倍，宽度为第一预览图片宽度的M倍，其中，所述N是大于等于3的奇数；所述M是小于等于N且大于等于1的整数；
分区模块，用于将所述底面控制层分成N个区域，每个区域均是至少一倍所述第一预览图片大小；
显示生成模块，还用于生成显示控制层，所述显示控制层贴在所述底面控制层上，并通过该显示控制层将所述第一预览图片显示在所述N个区域中的中间区域；
所述显示生成模块，还用于当确定向预设第一方向移动所述第一预览图片时，生成另一显示控制层，并将第二预览图片通过该另一显示控制层显示在所述第一预览图片的第二预设方向区域；
取消显示模块，用于当所述第一预览图片完全移动到所述中间区域的第一预设方向对应区域时，取消所述第一预览图片的显示，并将所述第二预览图片移动所述中间区域。
7.根据权利要求6所述的装置，其特征在于，
所述取消显示模块，具体用于通过注销所述显示控制层来取消所述第一预览图片的显示。
8.根据权利要求6或7所述的装置，其特征在于，所述显示生成模块包括：
滑动确定单元，用于在用户执行向预设第一方向的滑动操作时，根据所述显示控制层在所述底面控制层上的坐标变化确定所述第一预览图片向所述第一预设方向滑动。
9.根据权利要求6或7所述的装置，其特征在于，所述显示生成模块包括：
预设单元，用于预设并存储自动播放时间；
滑动确定单元，用于若用户不执行滑动操作，则在达到所述预设单元预设的自动播放时间后，确定向第一预设方向移动所述第一预览图片。
10.根据权利要求6或7所述的装置，其特征在于，所述第一预设方向与所述第二预设方向互为反方向；所述底面控制层是通过UIScrollView实现的；所述显示控制层是通过UIImageView实现的。
CN201610917605.6A 2016-10-20 2016-10-20 一种图片预览的显示方法及装置 Pending CN106547508A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610917605.6A CN106547508A (zh) 2016-10-20 2016-10-20 一种图片预览的显示方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610917605.6A CN106547508A (zh) 2016-10-20 2016-10-20 一种图片预览的显示方法及装置

Publications (1)

Publication Number Publication Date
CN106547508A true CN106547508A (zh) 2017-03-29

Family

ID=58392044

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610917605.6A Pending CN106547508A (zh) 2016-10-20 2016-10-20 一种图片预览的显示方法及装置

Country Status (1)

Country Link
CN (1) CN106547508A (zh)

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101197873A (zh) * 2006-12-04 2008-06-11 三星电子株式会社 实现预览功能的方法和终端
CN102819417A (zh) * 2012-08-16 2012-12-12 北京小米科技有限责任公司 一种图片显示处理方法及装置
CN104461300A (zh) * 2014-12-15 2015-03-25 宇龙计算机通信科技(深圳)有限公司 图片预览方法及系统
CN105183837A (zh) * 2015-09-02 2015-12-23 Tcl移动通信科技（宁波）有限公司 一种移动终端的缩略图列表视图显示方法及系统
CN105512170A (zh) * 2015-11-19 2016-04-20 南京信息工程大学 一种基于手势的雷达拼图显示优化方法
CN105786435A (zh) * 2016-03-22 2016-07-20 珠海格力电器股份有限公司 壁纸图片的显示方法和装置

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101197873A (zh) * 2006-12-04 2008-06-11 三星电子株式会社 实现预览功能的方法和终端
CN102819417A (zh) * 2012-08-16 2012-12-12 北京小米科技有限责任公司 一种图片显示处理方法及装置
CN104461300A (zh) * 2014-12-15 2015-03-25 宇龙计算机通信科技(深圳)有限公司 图片预览方法及系统
CN105183837A (zh) * 2015-09-02 2015-12-23 Tcl移动通信科技（宁波）有限公司 一种移动终端的缩略图列表视图显示方法及系统
CN105512170A (zh) * 2015-11-19 2016-04-20 南京信息工程大学 一种基于手势的雷达拼图显示优化方法
CN105786435A (zh) * 2016-03-22 2016-07-20 珠海格力电器股份有限公司 壁纸图片的显示方法和装置

Similar Documents

Publication Publication Date Title
US10057482B2 (en) Electronic camera, image display device, and storage medium storing image display program
US20230217002A1 (en) Methods and devices for selecting objects in images
US10607651B2 (en) Digital media editing
KR102187974B1 (ko) 가상 시점 화상의 생성에 관한 정보 처리 장치, 방법 및 프로그램
CN103870156B (zh) 一种处理对象的方法及装置
CN110908625A (zh) 多屏显示方法、装置、设备、系统、舱体及存储介质
CN104423946A (zh) 一种图像处理方法以及电子设备
TWI766067B (zh) 多重攝影機捕獲後影像處理方法、系統及非暫時性電腦可讀媒體
CN105898523A (zh) 一种视频播放方法及装置
KR102113509B1 (ko) 가상 키패드 제어 방법 및 그 전자 장치
CN109791703B (zh) 基于二维媒体内容生成三维用户体验
CN111787240B (zh) 视频生成方法、装置和计算机可读存储介质
CN110174984B (zh) 一种信息处理方法及电子设备
CN105957012A (zh) 一种图片拼接方法及移动终端
CN106547508A (zh) 一种图片预览的显示方法及装置
CN111045586A (zh) 基于三维场景的界面切换方法、车机设备及车辆
CN104991695A (zh) 一种信息处理方法及电子设备
KR20180097027A (ko) 사용자 인터페이스를 이용한 영상 촬영 모드 전환 방법 및 장치
CN104050692A (zh) 一种照片美化过程中的画面显示方法及装置
CN106201256B (zh) 一种图片定位的方法、装置及电子设备
US20230367462A1 (en) Smart interactive board, display method therefor, and readable storage medium
US20130076618A1 (en) Computer-readable storage medium having stored therein display control program, display control system, display control apparatus, and display control method
CN106210916A (zh) 视频通话界面调节方法及装置
CN113259651A (zh) 立体显示方法、设备、介质及计算机程序产品
KR20120089122A (ko) 화상형성장치의 메뉴 위치 변경 방법 및 메뉴의 위치를 변경하는 화상형성장치

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
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20170329