CN107426601B - 一种智能电视中ui控件的显示方法及装置 - Google Patents
一种智能电视中ui控件的显示方法及装置 Download PDFInfo
- Publication number
- CN107426601B CN107426601B CN201710602474.7A CN201710602474A CN107426601B CN 107426601 B CN107426601 B CN 107426601B CN 201710602474 A CN201710602474 A CN 201710602474A CN 107426601 B CN107426601 B CN 107426601B
- Authority
- CN
- China
- Prior art keywords
- control
- translation
- layer
- parameter
- translation parameter
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 31
- 238000013519 translation Methods 0.000 claims abstract description 206
- 238000012545 processing Methods 0.000 claims description 23
- 238000004091 panning Methods 0.000 claims description 5
- 230000000694 effects Effects 0.000 abstract description 35
- 238000005516 engineering process Methods 0.000 description 10
- 238000013461 design Methods 0.000 description 4
- 238000009877 rendering Methods 0.000 description 4
- 230000001953 sensory effect Effects 0.000 description 4
- 238000010586 diagram Methods 0.000 description 3
- 230000006870 function Effects 0.000 description 2
- 238000012544 monitoring process Methods 0.000 description 2
- 210000000697 sensory organ Anatomy 0.000 description 2
- 230000016776 visual perception Effects 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000011160 research Methods 0.000 description 1
- 230000021317 sensory perception Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
- H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N13/00—Stereoscopic video systems; Multi-view video systems; Details thereof
- H04N13/20—Image signal generators
- H04N13/261—Image signal generators with monoscopic-to-stereoscopic image conversion
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N13/00—Stereoscopic video systems; Multi-view video systems; Details thereof
- H04N13/20—Image signal generators
- H04N13/275—Image signal generators from 3D object models, e.g. computer-generated stereoscopic image signals
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/47—End-user applications
- H04N21/485—End-user interface for client configuration
- H04N21/4858—End-user interface for client configuration for modifying screen layout parameters, e.g. fonts, size of the windows
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Human Computer Interaction (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
本发明的实施例提供一种智能电视中UI控件的显示方法及装置,涉及显示技术领域,用于使智能电视的UI控件实现3D效果从而为用户带来好的体验,该方法包括:UI控件显示装置生成待显示的UI控件,UI控件包括图像层与投影层;根据UI控件在第一方向的平移参数设置UI控件的缩放比例,其中第一方向垂直于智能电视的屏幕;设定图像层在第二方向和第三方向上的平移参数,并设定投影层在第二方向和第三方向上的平移参数;其中,第二方向与第三方向交叉所在的平面与智能电视的屏幕平行;根据缩放比例、图像层的平移参数以及投影层的平移参数在智能电视的屏幕上显示UI控件。本发明用于UI控件的显示。
Description
技术领域
本发明涉及显示技术领域,尤其涉及一种智能电视中UI控件的显示方法及装置。
背景技术
随着多媒体通信的发展,图像与视频的传输与处理已成为新一代显示设备的研究热点,其中显示设备的UI(User Interface用户界面)设计是与用户打交道最直观的窗口,代表了产品的易用性,好的UI可以让操作变得简易而提升体验。
UI包含有文本、图片、按钮、开关、滑动条、图表以及输入框等UI控件,设备通过这些UI控件与用户进行交互,目前的UI控件设计大多数是基于Android平台完成的,在智能电视中,具有3D效果的UI控件能够为用户带来好的体验,现有技术中,实现UI控件的3D效果较成熟的方案是运用OpenGL(Open Graphics Library开放图形库)技术,但由于OpenGL技术操作复杂,同时算法的不断渲染,智能电视内存占用较大,对于低配置的机型会出现卡顿现象,从而影响用户体验,2D技术虽然具有运算量小,内存占用小的优点,但其无法实现UI控件Z轴方向的立体效果。因此,如何利用2D技术实现智能电视的UI控件的3D效果成为待解决的问题。
发明内容
本发明的实施例提供一种智能电视中UI控件的显示方法及装置,用于使智能电视的UI控件实现3D效果从而为用户带来好的体验。
为达到上述目的,本发明的实施例采用如下技术方案:
第一方面,提供一种UI控件的显示方法,应用于智能电视中,该方法包括:
UI控件显示装置生成待显示的UI控件,UI控件包括图像层与投影层;
UI控件显示装置根据UI控件在第一方向的平移参数设置UI控件的缩放比例,其中第一方向垂直于智能电视的屏幕;
UI控件显示装置设定图像层在第二方向和第三方向上的平移参数,并设定投影层在第二方向和第三方向上的平移参数;其中,第二方向与第三方向交叉所在的平面与智能电视的屏幕平行;
UI控件显示装置根据缩放比例、图像层的平移参数以及投影层的平移参数在智能电视的屏幕上显示UI控件。
第二方面,提供一种UI控件显示装置,应用于智能电视中,该装置包括:
创建模块,用于生成待显示的UI控件,UI控件包括图像层与投影层;
处理模块,用于根据UI控件在第一方向的平移参数设置UI控件的缩放比例,其中第一方向垂直于智能电视的屏幕;
处理模块还用于设定图像层在第二方向和第三方向上的平移参数,并设定投影层在第二方向和第三方向上的平移参数;其中,第二方向与第三方向交叉所在的平面与智能电视的屏幕平行;
控制模块,用于根据缩放比例、图像层的平移参数以及投影层的平移参数在智能电视的屏幕上显示UI控件。
本发明实施例提供的UI控件的显示方法,通过UI控件显示装置生成待显示的UI控件,UI控件包括图像层与投影层;根据UI控件在第一方向的平移参数设置UI控件的缩放比例,设定图像层在第二方向和第三方向上的平移参数,并设定投影层在第二方向和第三方向上的平移参数,根据缩放比例、图像层的平移参数以及投影层的平移参数在智能电视的屏幕上显示UI控件,解决了如何利用2D技术实现智能电视的UI控件的3D效果的问题。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的UI控件的显示方法流程图之一;
图2为本发明实施例提供的UI控件的显示方法示意图之一;
图3为本发明实施例提供的UI控件的显示方法流程图之二;
图4为本发明实施例提供的UI控件的显示方法示意图之二;
图5为本发明实施例提供的UI控件的显示装置示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
需要说明的是,本发明实施例中,“示例性的”或者“例如”等词用于表示作例子、例证或说明。本发明实施例中被描述为“示例性的”或者“例如”的任何实施例或设计方案不应被解释为比其它实施例或设计方案更优选或更具优势。确切而言,使用“示例性的”或者“例如”等词旨在以具体方式呈现相关概念。
本发明实施例提供一种UI控件的显示方法,应用于智能电视中,参照图1所示,该方法包括:
S1、UI控件显示装置生成待显示的UI控件。
目前,Android应用的2D技术为了使UI控件实现3D效果,即2.5D,(2.5D俗称伪3D,是一种结合了3d与2d的图形技术,是具有3D效果的2D技术实现)普遍做法都是通过为UI控件增加阴影效果来实现。因此通过UI控件的分层及分层的相对平移运动并结合缩放来实现3D效果。UI控件包括图像层与投影层,UI控件的分层是指将UI控件分为上下两层,上层为图像层,下层为投影层,其中图像层与投影层的大小完全相同,因此两层叠加在一起可以组成一个完整的UI控件
具体的,参照图2所示,智能电视的UI控件显示装置将一个UI控件分为两层,上层为图像层21,下层为投影层22,将两层叠加起来可以合成为一个UI控件23。
S2、UI控件显示装置根据UI控件在第一方向的平移参数设置UI控件的缩放比例。
具体的,第一方向垂直于智能电视的屏幕,第一方向为Z轴,UI控件的Z轴变化给用户的感官感受是远近大小的变化,近大远小,因此通过UI控件的缩放来模拟Z轴变化的效果,以在智能电视的屏幕内Z轴的零坐标点为基准,Z轴的正方向为垂直智能电视的屏幕向外,当Z轴方向上的平移参数越大,表明此时UI控件离屏幕越近,即在主观视角上离人眼距离越近,由于用户的感官感受是近大远小,此时智能电视的UI控件显示装置控制UI控件放大。
可选的,UI控件显示装置根据UI控件在第一方向的平移参数设置UI控件的缩放比例包括:
具体的,由于Z轴变化给用户的直观感受是近大远小,因此公式中当UI控件在Z轴方向上的平移参数m大于0且增大时,UI控件的缩放比例s增大,即此时UI控件离屏幕越近,即在人的主观视角上离人眼越近,UI控件越大,当UI控件在Z轴方向上的平移参数m小于0且减小时,UI控件的缩放比例s减小,即此时UI控件离屏幕越远,即在人的主观视角上离人眼越远,UI控件越小,符合用户近大远小的感官感受,其中缩放比例的取值范围为S>0,并且当Z=0时缩放比例s为1,此规律符合指数函数的定义。
S3、UI控件显示装置设定图像层在第二方向和第三方向上的平移参数,并设定投影层在第二方向和第三方向上的平移参数。
具体的,第二方向为X轴,第三方向为Y轴,其中,第二方向与第三方向交叉所在的平面与智能电视的屏幕平行。
S4、UI控件显示装置根据缩放比例、图像层的平移参数以及投影层的平移参数在智能电视的屏幕上显示UI控件。
示例性的,设UI控件的Z轴平移参数为600,调整因子n为3000,通过公式得到的UI控件的缩放比例约为1.15,即UI控件需要放大1.15倍。智能电视的UI控件显示装置根据该缩放比例在X轴与Y轴方向上对图像层以及投影层放大1.15倍。
进一步的,由于只通过UI控件的缩放是无法模拟出Z轴变化的2.5D效果的,即感官上的3D效果,因此智能电视的UI控件显示装置需要设定UI控件图像层及投影层的相对平移参数,即设定UI控件的图像层的X轴平移参数、Y轴平移参数,以及投影层的X轴平移参数以及Y轴平移参数,智能电视的UI控件显示装置根据设定的图像层的X轴平移参数以及Y轴平移参数对图像层进行平移;智能电视的UI控件显示装置根据设定的投影层的X轴平移参数以及Y轴平移参数对投影层进行平移。
需要说明的是,由于对于上述图像层或投影层的X轴平移参数以及Y轴平移参数的设定因UI控件的3D呈现效果需求不同,因此图像层或投影层的X轴平移参数以及Y轴平移参数智能电视的UI控件显示装置可根据实际情况进行设定。
具体的,若图像层在第二方向上的平移方向与投影层在第二方向上的平移方向相同,则UI控件显示装置设定图像层的第二方向上的平移参数大于投影层的第二方向上的平移参数。
若图像层在第三方向上的平移方向与投影层在第三方向上的平移方向相同,则UI控件显示装置设定图像层的第三方向上的平移参数大于投影层的第三方向上的平移参数。
而对于在图像层在X轴方向上的平移方向与投影层在X轴方向上的平移方向相反下,UI控件显示装置对设定图像层的X轴平移参数与投影层的X轴平移参数之间的大小关系不做限定。
同理,对于在图像层在Y轴方向上的平移方向与投影层在Y轴方向上的平移方向相反下,UI控件显示装置对设定图像层的Y轴平移参数与投影层的Y轴平移参数之间的大小关系同样不做限定。
UI控件显示装置根据设定的图像层的X轴平移参数以及Y轴平移参数对图像层进行平移;UI控件显示装置根据设定的投影层的X轴平移参数以及Y轴平移参数对投影层进行平移。
示例性的,当图像层在第二方向上的平移方向与投影层在第二方向上的平移方向相同时,UI控件显示装置设定图像层的第二方向上的平移参数大于投影层的第二方向上的平移参数,即UI控件显示装置可以设定图像层的X轴平移参数iconTransX=15,投影层的X轴平移参数iconShadowTransX=5,当图像层在第三方向上的平移方向与投影层在第三方向上的平移方向相同时,UI控件显示装置设定图像层的第三方向上的平移参数大于投影层的第三方向上的平移参数,即UI控件显示装置可以设定图像层的Y轴平移参数iconTransY=10,投影层的Y轴平移参数iconShadowTransY=5。当图像层在Y轴方向上的平移方向与投影层在Y轴方向上的平移方向相反下,UI控件显示装置对设定图像层的Y轴平移参数与投影层的Y轴平移参数之间的大小关系不做限定,即UI控件显示装置可以设定图像层的Y轴平移参数iconTransY=-4,投影层的Y轴平移参数iconShadowTransY=2。
并根据该参数对UI控件的图像层和投影层进行平移以实现UI控件的3D效果。
可选的,参照图3所示,UI控件显示装置根据缩放比例、图像层的平移参数以及投影层的平移参数在智能电视的屏幕上显示UI控件之前,还包括:
S31、UI控件显示装置设置投影层的透明度和\或旋转参数。
具体的,旋转参数用于指示UI控件绕第二方向或第三方向旋转的角度。
S41、UI控件显示装置根据缩放比例、图像层的平移参数、投影层的平移参数、投影层的透明度和\或旋转参数在智能电视的屏幕上显示UI控件。
需要说明的是,智能电视的UI控件显示装置根据缩放比例、图像层的平移参数以及投影层的平移参数在屏幕上显示UI控件即可达到UI控件的3D效果,而增加了投影层的透明度和\或旋转参数可以呈现更佳的3D效果。
UI控件显示装置根据缩放比例、图像层的平移参数以及投影层的平移参数在智能电视的屏幕上显示UI控件具体包括:
在智能电视的屏幕上显示UI控件,并同步执行缩放比例、图像层的平移参数以及投影层的平移参数对应的操作。
具体的,利用Android属性动画ValueAnimator来完成UI控件的缩放平移从而实现3D效果。将UI控件的动画时长作为ValueAnimator的结束值传入,增加AnimatorUpdateListener监听动画执行过程,计算每一时间点对应的缩放比例以及平移参数,同步执行UI控件的图像层、投影层相应的缩放与平移操作。
进一步的,UI控件显示装置根据缩放比例以及平移参数对UI控件的投影层的透明度进行调整,用以实现投影层的明暗变化从而呈现更佳的3D效果。
示例性的,Android应用对UI控件做特殊效果处理的场景主要包括获得焦点、失去焦点、焦点停留、点击事件。本发明实施例提供的智能电视的UI控件显示方法用以实现UI控件的Z轴变化的3D效果在以上场景均适用,下面以UI控件获取焦点为例进行说明。
示例性的,智能电视的UI控件显示装置将智能电视的UI控件分为图像层与投影层,设UI控件在Z轴方向上的平移参数为600,则根据公式计算UI控件的缩放比例scaleRation=1.15,此时设定图像层的X轴平移参数iconTransX=15,图像层的Y轴平移参数为iconTransY=-4,投影层的X轴平移参数iconShadowTransX=5,投影层的Y轴平移参数为iconShadowTransY=2。设定UI控件动画时长duration=1000,通过ValueAnimator的监听AnimatorUpdateListener来监听每一时间点的各个参数并执行相应操作,实现流畅的2.5D动画效果。其中,在某一时间点time(time<duration)的缩放比例为scaleRation*time/duration,平移参数同理。智能电视的UI控件显示装置执行的操作如下:
Icon.setScaleX(scaleRation*time/duration);//图像层在X轴方向进行缩放操作。
Icon.setScaleY(scaleRation*time/duration);//图像层在Y轴方向进行缩放操作。
IconShadow.setScaleX(scaleRation*time/duration);//投影层在X轴方向进行缩放操作。
IconShadow.setScaleY(scaleRation*time/duration);//投影层在Y轴方向进行缩放操作。
Icon.setTranslationX(iconTransX*time/duration);//图像层在X轴方向进行平移操作。
Icon.setTranslationY(iconTransY*time/duration);//图像层在Y轴方向进行平移操作。
IconShadow.setTranslationX(iconShadowTransX*time/duration);//投影层在X轴方向进行平移操作。
IconShadow.setTranslationY(iconShadowTransY*time/duration);//投影层在Y轴方向进行平移操作。
在time到动画时长时,UI控件的图像层及投影层的缩放比例及平移参数均达到设定的值,动画结束。
参照图4所示为UI控件获得焦点时本发明实施例提供的智能电视的UI控件显示方法的3D效果展示图,其中,A301为动画未执行前,A302与A303为动画执行中某一时间点的效果,A304为动画结束时的效果。由动画执行的过程可见Z轴变化的3D效果的逐步呈现。
本发明实施例提供的UI控件的显示方法,通过UI控件显示装置生成待显示的UI控件,UI控件包括图像层与投影层;根据UI控件在第一方向的平移参数设置UI控件的缩放比例,设定图像层在第二方向和第三方向上的平移参数,并设定投影层在第二方向和第三方向上的平移参数,根据缩放比例、图像层的平移参数以及投影层的平移参数在屏幕上显示UI控件,解决了如何利用2D技术实现智能电视的UI控件的3D效果的问题。
本发明又一实施例提供一种UI控件显示装置,应用于智能电视中,参照图5所示,该装置50包括:
创建模块501,用于生成待显示的UI控件,UI控件包括图像层与投影层。
具体的,创建模块将一个UI控件分为两层,上层为图像层,下层为投影层,将两层叠加起来可以合成为一个UI控件。
处理模块502,用于根据UI控件在第一方向的平移参数设置UI控件的缩放比例,其中第一方向垂直于所述智能电视的屏幕。
具体的,第一方向为Z轴,UI控件的Z轴变化给用户的感官感受是远近大小的变化,近大远小,因此通过UI控件的缩放来模拟Z轴变化的效果,以在智能电视的屏幕内Z轴的零坐标点为基准,Z轴的正方向为垂直智能电视的屏幕向外,当Z轴方向上的平移参数越大,表明此时UI控件离屏幕越近,由于用户的感官感受是近大远小,此时UI控件放大。
进一步的,处理模块具体用于:
具体的,由于Z轴变化给用户的直观感受是近大远小,因此公式中当UI控件在Z轴方向上的平移参数m大于0且增大时,UI控件的缩放比例s增大,即此时UI控件离屏幕越近,即在主观视角上离人眼越近,UI控件越大,当UI控件在Z轴方向上的平移参数m小于0且减小时,UI控件的缩放比例s减小,即此时UI控件离屏幕越远,即在主观视角上离人眼越远,UI控件越小,符合用户近大远小的感官感受,其中缩放比例的取值范围为S>0,并且当Z=0时缩放比例s为1,此规律符合指数函数的定义。
处理模块502还用于设定图像层在第二方向和第三方向上的平移参数,并设定投影层在第二方向和第三方向上的平移参数;其中,第二方向与第三方向交叉所在的平面与智能电视的屏幕平行。具体的,第二方向为X轴,第三方向为Y轴。
控制模块503,用于根据缩放比例、图像层的平移参数以及投影层的平移参数在智能电视的屏幕上显示UI控件。
示例性的,设UI控件的Z轴平移参数为600,调整因子n为3000,处理模块通过公式得到的UI控件的缩放比例约为1.15,即UI控件需要放大1.15倍。控制模块根据该缩放比例在X轴与Y轴方向上对图像层以及投影层放大1.15倍。
进一步的,由于只通过UI控件的缩放是无法模拟出Z轴变化的2.5D效果的,即感官上的3D效果,因此处理模块需要设定UI控件图像层及投影层的相对平移参数,即设定UI控件的图像层的X轴平移参数、Y轴平移参数,以及投影层的X轴平移参数以及Y轴平移参数,控制模块根据设定的图像层的X轴平移参数以及Y轴平移参数对图像层进行平移;控制模块根据设定的投影层的X轴平移参数以及Y轴平移参数对投影层进行平移。
需要说明的是,由于对于上述图像层或投影层的X轴平移参数以及Y轴平移参数的设定因UI控件的3D呈现效果需求不同,因此图像层或投影层的X轴平移参数以及Y轴平移参数处理模块可根据实际情况进行设定。
具体的,若图像层在第二方向上的平移方向与投影层在第二方向上的平移方向相同,则UI控件显示装置设定图像层的第二方向上的平移参数大于投影层的第二方向上的平移参数。
若图像层在第三方向上的平移方向与投影层在第三方向上的平移方向相同,则UI控件显示装置设定图像层的第三方向上的平移参数大于投影层的第三方向上的平移参数。
而对于在图像层在X轴方向上的平移方向与投影层在X轴方向上的平移方向相反下,处理模块对设定图像层的X轴平移参数与投影层的X轴平移参数之间的大小关系不做限定。
同理,对于在图像层在Y轴方向上的平移方向与投影层在Y轴方向上的平移方向相反下,处理模块对设定图像层的Y轴平移参数与投影层的Y轴平移参数之间的大小关系同样不做限定。
示例性的,当图像层在第二方向上的平移方向与投影层在第二方向上的平移方向相同时,处理模块设定图像层的第二方向上的平移参数大于投影层的第二方向上的平移参数,即处理模块可以设定图像层的X轴平移参数iconTransX=15,投影层的X轴平移参数iconShadowTransX=5,当图像层在第三方向上的平移方向与投影层在第三方向上的平移方向相同时,处理模块设定图像层的第三方向上的平移参数大于投影层的第三方向上的平移参数,即处理模块可以设定图像层的Y轴平移参数iconTransY=10,投影层的Y轴平移参数iconShadowTransY=5。当图像层在Y轴方向上的平移方向与投影层在Y轴方向上的平移方向相反下,处理模块对设定图像层的Y轴平移参数与投影层的Y轴平移参数之间的大小关系不做限定,即处理模块可以设定图像层的Y轴平移参数iconTransY=-4,投影层的Y轴平移参数iconShadowTransY=2。
可选的,处理模块还用于设置投影层的透明度和\或旋转参数;旋转参数用于指示UI控件绕第二方向或第三方向旋转的角度。
控制模块用于设置投影层的透明度以实现投影层的明暗变化从而呈现更佳的3D效果。
控制模块具体用于在屏幕上显示UI控件,并同步执行缩放比例、图像层的平移参数以及投影层的平移参数对应的操作。
具体的,利用Android属性动画ValueAnimator来完成UI控件的缩放平移从而实现3D效果。将UI控件的动画时长作为ValueAnimator的结束值传入,增加AnimatorUpdateListener监听动画执行过程,计算每一时间点对应的缩放比例以及平移参数,同步执行UI控件的图像层、投影层相应的缩放与平移操作。
通过创建模块生成待显示的UI控件,UI控件包括图像层与投影层;处理模块根据UI控件在第一方向的平移参数设置UI控件的缩放比例,设定图像层在第二方向和第三方向上的平移参数,并设定投影层在第二方向和第三方向上的平移参数,控制模块根据缩放比例、图像层的平移参数以及投影层的平移参数在智能电视的屏幕上显示UI控件,解决了如何利用2D技术实现智能电视的UI控件的3D效果的问题。
以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到的变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以权利要求的保护范围为准。
Claims (10)
1.一种UI控件的显示方法,应用于智能电视中,其特征在于,包括:
UI控件显示装置生成待显示的UI控件,所述UI控件包括图像层与投影层;
所述UI控件显示装置根据所述UI控件在第一方向的平移参数设置所述UI控件的缩放比例,其中所述第一方向垂直于所述智能电视的屏幕;
所述UI控件显示装置设定所述图像层在第二方向和第三方向上的平移参数,并设定所述投影层在所述第二方向和所述第三方向上的平移参数;其中,所述第二方向与所述第三方向交叉所在的平面与所述智能电视的屏幕平行;
所述UI控件显示装置根据所述缩放比例、所述图像层的平移参数以及所述投影层的平移参数在所述智能电视的屏幕上显示所述UI控件。
2.根据权利要求1所述的方法,其特征在于,
所述UI控件显示装置根据所述UI控件在第一方向的平移参数设置所述UI控件的缩放比例包括:
根据公式计算所述UI控件的缩放比例,其中m为所述UI控件在所述第一方向的平移参数,n为调整因子,n>0。
3.根据权利要求1所述的方法,其特征在于,
若所述图像层在第二方向上的平移方向与所述投影层在第二方向上的平移方向相同,则所述UI控件显示装置设定所述图像层的第二方向上的平移参数大于所述投影层的第二方向上的平移参数;
若所述图像层在第三方向上的平移方向与所述投影层在第三方向上的平移方向相同,则所述UI控件显示装置设定所述图像层的第三方向上的平移参数大于所述投影层的第三方向上的平移参数。
4.根据权利要求1所述的方法,其特征在于,所述UI控件显示装置根据所述缩放比例、所述图像层的平移参数以及所述投影层的平移参数在所述屏幕上显示所述UI控件之前,还包括:
所述UI控件显示装置设置所述投影层的透明度和\或旋转参数;所述旋转参数用于指示所述UI控件绕所述第二方向或所述第三方向旋转的角度。
5.根据权利要求1所述的方法,其特征在于,所述UI控件显示装置根据所述缩放比例、所述图像层的平移参数以及所述投影层的平移参数在所述屏幕上显示所述UI控件,具体包括:
在所述智能电视的屏幕上显示所述UI控件,并同步执行所述缩放比例、所述图像层的平移参数以及所述投影层的平移参数对应的操作。
6.一种UI控件显示装置,应用于智能电视中,其特征在于,包括:
创建模块,用于生成待显示的UI控件,所述UI控件包括图像层与投影层;
处理模块,用于根据所述UI控件在第一方向的平移参数设置所述UI控件的缩放比例,其中所述第一方向垂直于所述智能电视的屏幕;
所述处理模块还用于设定所述图像层在第二方向和第三方向上的平移参数,并设定所述投影层在所述第二方向和所述第三方向上的平移参数;其中,所述第二方向与所述第三方向交叉所在的平面与所述智能电视的屏幕平行;
控制模块,用于根据所述缩放比例、图像层的平移参数以及投影层的平移参数在所述智能电视的屏幕上显示所述UI控件。
8.根据权利要求6所述的装置,其特征在于,
若所述图像层在第二方向上的平移方向与所述投影层在第二方向上的平移方向相同,则所述UI控件显示装置设定所述图像层的第二方向上的平移参数大于所述投影层的第二方向上的平移参数;
若所述图像层在第三方向上的平移方向与所述投影层在第三方向上的平移方向相同,则所述UI控件显示装置设定所述图像层的第三方向上的平移参数大于所述投影层的第三方向上的平移参数。
9.根据权利要求6所述的装置,其特征在于,
所述处理模块还用于设置所述投影层的透明度和\或旋转参数;所述旋转参数用于指示所述UI控件绕所述第二方向或所述第三方向旋转的角度。
10.根据权利要求6所述的装置,其特征在于,
所述控制模块具体用于在所述智能电视的屏幕上显示所述UI控件,并同步执行所述缩放比例、所述图像层的平移参数以及所述投影层的平移参数对应的操作。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710602474.7A CN107426601B (zh) | 2017-07-21 | 2017-07-21 | 一种智能电视中ui控件的显示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710602474.7A CN107426601B (zh) | 2017-07-21 | 2017-07-21 | 一种智能电视中ui控件的显示方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN107426601A CN107426601A (zh) | 2017-12-01 |
CN107426601B true CN107426601B (zh) | 2020-02-07 |
Family
ID=60430901
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710602474.7A Active CN107426601B (zh) | 2017-07-21 | 2017-07-21 | 一种智能电视中ui控件的显示方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107426601B (zh) |
Families Citing this family (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108093283A (zh) * | 2017-12-29 | 2018-05-29 | 王小艳 | 一种机顶盒3d翻滚图形界面的实现方法 |
CN112150834B (zh) * | 2019-06-28 | 2022-05-17 | 浙江宇视科技有限公司 | 信息发布方法、装置、设备及存储介质 |
CN115484487B (zh) * | 2022-08-23 | 2023-12-05 | 北京奇艺世纪科技有限公司 | 一种视频播放方法、装置、电子设备及存储介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102799435A (zh) * | 2012-07-16 | 2012-11-28 | Tcl集团股份有限公司 | 一种3d控件交互方法及*** |
CN103970518A (zh) * | 2013-01-31 | 2014-08-06 | 腾讯科技(深圳)有限公司 | 一种逻辑窗口的3d渲染方法和装置 |
CN104254878A (zh) * | 2012-09-26 | 2014-12-31 | Sk普兰尼特有限公司 | 用于生成3d对象的设备和方法 |
CN105263014A (zh) * | 2015-10-12 | 2016-01-20 | 四川长虹电器股份有限公司 | 一种裸眼3d ui控件的实现方法 |
CN106873851A (zh) * | 2017-01-13 | 2017-06-20 | 北京奇虎科技有限公司 | 在交互界面中创建3D视效的Widget的方法、装置及终端 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR20130033125A (ko) * | 2011-09-26 | 2013-04-03 | 삼성전자주식회사 | 컨텐츠변환장치 및 컨텐츠변환방법 |
-
2017
- 2017-07-21 CN CN201710602474.7A patent/CN107426601B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102799435A (zh) * | 2012-07-16 | 2012-11-28 | Tcl集团股份有限公司 | 一种3d控件交互方法及*** |
CN104254878A (zh) * | 2012-09-26 | 2014-12-31 | Sk普兰尼特有限公司 | 用于生成3d对象的设备和方法 |
CN103970518A (zh) * | 2013-01-31 | 2014-08-06 | 腾讯科技(深圳)有限公司 | 一种逻辑窗口的3d渲染方法和装置 |
CN105263014A (zh) * | 2015-10-12 | 2016-01-20 | 四川长虹电器股份有限公司 | 一种裸眼3d ui控件的实现方法 |
CN106873851A (zh) * | 2017-01-13 | 2017-06-20 | 北京奇虎科技有限公司 | 在交互界面中创建3D视效的Widget的方法、装置及终端 |
Also Published As
Publication number | Publication date |
---|---|
CN107426601A (zh) | 2017-12-01 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8605136B2 (en) | 2D to 3D user interface content data conversion | |
US11477430B2 (en) | Methods for controlling scene, camera and viewing parameters for altering perception of 3D imagery | |
US20060152579A1 (en) | Stereoscopic imaging system | |
CN107426601B (zh) | 一种智能电视中ui控件的显示方法及装置 | |
US9791922B2 (en) | User interface control device, user interface control method, computer program and integrated circuit | |
KR101690034B1 (ko) | 3차원 그래픽 기반 단말기에서 객체 렌더링 장치 및 방법 | |
CN111161392B (zh) | 一种视频的生成方法、装置及计算机*** | |
WO2018086295A1 (zh) | 一种应用界面显示方法及装置 | |
CN106681512A (zh) | 一种虚拟现实设备及对应显示方法 | |
CN107302694B (zh) | 通过虚拟现实设备呈现场景的方法、设备及虚拟现实设备 | |
CN106383655A (zh) | 在全景播放过程中控制视角转换的交互控制方法及装置 | |
US20130293547A1 (en) | Graphics rendering technique for autostereoscopic three dimensional display | |
CN107767462B (zh) | 一种非穿戴增强现实全息展示方法及展示*** | |
CN110619683B (zh) | 三维模型调整方法、装置、终端设备及存储介质 | |
EP3676794A1 (en) | Zooming an omnidirectional image or video | |
CN103177467A (zh) | 一种利用Direct3D技术创作裸眼3D字幕的方法 | |
CN106331690A (zh) | 一种3d弹幕的实现方法以及实现装置 | |
CN108076208A (zh) | 一种显示处理方法及装置、终端 | |
Cha et al. | Touchable 3D video system | |
CN108093245B (zh) | 一种多屏融合方法、***、装置和计算机可读存储介质 | |
CN105975259A (zh) | 一种3d空间用户界面的实现方法及其装置 | |
US9547933B2 (en) | Display apparatus and display method thereof | |
EP3330839A1 (en) | Method and device for adapting an immersive content to the field of view of a user | |
Sawahata et al. | Intended 3D Content Expressions on Light-field Displays using Adaptive Depth Compression | |
CN105975263A (zh) | 一种在3d空间中的控件实现方法及其装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant | ||
CP01 | Change in the name or title of a patent holder | ||
CP01 | Change in the name or title of a patent holder |
Address after: 266555 Qingdao economic and Technological Development Zone, Shandong, Hong Kong Road, No. 218 Patentee after: Hisense Visual Technology Co., Ltd. Address before: 266555 Qingdao economic and Technological Development Zone, Shandong, Hong Kong Road, No. 218 Patentee before: QINGDAO HISENSE ELECTRONICS Co.,Ltd. |