一种基于ios系统的视差翻页人机交互方法_2

文档序号:8223257阅读:来源:国知局
br>[0016]更进一步地,上述方法还包括对翻页结果进行位置校正。因为当用户松手时,手机界面还有可能处于翻页的过程中。这时候就需要根据用户滑动多少距离翻一页(DRAG_INTERVAL)、当前已经滑动过去的页数(current_f 10r )、用户松开手时,如果不进行校正,页面停止时候的默认位置(CGPointdestinat1n)、用户松手时页面当前位置(CGFloatscreen_y)、滑动加速度(velocity)这5个参数的比较,判断是应该回到上一页面或者翻到下一页。
[0017]Velocity 一般包括velocity, x和velocity, y,分别表示横坐标加速度和纵坐标加速度。而本发明中涉及到的是上下翻页,所以只会用到velocity, y,velocity, y如果是为正整数,则表示运动方向为向下,反之则为向上运动,然后结合用户松手时页面当前位置CGFloatscreen_y这个参数,来判断用户松手时,距离哪个图片最近,当知道离哪个图片最近后,就能够根据运动方向校正到这个图片。
[0018]获取以下的6个参数:
1.页面头部导航高度:HEADER_HEIGHT;
2.用户滑动多少距离翻一页面:DRAG_INTERVAL;例如:f loatDRAG_INTERVAL =170.0f ;
3.当前屏幕滚动到的位置:screen_y;
floatscreen_y=self.collect1nView.contentOffset.y;
4.当前已经滑动过去的页数:current_f10r;
floatcurrent_floor=floorf((s cre en_y-HEADER_HEIGHT)/DRAG_INTERVAL)+1;
5.当前取余:current_mod;
floatcurrent_mod=fmodf((screen_y-HEADER_HEIGHT), DRAG_INTERVAL);
6.当前取余百分比:percent;
floatpercent=current_mod/DRAG_INTERVAL;
根据以上的6个参数,就能够算出当前每个页的矩阵frame (坐标X,坐标Y,宽度,高度),并得到当前屏幕中应该显示的图片或者标题(数组),并根据每个页的当前位置,处理页中的图片或标题或描述从而视线视差翻页。
[0019]比如,设定一个drag_interval参数,例如drag_interval可以等于100,用户每滑动一个drag_interval,就会切换一张图片,换句话来说,就是当前屏幕的第二张图片就会由小变大,这个时候系统会计算出变化处于何种阶段,比如说,图片的初始状态为高度100,变大后成为200,那么在滑动的过程中,如果用户刚刚滑动一个drag_interval,那么图片高度增量就是100,如果不够一个drag_interval,例如只有50,那说明图片的高度也只变化了 50/100 = 二分之一,根据这个百分比,就能对图片和文字标题进行动画处理,例如先会设置一个图片的默认位置和图片的最终位置,根据上面的百分比去乘以最终位置和默认位置之差,就能得到当前位置。根据当前位置来判断用户松手时,距离哪个图片最近,当知道离哪个图片最近后,那么就能够根据运动方向校正到这个图片。
[0020]上述说明示出并描述了本发明的一个优选实施例,但如前所述,应当理解本发明并非局限于本文所披露的形式,不应看作是对其他实施例的排除,而可用于各种其他组合、修改和环境,并能够在本文所述发明构想范围内,通过上述教导或相关领域的技术或知识进行改动。而本领域人员所进行的改动和变化不脱离本发明的精神和范围,则都应在本发明所附权利要求的保护范围内。
【主权项】
1.一种基于1S系统的视差翻页人机交互方法,其具体包括以下的步骤:步骤一、进入程序后,将手机界面中当前页面上的其中一个图片或者标题逐渐变大并高亮显示,其他图片或者标题大小不变并低亮显示;步骤二、用户滑动屏幕时,根据手指滑动的速度及方向进行翻页,当手指向上滑动时,向上翻页,当手指向下滑动时,向下翻页,翻页的速度与手指滑动的速度相对应;步骤三、在滑动的过程中,新显示出来的页面上的其中一个图片或者标题逐渐变大并变高亮显示在新的当前页面上,其他图片大小不变地低亮显示在新的页面上,根据手指滑动的距离和系统设定的根据用户滑动多少距离翻一页判断出哪一个图片或者标题被逐渐变大并变高亮显示。
2.如权利要求1所述的基于1S系统的视差翻页人机交互方法,其特征在于所述图片或者标题在翻页过程中的大小变化以及亮度变化通过动画效果进行显示。
3.如权利要求2所述的基于1S系统的视差翻页人机交互方法,其特征在于所述动画效果采用UI控件UlCollect1nView来实现。
4.如权利要求3所述的基于1S系统的视差翻页人机交互方法,其特征在于方法还包括当用户松手时,手机界面还处于翻页的过程中,此时对翻页的结果进行位置校正。
5.如权利要求4所述的基于1S系统的视差翻页人机交互方法,其特征在于所述位置校正具体为根据翻页的方向和用户松手时页面当前位置判断离哪一个图片或者标题更近,离哪一个图片或者标题更近,就根据运动方向校正到这个图片或者标题。
【专利摘要】本发明涉及手机交互技术领域,本发明公开了一种基于IOS系统的视差翻页人机交互方法,其具体包括以下的步骤:步骤一、进入程序后,将手机界面中当前页面上的其中一个图片或者标题逐渐变大并高亮显示,其他图片或者标题大小不变并低亮显示;步骤二、用户滑动屏幕时,根据手指滑动的速度及方向进行翻页;步骤三、在滑动的过程中,新显示出来的页面上的其中一个图片或者标题逐渐变大并变高亮显示在新的当前页面上,其他图片大小不变地低亮显示在新的页面上,根据手指滑动的距离和系统设定的根据用户滑动多少距离翻一页判断出哪一个图片或者标题被逐渐变大并变高亮显示。通过上述方法聚焦用户的视线,提高了用户的操作体验。
【IPC分类】G06F3-0488, G06F3-0481
【公开号】CN104536650
【申请号】CN201510019982
【发明人】章智
【申请人】成都品果科技有限公司
【公开日】2015年4月22日
【申请日】2015年1月15日
当前第2页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1