专利名称：一种手机上浏览图片的方法
一种手机上浏览图片的方法
技术领域：
本发明涉及一种手机上浏览图片的方法。背景技术：
随着手机在人们的生活中占据越来越重要的地位，手机上的人机界面也越来越为用户所关注，通过绚丽的色彩、精美的图片为手机增加吸引力和竞争力。
手机的屏幕比较小，不适合多张图片的一次性展示，也不太好操作图片。现有技术实现了并排设置多张图片的方法来展示图片，用户通过手指滑动浏览图片，使得在手机有限的空间下，充分的展示图片。但是，毕竟手机的屏幕比较小，无法一次性在屏幕上显示更多的图片。
另外，它没有一个指示器来标示当前处于哪一张图片，和当前图片的信息，同时也无法实现自动轮播，无法满足需要自动展示的情况。
发明内容
本发明所要解决的技术问题之一在于提供一种手机浏览图片的方法，该方法使得在手机有限的屏幕空间中，自动轮播更好展现图片给用户，使得用户有更新的浏览图片的体验。
本发明所要解决的技术问题之二在于提供另一种手机浏览图片的方法，该方法使得在手机有限的屏幕空间中，通过手势用户能便捷的查看到要关注的图片，使得用户有更新的浏览图片的体验。
本发明采用以下技术方案之一解决上述技术问题之一
技术方案之一
一种手机上浏览图片的方法，包括如下步骤
步骤1 将手机屏幕上并排排列的一组图片进行排列位于中间的一个图片水平设置，位于左边的图片均绕Y轴顺时针旋转A角度倾斜设置，位于右边的图片绕Y轴逆时针旋转A角度倾斜设置；
步骤2 手机内设置有一定时器，每隔T时间，则循环进行步骤3-5 ；
步骤3 设定移动速度为V，图片中心与手机屏幕中心的距离W，计算出每张图片的旋转速度VI、位移速度V2、景深速度V3 ；
Vl = (ff/ch i1dffi dth)^mMaxRotat i onAngle)
V2 = V
V3 = mMaxZoom+ (Math, abs (rotationAngle) 5)
其中childWidth 图片的宽度
mMaxRotationAngle 设定的最大旋转角度，默认90
mMaxZoom 设定的最大的放大值，默认120
rotationAngle 就是每张图片的旋转速度Vl ；
步骤4:遍历每张图片，调用系统的动画类函数，传入每张图片的旋转速度VI、位移速度V2、景深速度V3这三个参数，使图片运动；
步骤5 判断居中的图片是否水平，如果不是，则继续移动和旋转，直至居中的图片处于水平状态。
进一步地，所述步骤4与步骤5之间还包括
步骤41 :当图片的移动距离大于图片宽度时，说明指示器控件已经向右移动一格，指示器控件刷新，指向当前图片；同时图片信息显示控件刷新，显示当前居中的图片信肩、ο
进一步地，所述A角度为45°。
进一步地，所述T时间为5秒钟。
本发明采用以下技术方案之二解决上述技术问题之二
技术方案之二
一种手机上浏览图片的方法，包括如下步骤
步骤a:将手机屏幕上并排排列的一组图片进行排列位于中间的一个图片水平设置，位于左边的图片均绕Y轴顺时针旋转A角度倾斜设置，位于右边的图片绕Y轴逆时针旋转A角度倾斜设置；
步骤b 当用户手指向右滑动时，手机内置的加速度传感器计算出手指滑动速度 V ；
步骤C:根据手指滑动速度V和图片中心与手机屏幕中心的距离W，计算出每张图片的旋转速度VI、位移速度V2、景深速度V3 ；
Vl = (ff/ch i1dffi dth)^mMaxRotat i onAngle)
V2 = V
V3 = mMaxZoom+(Math, abs(rotationAngle)5)
其中childWidth 图片的宽度
mMaxRotationAngle 设定的最大旋转角度，默认90
mMaxZoom 设定的最大的放大值，默认120
rotationAngle 就是每张图片的旋转速度Vl ；
步骤d:遍历每张图片，调用系统的动画类函数，传入每张图片的旋转速度VI、位移速度V2、景深速度V3这三个参数，使图片运动；
步骤e 当用户手指放开时，图片停止旋转和移动，判断居中的图片是否水平，如果不是，则继续移动和旋转，直至居中的图片处于水平状态。
进一步地，所述步骤d与步骤e之间还包括
步骤dl :当图片的移动距离大于图片宽度时，说明指示器控件已经向右移动一格，指示器控件刷新，指向当前图片；同时图片信息显示控件刷新，显示当前居中的图片信肩、ο
进一步地，所述A角度为45°。
本发明的优点在于在手机上使用杂志封面的方式来展示图片，不仅在有限的空间内可以展示更多图片，同时可使用手势来控制图片的展示，画面有一种流畅的动感，使得用户有更新的浏览图片的体验。随着图片的移动，图片下面的指示器会相应变化，同时显示5出图片的标题，在需要轮播的情况下还能实现不需人工控制，自动播放。
下面参照附图结合实施例对本发明作进一步的描述。
图1是本发明中手机屏幕上图片在未移动前的状态示意图。
图2是本发明实施例一工作流程示意图。
图3是本发明实施例二工作流程示意图。
具体实施方式
实施例一
一种手机上浏览图片的方法包括如下步骤
步骤1 将手机屏幕上并排排列的一组图片进行排列位于中间的一个图片水平设置，位于左边的图片均绕Y轴顺时针旋转45°角度倾斜设置，位于右边的图片绕Y轴逆时针旋转45°角度倾斜设置；如图1所示。
步骤2 手机内设置有一定时器，每隔5秒时间，则循环进行步骤3-5 ；
步骤3 设定移动速度为V，图片中心与手机屏幕中心的距离W，计算出每张图片的旋转速度VI、位移速度V2、景深速度V3 ；
Vl = (ff/ch i1dffi dth)^mMaxRotat i onAngle)
V2 = V
V3 = mMaxZoom+(Math, abs(rotationAngle)5)
其中childWidth 图片的宽度
mMaxRotationAngle 设定的最大旋转角度，默认90
mMaxZoom 设定的最大的放大值，默认120
rotationAngle 就是每张图片的旋转速度VI。
步骤4:遍历每张图片，调用系统的动画类函数，传入每张图片的旋转速度VI、位移速度V2、景深速度V3这三个参数，使图片运动。
步骤41 :当图片的移动距离大于图片宽度时，说明指示器控件已经向右移动一格，指示器控件刷新，指向当前图片；同时图片信息显示控件刷新，显示当前居中的图片信息，如图1中指示器为1，图片信息为2。
步骤5 判断居中的图片是否水平，如果不是，则继续移动和旋转，直至居中的图片处于水平状态。
图2所示为以上工作流程图。程序设定有一种自动触发图片轮播，即当程序初始化时，设定了一个定时器Timer，每5秒时间使图片向右移动一格。
实施例二
一种手机上浏览图片的方法，包括如下步骤
步骤a:将手机屏幕上并排排列的一组图片进行排列位于中间的一个图片水平设置，位于左边的图片均绕Y轴顺时针旋转45°角度倾斜设置，位于右边的图片绕Y轴逆时针旋转45°角度倾斜设置；如图1所示。
步骤b 当用户手指向右滑动时，手机内置的加速度传感器计算出手指滑动速度V。
步骤c 根据手指滑动速度V和图片中心与手机屏幕中心的距离W，计算出每张图片的旋转速度VI、位移速度V2、景深速度V3 ；
Vl = (ff/ch i1dffi dth)^mMaxRotat i onAngle)
V2 = V
V3 = mMaxZoom+(Math, abs(rotationAngle)5)
其中childWidth 图片的宽度
mMaxRotationAngle 设定的最大旋转角度，默认90
mMaxZoom 设定的最大的放大值，默认120
rotationAngle 就是每张图片的旋转速度VI。
步骤d:遍历每张图片，调用系统的动画类函数，传入每张图片的旋转速度VI、位移速度V2、景深速度V3这三个参数，使图片运动。
步骤dl :当图片的移动距离大于图片宽度时，说明指示器控件已经向右移动一格，指示器控件刷新，指向当前图片；同时图片信息显示控件刷新，显示当前居中的图片信息，如图1中指示器为1，图片信息为2。
步骤e 当用户手指放开时，图片停止旋转和移动，判断居中的图片是否水平，如果不是，则继续移动和旋转，直至居中的图片处于水平状态。
图3所示为以上工作流程图。除了实施例一中的自动触发图片轮播，本实例二还设定了手动触发，随用户手指的移动，图片向右移动。
本发明在手机上使用杂志封面的方式来展示图片，不仅在有限的空间内可以展示更多图片，同时可使用手势来控制图片的展示，画面有一种流畅的动感，使得用户有更新的浏览图片的体验。随着图片的移动，图片下面的指示器会相应变化，同时显示出图片的标题，在需要轮播的情况下还能实现不需人工控制，自动播放。
权利要求
1.一种手机上浏览图片的方法，其特征在于包括如下步骤步骤1 将手机屏幕上并排排列的一组图片进行排列位于中间的一个图片水平设置， 位于左边的图片均绕Y轴顺时针旋转A角度倾斜设置，位于右边的图片绕Y轴逆时针旋转 A角度倾斜设置；步骤2 手机内设置有一定时器，每隔T时间，则循环进行步骤3-5 ； 步骤3 设定移动速度为V，图片中心与手机屏幕中心的距离W，计算出每张图片的旋转速度VI、位移速度V2、景深速度V3 ；Vl = (ff/ch i1dffi dth)^mMaxRotat i onAngle) V2 = VV3 = mMaxZoom+(Math, abs(rotationAngle)*1· 5) 其中childWidth 图片的宽度 mMaxRotationAngle 设定的最大旋转角度，默认90 mMaxZoom 设定的最大的放大值，默认120 rotationAngle 就是每张图片的旋转速度Vl ；步骤4:遍历每张图片，调用系统的动画类函数，传入每张图片的旋转速度VI、位移速度V2、景深速度V3这三个参数，使图片运动；步骤5 判断居中的图片是否水平，如果不是，则继续移动和旋转，直至居中的图片处于水平状态。
2.如权利要求1所述的一种手机上浏览图片的方法，其特征在于所述步骤4与步骤5 之间还包括步骤41 当图片的移动距离大于图片宽度时，说明指示器控件已经向右移动一格，指示器控件刷新，指向当前图片；同时图片信息显示控件刷新，显示当前居中的图片信息。
3.如权利要求1或2所述的一种手机上浏览图片的方法，其特征在于所述A角度为 45°。
4.如权利要求1或2所述的一种手机上浏览图片的方法，其特征在于所述T时间为5秒钟。
5.一种手机上浏览图片的方法，其特征在于包括如下步骤步骤a 将手机屏幕上并排排列的一组图片进行排列位于中间的一个图片水平设置， 位于左边的图片均绕Y轴顺时针旋转A角度倾斜设置，位于右边的图片绕Y轴逆时针旋转 A角度倾斜设置；步骤b:当用户手指向右滑动时，手机内置的加速度传感器计算出手指滑动速度V; 步骤c 根据手指滑动速度V和图片中心与手机屏幕中心的距离W，计算出每张图片的旋转速度VI、位移速度V2、景深速度V3 ；V 1 = (ff/ch i1dffi dth)^mMaxRotat i onAngle) V2 = VV3 = mMaxZoom+(Math, abs(rotationAngle)*1· 5) 其中childWidth 图片的宽度 mMaxRotationAngle :设定的最大旋转角度，默认90 mMaxZoom 设定的最大的放大值，默认120rotationAngle 就是每张图片的旋转速度Vl ；步骤d:遍历每张图片，调用系统的动画类函数，传入每张图片的旋转速度VI、位移速度V2、景深速度V3这三个参数，使图片运动；步骤e:当用户手指放开时，图片停止旋转和移动，判断居中的图片是否水平，如果不是，则继续移动和旋转，直至居中的图片处于水平状态。
6.如权利要求5所述的一种手机上浏览图片的方法，其特征在于所述步骤d与步骤e 之间还包括步骤dl 当图片的移动距离大于图片宽度时，说明指示器控件已经向右移动一格，指示器控件刷新，指向当前图片；同时图片信息显示控件刷新，显示当前居中的图片信息。
7.如权利要求5或6所述的一种手机上浏览图片的方法，其特征在于所述A角度为 45°。
全文摘要
一种手机上浏览图片的方法，包括将手机屏幕上的一组图片位于中间的一个图片水平设置，位于左边的图片和位于右边的图片均倾斜设置；当用户手指向右滑动时，根据手指滑动速度V和图片中心与手机屏幕中心的距离W，计算出每张图片的旋转速度V1、位移速度V2、景深速度V3；遍历每张图片，传入每张图片的旋转速度V1、位移速度V2、景深速度V3这三个参数，使图片运动；当用户手指放开时，图片停止旋转和移动。本发明在手机上使用封面的方式来展示图片，不仅在有限的空间内可以展示更多图片，同时使得用户有更新的浏览图片的体验。
文档编号H04M1/725GK102523334SQ201110380110
公开日2012年6月27日 申请日期2011年11月25日 优先权日2011年11月25日
发明者刘德建, 林其翔, 郑定国, 郑晓彬 申请人:福州博远无线网络科技有限公司