用于在屏幕显示设备上展示客体信息的方法及装置的制造方法_3

文档序号:9865091阅读:来源:国知局
背面的过程,并在所述翻转后的显示区域中显示该客体的、不同于翻转前显示信息的基本信息或者附加信息。采用这种方式,将用户常规的翻看卡片或者商品标签背面信息的使用习惯延伸到了屏幕显示设备中,交互过程与用户的日常行为类似、能够有效提升用户的使用体验。
[0079]所述显示区域被翻转至背面,可以采用左右翻转的方式,即:以所述显示区域的垂直中心线为轴线翻转至背面;或者,采用上下翻转的方式,即:以所述显示区域的水平中心线为轴线翻转至背面。
[0080]在具体实施中,所述显示区域的动画翻转过程,实际上就是将处于不同翻转角度时的显示区域视图,按照时间顺序连续显示出来,就取得了动画的效果。根据具体实施本方法所采用的系统或者开发平台的不同,上述动画翻转过程的实现方法也不同。
[0081 ] 例如,在1S系统中,UIKit直接将动画集成到UIView类中,因此可以基于UIView类实现翻转动画的创建过程。
[0082]具体说,可以采用CGAffineTransformMakeRotat1nO函数进行旋转量(即:翻转角度)的设置,以下为代码示例片断:
[0083]CGAffineTransform transform = CGAffineTransformIdentity -J/ 申明旋转量
[0084]transform = CGAffineTransformMakeRotat1n (_M_PI/2) ;// 设置旋转量具体值
[0085]secondView.view, transform = transform ;// 导入方定转量
[0086]可以采用UIView提供的API进行动画的设置与展示,采用beginAnnimat1n开始动画,采用commitAnnimat1n结束动画,并且可以设置动画曲线、设置动画速度、设置翻转方向、是否需要采用缓存技术、以及动画播放时长等,下面是一段执行翻转操作的示例代码:
[0087]UIView^rotateView = [[UIView alloc]initWithFrame:CGRectMake(20,20,100,100)];
[0088][rotateView setBackgroundColor:[UIColor redColor]];
[0089][self, view addSubview:rotateView];
[0090][UIView beginAnimat1ns:niI context:nil];
[0091][UIView setAnimat1nCurve:UIViewAnimat1nCurveEaseInOut];
[0092][UIView setAnimat1nDurat1n:3.0];
[0093][UIView setAnimat1nTransit1n:UIViewAnimat1nTransit1nFlipFromLeftforView:rotateView cache:YES];
[0094][UIView commitAnimat1ns];
[0095]其中,setAnimat1nTransit1n用于设置翻转方向,例如:
[0096]UIViewAnimat1nTransit1nFlipFromRight一显不区域从右向左翻转;
[0097]UIViewAnimat1nTransit1nFlipFromLeft一显不区域从左向右翻转。
[0098]上面给出的仅仅是一段示意性的代码,在实际的实施过程中,还需要根据具体的需求,有针对性地进行调整、以及进行其他必要参数的设置。至于在不同的系统或者平台中具体采用何种方式或者技术实现动画翻转过程,不是本申请的核心,本申请不作具体的限定。
[0099]在本实施例的一个具体例子中,在被展示客体所在显示区域的边界上显示具有商品标签外观的控件,并将该控件所在区域作为切换触发区域,在采用上述动画方式执行翻转过程后,除了要在翻转后的显示区域中进行该客体的基本信息与附加信息的切换显示夕卜,为了与常规习惯相符,可以将所述具有商品标签外观的控件显示在与翻转前其所在位置相对的位置处。
[0100]请参见附图4至附图6,分别为用户触控切换触发区域、显示区域的翻转过程、和翻转后的显示区域的示意图或效果图,在这一组附图中,翻转前在第一行最左侧显示区域中展示的是某商品的基本信息,例如:外观图片,翻转后在同样的区域中显示的是该商品的附加信息,其中可以包括用于执行与该商品相关的特定操作的控件,例如:将该商品添加到收藏列表中的按钮。如果用户继续触控具有商品标签外观的控件,该显示区域会继续翻转,并在翻转后的显示区域中恢复显示该商品的基本信息。采用这种信息展示方式,在无需加载新的显示界面、也不会影响其他被展示客体的前提下,为用户展示了所需的客体信息。
[0101]需要说明的是,上面描述了采用动画方式进行信息的切换显示的实施方式,在其他实施方式中可不采用动画方式,而是直接更新显示区域中的信息,同样可以实现本申请的技术方案;此外,在本实施例所举的具体例子中,所述切换触发区域采用类似商品标签外观的设计,并且模拟商品标签的悬挂方式设置在显示区域的右上角,在其他实施方式中,所述切换触发区域可以采用不同的外观以及位于不同的位置,只要能够提示用户在需要查看附加信息时进行触控、并可以根据用户的触控操作执行相应信息的切换显示即可。上述这些都是【具体实施方式】的变更,都不偏离本申请的核心,因此都在本申请的保护范围之内。
[0102]综上所述,本申请的技术方案,针对如何展示客体信息,提供了不同于传统基于Hover状态的新思路:根据接收到的对切换触发区域的触控操作,在对应客体的显示区域内对其基本信息和附加信息进行切换显示,从而既可以根据用户需求提供被展示客体的基本信息或附加信息,又不打断用户的浏览路径,保证用户良好的浏览体验,尤其应用于触屏设备时,能够解决由于触屏设备不具备Hover状态所带来的不便。
[0103]在上述的实施例中,提供了一种用于在屏幕显示设备上展示客体信息的方法,与之相对应的,本申请还提供一种用于在屏幕显示设备上展示客体信息的装置。请参看图7,其为本申请的一种用于在屏幕显示设备上展示客体信息的装置实施例的示意图。由于装置实施例基本相似于方法实施例,所以描述得比较简单,相关之处参见方法实施例的部分说明即可。下述描述的装置实施例仅仅是示意性的。
[0104]本实施例的一种用于在屏幕显示设备上展示客体信息的装置,包括:信息显示单元701,用于针对被展示客体,在所述屏幕显示设备的相应显示区域中显示该客体的基本信息或者附加信息;触控接收单元702,用于接收对所述屏幕显示设备的触控操作;判断切换单元703,用于判断所述触控操作的位置是否在被展示客体对应的切换触发区域内;若是,在所述客体的显示区域内,在所述客体的基本信息和附加信息之间进行切换显示。
[0105]可选的,所述屏幕显示设备是触屏设备。
[0106]可选的,所述判断切换单元包括:
[0107]判断子单元,用于判断所述触控操作的位置是否在被展示客体对应的切换触发区域内;
[0108]切换执行子单元,用于当所述判断子单元的输出为“是”时,在所述客体的显示区域内,在所述客体的基本信息和附加信息之间进行切换显示;
[0109]所述切换执行子单元包括:
[0110]动画翻转子单元,用于以动画的方式显示所述显示区域被翻转至背面的过程;
[0111]切换信息显示子单元,用于在所述翻转后的显示区域中显示该客体的、不同于翻转前显示信息的基本信息或者附加信息。
[0112]可选的,所述动画翻转子单元具体用于以动画的方式显示以下两种翻转过程中的任意一种:以所述显示区域的垂直中心线为轴线翻转至背面;或者,以所述显示区域的水平中心线为轴线翻转至背面。
[0113]可选的,所述判断切换单元进行判断采用的切换触发区域是指,在被展示客体所在显示区域的边界上显示的具有商品标签外观的控件所在的区域。
[0114]可选的,所述切换执行子单元包含动画翻转子单元时,所述动画翻转子单元具体用于,以动画的方式显示所述显示区域被翻转至背面的过程,并且将所述具有商品标签外观的控件显示在与翻转前其所在位置相对的位置处。
[0115]可选的,所述信息显示单元在初始化展示客体信息时,在所述屏幕显示设备的显示区域中显示对应客体的基本信息。
[0116]可选的,所述信息显示单元和所述判断切换单元显示的基本信息以及附加信息分别包括以下元素中的至少一种:文字、图形、图像、表格、动画、声音、用于执行与所述
当前第3页1 2 3 4 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1