实现触摸屏幕可拖动弹性界面的方法技术

技术编号:10782905 阅读:118 留言:0更新日期:2014-12-17 04:16
本发明专利技术涉及触摸屏,特别涉及触摸屏实现弹性界面的方法,目的是为了提供一种可拖动弹性界面的实现方法。窗体移动距离与手指滑动距离的比例系数C的数值,如果子窗体需要在父窗体里面滚动显示,则当子窗体最顶端可见时,用户向下滑动界面,监听子界面的触摸事件,此时记录下用户手指按下时的坐标StartPoint(x,y);当手指滑动时,记录手指滑动到界面的位置EndPoint(x,y),此时deltaX=EndPoint.x–StartPoint.x;deltaY=EndPoint.y–StartPoint.y;如果deltaY/deltaX<=1则不进行操作,否则,计算出窗体移动距离MoveY=deltaY*C,然后绘制子窗体使其距离起始位置移为MoveY;当用户松开手指时,首先向窗体起始位置移动MoveY/3个,然后更新MoveY为当前窗体位置离起始位置的距离,再向起始位置移动MoveY/3个,重复该步骤,直到子窗体移动到起始位置。本发明专利技术适用于触摸屏。

【技术实现步骤摘要】
【专利摘要】本专利技术涉及触摸屏,特别涉及触摸屏实现弹性界面的方法,目的是为了提供一种可拖动弹性界面的实现方法。窗体移动距离与手指滑动距离的比例系数C的数值,如果子窗体需要在父窗体里面滚动显示,则当子窗体最顶端可见时,用户向下滑动界面,监听子界面的触摸事件,此时记录下用户手指按下时的坐标StartPoint(x,y);当手指滑动时,记录手指滑动到界面的位置EndPoint(x,y),此时deltaX=EndPoint.x-StartPoint.x;deltaY=EndPoint.y-StartPoint.y;如果deltaY/deltaX<=1则不进行操作,否则,计算出窗体移动距离MoveY=deltaY*C,然后绘制子窗体使其距离起始位置移为MoveY;当用户松开手指时,首先向窗体起始位置移动MoveY/3个,然后更新MoveY为当前窗体位置离起始位置的距离,再向起始位置移动MoveY/3个,重复该步骤,直到子窗体移动到起始位置。本专利技术适用于触摸屏。【专利说明】
本专利技术涉及触摸屏,特别涉及触摸屏实现弹性界面的方法。
技术介绍
随着手机平板等硬件技术的不断提升,用户体验越来越好,触摸屏在智能终端上 是应用越来越广泛。在软件层面也需要不断创新,以满足用户不断变化的需求,从用户体验 的角度来说,当用户操作软件的时候,界面上的变化需要给予及时的反馈,让用户感觉到是 在和软件"沟通",目前还没有一种可以实现触摸屏可拖动弹性界面的方法。
技术实现思路
用户在滑动界面时,当滑动到顶部或者底部时还可以继续滑动一段距离,松开手 指后界面滚动到原来位置,针对上述行为,本专利技术设计一种实现触摸屏幕可拖动弹性界面 的方法,更新上述操作的各个阶段的界面显示,使界面在操作过程中具有弹动效果,该方法 的具体步骤如下: A.设定窗体移动距离与手指滑动距离的比例系数C,当用户在子窗体上开始向下 滑动,记录用户滑动时的起始位置为StartPoint(x, y); B.当用户手指在屏幕上面滑动时,记录当前手指的坐标EndPoint (x,y),并且 有 deltaX = EndPoint. x - StartPoint. x ;deltaY = EndPoint. y - StartPoint. y, 如 果deltaY/deltaX〈 = 1则不进行操作,否则进入步骤C,EndPoint. x为当前手指的横 坐标,StartPoint. X为手指滑动起始位置的横坐标,EndPoint. y为当前手指的纵坐标, StartPoint. X为手指滑动起始位置的纵坐标,deltaX为当前手指的横坐标与手指滑动起 始位置的横坐标之差,deltaY为当前手指的纵坐标与手指滑动起始位置的纵坐标之差; C.计算出子窗体移动距离MoveY = deltaY*C,绘制子窗体距离起始位置移动 MoveY,如果用户继续滑动手指,则进入步骤B,如果用户松开手指,则执行步骤D ; D.向窗体起始位置移动MoveY/3个,然后更新MoveY为当前窗体位置离起始位置 的距离。 具体地,步骤A中,当子窗体在父窗体中可滚动显示时,如果子窗体底部不可见, 则滑动界面使子窗体底部可见,窗体移动距离与手指滑动距离的比例系数C为0. 4。步骤B 中deltaX及deltaY取计算值的绝对值。步骤D中当MoveY〈10时,移动窗体到起始位置。 本专利技术的有益效果是:丰富了用户的操作体验,用户在滑动界面时给予及时响应, 让用户感觉到软件界面更加有活力,给予用户更加友好的体验效果。 【具体实施方式】 下面结合实施例对本专利技术的技术方案作进一步描述,实施例仅仅是为了方便读者 更好地理解本专利技术的技术方案,并不用以限制本专利技术权利要求的保护范围。 本专利技术提供一种,具体如下: 规定窗体移动距离与手指滑动距离的比例系数C的数值,如果子窗体需要在父 窗体里面滚动显示,则当子窗体最顶端可见时,用户向下滑动界面,监听子界面的触摸事 件,此时记录下用户手指按下时的坐标StartPoint(x, y);当手指滑动时,记录手指滑动 到界面的位置 EndPoint (X, y),此时 deltaX = EndPoint. X - StartPoint. X ;deltaY = EndPoint. y - StartPoint. y ;如果deltaY/deltaX〈 = 1则不进行操作,否则,计算出窗体移 动距离MoveY = deltaY*C,然后绘制子窗体使其距离起始位置移为MoveY ;当用户松开手指 时,首先向窗体起始位置移动MoveY/3个,然后更新MoveY为当前窗体位置离起始位置的距 离,再向起始位置移动MoveY/3个,重复该步骤,直到子窗体移动到起始位置,如果最后一 次移动后窗体距离起始位置M 〇VeY〈10,那么接着直接移动窗体到起始位置。 实施例 下面以一实例对本专利技术的方案进行详细描述。 步骤一、设定窗体移动距离与手指滑动距离的比例系数C为0. 4,如果子窗体顶部 不可见,则滑动界面使子窗体顶部可见,记录用户滑动时的起始位置为StartPoint (X,y); 步骤二、当用户手指在屏幕上面滑动时,记录当前手指的坐标EndPoint (x, y), 并且有 deltaX = EndPoint. x - StartPoint. x ;deltaY = EndPoint. y - StartPoint. y, 如果deltaY/deltaX〈 = 1则不进行操作,否则进入步骤C,EndPoint. x为当前手指的横 坐标,StartPoint. X为手指滑动起始位置的横坐标,EndPoint. y为当前手指的纵坐标, StartPoint. X为手指滑动起始位置的纵坐标,deltaX为当前手指的横坐标与手指滑动起 始位置的横坐标之差,deltaY为当前手指的纵坐标与手指滑动起始位置的纵坐标之差, deltaX及del taY取计算值的绝对值; 步骤三、计算出子窗体移动距离MoveY = deltaY*C,绘制子窗体距离起始位置移 动MoveY,如果用户继续滑动手指,则进入步骤B,如果用户松开手指,则执行步骤D ; 步骤四、向窗体起始位置移动MoveY/3个,然后更新MoveY为当前窗体位置离起始 位置的距离。【权利要求】1. ,其特征在于,包括如下步骤: A. 设定窗体移动距离与手指滑动距离的比例系数C,当用户在子窗体上开始向下滑 动,记录用户滑动时的起始位置为StartPoint(x,y); B. 当用户手指在屏幕上面滑动时,记录当前手指的坐标EndPoint (x,y),并且有 deltaX = EndPoint. x - StartPoint. x ;deltaY = EndPoint. y - StartPoint. y,如 果 deltaY/deltaX〈 = 1则不进行操作,否则进入步骤C,EndPoint. x为当前手指的横坐 标,StartPoint. X为手指滑动起始位置的横坐标,EndPoint. y为当前手指的纵坐标, StartPoint. X为手指滑动起本文档来自技高网...

【技术保护点】
实现触摸屏幕可拖动弹性界面的方法,其特征在于,包括如下步骤:A.设定窗体移动距离与手指滑动距离的比例系数C,当用户在子窗体上开始向下滑动,记录用户滑动时的起始位置为StartPoint(x,y);B.当用户手指在屏幕上面滑动时,记录当前手指的坐标EndPoint(x,y),并且有deltaX=EndPoint.x–StartPoint.x;deltaY=EndPoint.y–StartPoint.y,如果deltaY/deltaX<=1则不进行操作,否则进入步骤C,EndPoint.x为当前手指的横坐标,StartPoint.x为手指滑动起始位置的横坐标,EndPoint.y为当前手指的纵坐标,StartPoint.x为手指滑动起始位置的纵坐标,deltaX为当前手指的横坐标与手指滑动起始位置的横坐标之差,deltaY为当前手指的纵坐标与手指滑动起始位置的纵坐标之差;C.计算出子窗体移动距离MoveY=deltaY*C,绘制子窗体距离起始位置移动MoveY,如果用户继续滑动手指,则进入步骤B,如果用户松开手指,则执行步骤D;D.向窗体起始位置移动MoveY/3个,然后更新MoveY为当前窗体位置离起始位置的距离。...

【技术特征摘要】

【专利技术属性】
技术研发人员:罗永江程超缪洪波程仕涛李奇陈锡林龚翔刘裕
申请(专利权)人:四川长虹电器股份有限公司
类型:发明
国别省市:四川;51

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

1