一种图片预览的显示方法及装置制造方法及图纸

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

【技术实现步骤摘要】

本专利技术涉及图片显示及处理
，特别涉及一种图片预览的显示方法及装置。
技术介绍
在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为本专利技术实施例三中提供的一种图片预览的显示装置的本文档来自技高网...

【技术保护点】
一种图片预览的显示方法，其特征在于，包括：在接收到用户执行的图片预览操作时，调用底面控制层；其中，所述底面控制层的长度为第一预览图片长度的N倍，宽度为第一预览图片宽度的M倍，其中，所述N是大于等于3的奇数；所述M是小于等于N且大于等于1的整数；将所述底面控制层分成N个区域，每个区域均是至少一倍所述第一预览图片大小；生成显示控制层，所述显示控制层贴在所述底面控制层上，并通过该显示控制层将所述第一预览图片显示在所述N个区域中的中间区域；当确定向预设第一方向移动所述第一预览图片时，生成另一显示控制层，并将第二预览图片通过该另一显示控制层显示在所述第一预览图片的第二预设方向区域；当所述第一预览图片完全移动到所述中间区域的第一预设方向对应区域时，取消所述第一预览图片的显示，并将所述第二预览图片移动所述中间区域。

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

【专利技术属性】
技术研发人员：李贤，
申请(专利权)人：天脉聚源北京传媒科技有限公司，
类型：发明
国别省市：北京;11