图片的十字交叉滑动操作方法、装置及系统制造方法及图纸

技术编号:18018658 阅读:34 留言:0更新日期:2018-05-23 05:02
本发明专利技术公开了一种图片的十字交叉滑动操作方法、装置及系统,首先确定展示规则,按照展示规则对待展示图片进行排列;其次通过触碰控件监测操作事件,获取操作数据,判断操作事件类型;最后根据操作事件类型和操作数据,向用户展示图片。本发明专利技术能够实现单行或单列图片的上下左右滑动,使图片列表更加丰富、富有变化性,用户可以用更优雅更艺术的方式来浏览图片。

【技术实现步骤摘要】
图片的十字交叉滑动操作方法、装置及系统
本专利技术涉及通信
,尤其涉及图片的十字交叉滑动操作方法、装置及系统。
技术介绍
在当前,图片展示通常采用纵横排列的方法,图片可以在用户手指滑动控制下进行横向竖向的滑动,滑动停止时自动对齐,因此,应用程序主页、网站主页等界面充通常通过纵横排列的方法进行图片浏览,对于需要展示的图片往往可以按手的力度使页面上的全部图片纵向或者横向滑动。但是,滑动全部图片所带来的视觉效果是比较单一的,有时候我们会有针对单行或者单列的滑动需求。
技术实现思路
为了克服现有技术的不足,本专利技术的目的在于提供图片的十字交叉滑动操作方法、装置及系统,旨在解决现有的图片展示方式无法进行单行或者单列滑动的问题。本专利技术的目的采用以下技术方案实现:一种图片的十字交叉滑动操作方法,包括:初始化步骤,确定展示规则,按照展示规则对待展示图片进行排列,并向用户展示图片;所述展示规则包括展示行数和展示列数;监测步骤,通过触碰控件监测操作事件,获取操作数据,根据操作数据判断操作事件类型;所述操作数据包括操作位置、操作时间、操作方向、操作距离、操作速度和操作力度;所述操作事件类型包括拖动、长按和点击;执行步骤,根据操作事件类型和操作数据,向用户展示图片。在上述实施例的基础上,优选的,所述初始化步骤,具体为:接收用户录入的展示行数和展示列数,确定展示规则;根据展示行数、展示列数和待展示图片的总数,计算横向每排和纵向每列的图片数量和展示尺寸;根据计算结果对所有待展示图片进行排列;对待展示图片进行初始化,并根据展示行数和展示列数向用户展示图片。在上述任意实施例的基础上,优选的,所述执行步骤,具体为:当监测到的操作事件类型为拖动时,根据操作方向、操作距离、操作速度、操作时间和操作力度,计算滑动加速度方案;与操作位置相应的行或列根据该滑动加速度方案自动滑动,在拖动停止后逐渐恢复静止状态,并自动对齐;当监测到的操作事件类型为长按时,将与操作位置相应的图片放大展示;在长按停止后,图片自动恢复原有展示尺寸;当监测到的操作事件类型为点击时,如果与操作位置相应的图片处于静止状态,则向用户展示该图片的详细信息;如果与操作位置相应的图片处于滑动状态,则使与操作位置相应的正在滑动的行或列恢复静止状态,并自动对齐。在上述任意实施例的基础上,优选的,所述展示行数和展示列数均为3。一种图片的十字交叉滑动操作装置,包括:初始化单元,用于确定展示规则,按照展示规则对待展示图片进行排列,并向用户展示图片;所述展示规则包括展示行数和展示列数;监测单元,用于通过触碰控件监测操作事件,获取操作数据,根据操作数据判断操作事件类型;所述操作数据包括操作位置、操作时间、操作方向、操作距离、操作速度和操作力度;所述操作事件类型包括拖动、长按和点击;执行单元,用于根据操作事件类型和操作数据,向用户展示图片。在上述实施例的基础上,优选的,所述初始化单元用于:接收用户录入的展示行数和展示列数,确定展示规则;根据展示行数、展示列数和待展示图片的总数,计算横向每排和纵向每列的图片数量和展示尺寸;根据计算结果对所有待展示图片进行排列;对待展示图片进行初始化,并根据展示行数和展示列数向用户展示图片。在上述任意实施例的基础上,优选的,所述执行单元用于:当监测到的操作事件类型为拖动时,根据操作方向、操作距离、操作速度、操作时间和操作力度,计算滑动加速度方案;与操作位置相应的行或列根据该滑动加速度方案自动滑动,在拖动停止后逐渐恢复静止状态,并自动对齐;当监测到的操作事件类型为长按时,将与操作位置相应的图片放大展示;在长按停止后,图片自动恢复原有展示尺寸;当监测到的操作事件类型为点击时,如果与操作位置相应的图片处于静止状态,则向用户展示该图片的详细信息;如果与操作位置相应的图片处于滑动状态,则使与操作位置相应的正在滑动的行或列恢复静止状态,并自动对齐。在上述任意实施例的基础上,优选的,所述展示行数和展示列数均为3。一种图片的十字交叉滑动操作系统,包括:上述任一项实施例中的图片的十字交叉滑动操作装置;触碰控件,用于接收用户的触碰操作。在上述实施例的基础上,优选的,所述触碰控件为触摸屏或鼠标指针。相比现有技术,本专利技术的有益效果在于:本专利技术公开了一种图片的十字交叉滑动操作方法、装置及系统,首先确定展示规则,按照展示规则对待展示图片进行排列;其次通过触碰控件监测操作事件,获取操作数据,判断操作事件类型;最后根据操作事件类型和操作数据,向用户展示图片。本专利技术能够实现单行或单列图片的上下左右滑动,使图片列表更加丰富、富有变化性,用户可以用更优雅更艺术的方式来浏览图片。附图说明下面结合附图和实施例对本专利技术进一步说明。图1示出了本专利技术实施例提供的一种图片的十字交叉滑动操作方法的流程示意图;图2示出了本专利技术实施例提供的一种图片的十字交叉滑动操作装置的结构示意图;图3示出了本专利技术实施例提供的一种图片的十字交叉滑动操作系统的结构示意图。具体实施方式下面,结合附图以及具体实施方式,对本专利技术做进一步描述,需要说明的是,在不相冲突的前提下,以下描述的各实施例之间或各技术特征之间可以任意组合形成新的实施例。具体实施例一如图1所示,本专利技术实施例提供了一种图片的十字交叉滑动操作方法,包括以下步骤。初始化步骤S101,确定展示规则,按照展示规则对待展示图片进行排列,并向用户展示图片;所述展示规则包括展示行数和展示列数。图片内容的来源不做限定,其可以来自终端本地存储,也可以来自网络图片实时下载。监测步骤S102,通过触碰控件监测操作事件,获取操作数据,根据操作数据判断操作事件类型;所述操作数据包括操作位置、操作时间、操作方向、操作距离、操作速度和操作力度;所述操作事件类型包括拖动、长按和点击。例如手指滑动时力量与速度达到预设时长时判断为拖动,视为接收到用户当前所需要滑动的滚动方式或竖向滚动方式的图片组滑动指令。在该步骤中,如果操作事件类型为拖动,用户可以拖动图片实现整列或整行图片的纵向、横向移动,停止触碰后,图片自动对齐并恢复静止。执行步骤S103,根据操作事件类型和操作数据,向用户展示图片。优选的,所述初始化步骤S101,可以具体为:接收用户录入的展示行数和展示列数,确定展示规则;根据展示行数、展示列数和待展示图片的总数,计算横向每排和纵向每列的图片数量和展示尺寸;根据计算结果对所有待展示图片进行排列;对待展示图片进行初始化,并根据展示行数和展示列数向用户展示图片。该步骤初始化触碰控件内容并按照规则排列图片,根据展示空间的尺寸和预设的图片尺寸,计算出纵向、横向各排列图片数量,初始化各图片并根据展示行数、展示列数进行图片展示。优选的,所述执行步骤S103,可以具体为:当监测到的操作事件类型为拖动时,根据操作方向、操作距离、操作速度、操作时间和操作力度,计算滑动加速度方案;与操作位置相应的行或列根据该滑动加速度方案自动滑动,在拖动停止后逐渐恢复静止状态,并自动对齐;当监测到的操作事件类型为长按时,将与操作位置相应的图片放大展示;在长按停止后,图片自动恢复原有展示尺寸;当监测到的操作事件类型为点击时,如果与操作位置相应的图片处于静止状态,则向用户展示该图片的详细信息;如果与操作位置相应的图片处于滑动状态,则使与操作位本文档来自技高网...
图片的十字交叉滑动操作方法、装置及系统

【技术保护点】
一种图片的十字交叉滑动操作方法,其特征在于,包括:初始化步骤,确定展示规则,按照展示规则对待展示图片进行排列,并向用户展示图片;所述展示规则包括展示行数和展示列数;监测步骤,通过触碰控件监测操作事件,获取操作数据,根据操作数据判断操作事件类型;所述操作数据包括操作位置、操作时间、操作方向、操作距离、操作速度和操作力度;所述操作事件类型包括拖动、长按和点击;执行步骤,根据操作事件类型和操作数据,向用户展示图片。

【技术特征摘要】
1.一种图片的十字交叉滑动操作方法,其特征在于,包括:初始化步骤,确定展示规则,按照展示规则对待展示图片进行排列,并向用户展示图片;所述展示规则包括展示行数和展示列数;监测步骤,通过触碰控件监测操作事件,获取操作数据,根据操作数据判断操作事件类型;所述操作数据包括操作位置、操作时间、操作方向、操作距离、操作速度和操作力度;所述操作事件类型包括拖动、长按和点击;执行步骤,根据操作事件类型和操作数据,向用户展示图片。2.根据权利要求1所述的图片的十字交叉滑动操作方法,其特征在于,所述初始化步骤,具体为:接收用户录入的展示行数和展示列数,确定展示规则;根据展示行数、展示列数和待展示图片的总数,计算横向每排和纵向每列的图片数量和展示尺寸;根据计算结果对所有待展示图片进行排列;对待展示图片进行初始化,并根据展示行数和展示列数向用户展示图片。3.根据权利要求1或2所述的图片的十字交叉滑动操作方法,其特征在于,所述执行步骤,具体为:当监测到的操作事件类型为拖动时,根据操作方向、操作距离、操作速度、操作时间和操作力度,计算滑动加速度方案;与操作位置相应的行或列根据该滑动加速度方案自动滑动,在拖动停止后逐渐恢复静止状态,并自动对齐;当监测到的操作事件类型为长按时,将与操作位置相应的图片放大展示;在长按停止后,图片自动恢复原有展示尺寸;当监测到的操作事件类型为点击时,如果与操作位置相应的图片处于静止状态,则向用户展示该图片的详细信息;如果与操作位置相应的图片处于滑动状态,则使与操作位置相应的正在滑动的行或列恢复静止状态,并自动对齐。4.根据权利要求1或2所述的图片的十字交叉滑动操作方法,其特征在于,所述展示行数和展示列数均为3。5.一种图片的十字交叉滑动操作装置,其特征在于,包括:初始化单元,用于确定展示规则,按照展示规则对待展示图片进行排列,并向...

【专利技术属性】
技术研发人员:徐博华
申请(专利权)人:杭州布魔方空间科技股份有限公司
类型:发明
国别省市:浙江,33

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1