一种基于ios系统的视差翻页人机交互方法
【技术领域】
[0001]本发明涉及人机交互技术领域，尤其涉及一种基于1S系统的视差翻页人机交互方法。
【背景技术】
[0002]随着iPhone等基于手指触控的人机交互的触摸屏手机的流行，在触摸屏手机的很多程序窗口中，通过向上或者向下滑动手指，其屏幕就能对应向上或者向下滑动，屏幕上的图片则跟随屏幕的滑动而变化。
[0003]在采用现有的翻页方法时，在手机的界面中，每一个页面中的每一个图片的大小、亮度等在翻页前、翻页中以及翻页后都是固定不变的。如图1所示的手机界面，不管是向上滑动还是向下滑动，图片一、图片二、图片三、图片四都以现有的亮度和大小显示在手机界面上，这样的翻页方法使得用户不能快速找到感兴趣的图片或者标题，从而快速进入用户想要进入的下一级界面，降低了用户的操作体验。
【发明内容】
[0004]针对现有技术中的人机交互方法，用户体验不高的技术问题，本发明公开了一种基于1S系统的视差翻页人机交互方法。
[0005]本发明的发明目的通过下述技术方案来实现:
一种基于1S系统的视差翻页人机交互方法，其具体包括以下的步骤:步骤一、进入程序后，将手机界面中当前页面上的其中一个图片或者标题逐渐变大并高亮显示，其他图片或者标题大小不变并低亮显示；步骤二、用户滑动屏幕时，根据手指滑动的速度及方向进行翻页，当手指向上滑动时，向上翻页，当手指向下滑动时，向下翻页，翻页的速度与手指滑动的速度相对应；步骤三、在滑动的过程中，新显示出来的页面上的其中一个图片或者标题逐渐变大并变高亮显示在新的当前页面上，其他图片大小不变地低亮显示在新的页面上，根据手指滑动的距离和系统设定的根据用户滑动多少距离翻一页判断出哪一个图片或者标题被逐渐变大并变高亮显示。
[0006]更进一步地，上述图片或者标题在翻页过程中的大小变化以及亮度变化通过动画效果进行显示。
[0007]更进一步地，上述动画效果采用UI控件UlCollect1nView来实现。
[0008]更进一步地，上述方法还包括当用户松手时，手机界面还处于翻页的过程中，此时对翻页的结果进行位置校正。
[0009]更进一步地，上述位置校正具体为根据翻页的方向和用户松手时页面当前位置判断离哪一个图片或者标题更近，离哪一个图片或者标题更近，就根据运动方向校正到这个图片或者标题。
[0010]通过采用以上技术方案，本发明的有益效果是:本发明通过将其中的一个图片或者标题(入口)逐渐变大并高亮在手机界面中显示给用户，方便用户快速寻找到感兴趣的入口，本发明提供了一种当前页面中需要用户视线聚集的图片逐渐变大并变亮的过程，提高了用户的操作体验，为应用程序来带更多的用户粘度和用户友善度，从而建立起应用程序自身的核心竞争力。在视觉上，通过将图片变大及变亮的方式突出了当前页中某一个图片或者标题的显著度，能让用户更多的聚焦在当前高亮显示的图片或者标题入口上，在使用方式上具有乐趣，避免枯燥的千篇一律的使用方式给用户带来的审美疲劳和使用乏味。
【附图说明】
[0011]图1为现有技术中的翻页方法的手机界面示意图。
[0012]图2为本发明的视差翻页人机交互方法的手机界面示意图。
【具体实施方式】
[0013]为了使本发明的目的、技术方案及优点更加清楚明白，以下结合具体实施例，对本发明进行进一步详细的说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
[0014]本发明公开了一种基于1S系统的视差翻页人机交互方法，其具体包括以下的步骤:步骤一、进入程序后，将手机界面中当前页面上的其中一个图片或者标题(在默认状态下，一般会默认变大第一张图片，当然也可以根据需要进行其他任意的设定，变大并高亮显示的图片或者标题主要是告诉用户，当前在浏览的是哪一张图片或者标题，用变大效果也是为了让用户的视线聚焦在这张图片或者标题上)逐渐变大并高亮显示，其他图片或者标题大小不变并低亮显示；步骤二、用户滑动屏幕时，根据手指滑动的速度及方向进行翻页，当手指向上滑动时，向上翻页，当手指向下滑动时，向下翻页，翻页的速度与手指滑动的速度相对应；步骤三、在滑动的过程中，新显示出来的页面上的其中一个图片或者标题逐渐变大并变高亮显示在新的当前页面上，其他图片大小不变地低亮显示在新的页面上，根据手指滑动的距离和系统设定的根据用户滑动多少距离翻一页判断出哪一个图片或者标题被逐渐变大并变高亮显示。根据用户用手指滑动的距离以及系统设定的参数(用户滑动多少距离翻一页的参数DRAG_INTERVA)作为单位距离，来判断出应该将哪个图片或者标题进行高亮以及变大显示，比如说DRAG_INTERVAL等于100像素，就意味着用户用手每滑动100像素，就会从当前的图片切换到下一张图片，如果滑动距离不够100，则会做位置校正。本发明通过将其中的一个图片或者标题(入口)逐渐变大并高亮在手机界面中显示给用户，方便用户快速寻找到感兴趣的入口，本发明提供了一种当前页面中需要用户视线聚集的图片逐渐变大并变亮的过程，提高了用户的操作体验，为应用程序来带更多的用户粘度和用户友善度，从而建立起应用程序自身的核心竞争力。在视觉上，通过将图片变大及变亮的方式突出了当前页中某一个图片或者标题的显著度，能让用户更多的聚焦在当前高亮显示的入口上，在使用方式上具有乐趣，避免枯燥的千篇一律的使用方式给用户带来的审美疲劳和使用乏味。图2为本发明的视差翻页人机交互方法的手机界面示意图。其中图片一为当前页面中变大并高亮显示的图片，方便用户查看。
[0015]在10S6.0以前，要实现将图片逐渐变大的动画，需要使用老式的Π控件UITableView。UITableView在使用简单的同时，也有一定的局限性，其扩展性不强导致较难实现一些高度自定义的动画效果。本发明的方法主要针对的是1S6.0及以上的系统。基于10S6.0新的Π控件UlCollect1nView，此控件能高度自定义动画。更进一步地，上述图片或者标题的滑动以及逐渐变化的过程采用动画实现，其动画效果采用Π控件UlCollect1nView来实现图片或者标题得逐渐变化，实现在当前页面上，其中的一个图片或者标题逐渐变大并变高亮显示在新的当前页面上，其他图片大小不变地低亮显示在新的页面上。这样的实现方法是基于10S6.0系统的，其基于10S6.0系统的Π控件UlCollect1nView,实现更加方便。<