CN105744337A - 显示设备和显示方法 - Google Patents
显示设备和显示方法 Download PDFInfo
- Publication number
- CN105744337A CN105744337A CN201510983086.9A CN201510983086A CN105744337A CN 105744337 A CN105744337 A CN 105744337A CN 201510983086 A CN201510983086 A CN 201510983086A CN 105744337 A CN105744337 A CN 105744337A
- Authority
- CN
- China
- Prior art keywords
- cursor
- scroll zones
- rolling
- display
- edge
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 37
- 230000000007 visual effect Effects 0.000 claims abstract description 65
- 230000004044 response Effects 0.000 claims abstract description 42
- 238000005096 rolling process Methods 0.000 claims description 362
- 230000033001 locomotion Effects 0.000 claims description 29
- 238000012856 packing Methods 0.000 claims description 25
- 235000013399 edible fruits Nutrition 0.000 claims 1
- 230000001276 controlling effect Effects 0.000 description 119
- 230000006870 function Effects 0.000 description 31
- 230000008569 process Effects 0.000 description 22
- 230000008859 change Effects 0.000 description 20
- 238000010586 diagram Methods 0.000 description 16
- 230000003287 optical effect Effects 0.000 description 12
- 238000004891 communication Methods 0.000 description 8
- 238000000205 computational method Methods 0.000 description 5
- 238000012545 processing Methods 0.000 description 5
- 238000009877 rendering Methods 0.000 description 5
- 239000004318 erythorbic acid Substances 0.000 description 3
- 230000011664 signaling Effects 0.000 description 3
- 230000001133 acceleration Effects 0.000 description 2
- 230000009471 action Effects 0.000 description 2
- 230000003321 amplification Effects 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 2
- 238000004364 calculation method Methods 0.000 description 2
- 238000006243 chemical reaction Methods 0.000 description 2
- 238000004590 computer program Methods 0.000 description 2
- 238000010276 construction Methods 0.000 description 2
- 230000003247 decreasing effect Effects 0.000 description 2
- 230000003292 diminished effect Effects 0.000 description 2
- 210000003746 feather Anatomy 0.000 description 2
- 238000001914 filtration Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000003199 nucleic acid amplification method Methods 0.000 description 2
- 238000003825 pressing Methods 0.000 description 2
- 230000000712 assembly Effects 0.000 description 1
- 238000000429 assembly Methods 0.000 description 1
- 238000005452 bending Methods 0.000 description 1
- 230000015556 catabolic process Effects 0.000 description 1
- 230000001143 conditioned effect Effects 0.000 description 1
- 238000012937 correction Methods 0.000 description 1
- 238000006731 degradation reaction Methods 0.000 description 1
- 229910003460 diamond Inorganic materials 0.000 description 1
- 239000010432 diamond Substances 0.000 description 1
- 238000006073 displacement reaction Methods 0.000 description 1
- 230000009977 dual effect Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000007613 environmental effect Effects 0.000 description 1
- 238000000605 extraction Methods 0.000 description 1
- 238000009434 installation Methods 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 210000003141 lower extremity Anatomy 0.000 description 1
- 239000000463 material Substances 0.000 description 1
- 238000005259 measurement Methods 0.000 description 1
- 238000002156 mixing Methods 0.000 description 1
- 230000006855 networking Effects 0.000 description 1
- 230000002085 persistent effect Effects 0.000 description 1
- 230000000704 physical effect Effects 0.000 description 1
- 230000001105 regulatory effect Effects 0.000 description 1
- 230000008054 signal transmission Effects 0.000 description 1
- 238000004088 simulation Methods 0.000 description 1
- 230000002269 spontaneous effect Effects 0.000 description 1
- 230000002123 temporal effect Effects 0.000 description 1
- 239000002699 waste material Substances 0.000 description 1
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
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
-
- G—PHYSICS
- G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
- G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
- G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
- G09G5/08—Cursor circuits
-
- 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/41—Structure of client; Structure of client peripherals
- H04N21/422—Input-only peripherals, i.e. input devices connected to specially adapted client devices, e.g. global positioning system [GPS]
- H04N21/42204—User interfaces specially adapted for controlling a client device through a remote control device; Remote control devices therefor
-
- 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/41—Structure of client; Structure of client peripherals
- H04N21/422—Input-only peripherals, i.e. input devices connected to specially adapted client devices, e.g. global positioning system [GPS]
- H04N21/42204—User interfaces specially adapted for controlling a client device through a remote control device; Remote control devices therefor
- H04N21/42206—User interfaces specially adapted for controlling a client device through a remote control device; Remote control devices therefor characterized by hardware details
- H04N21/42208—Display device provided on the remote control
-
- 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/41—Structure of client; Structure of client peripherals
- H04N21/422—Input-only peripherals, i.e. input devices connected to specially adapted client devices, e.g. global positioning system [GPS]
- H04N21/42204—User interfaces specially adapted for controlling a client device through a remote control device; Remote control devices therefor
- H04N21/42206—User interfaces specially adapted for controlling a client device through a remote control device; Remote control devices therefor characterized by hardware details
- H04N21/42212—Specific keyboard arrangements
- H04N21/42218—Specific keyboard arrangements for mapping a matrix of displayed objects on the screen to the numerical key-matrix of the remote control
-
- 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/41—Structure of client; Structure of client peripherals
- H04N21/422—Input-only peripherals, i.e. input devices connected to specially adapted client devices, e.g. global positioning system [GPS]
- H04N21/42204—User interfaces specially adapted for controlling a client device through a remote control device; Remote control devices therefor
- H04N21/42206—User interfaces specially adapted for controlling a client device through a remote control device; Remote control devices therefor characterized by hardware details
- H04N21/42222—Additional components integrated in the remote control device, e.g. timer, speaker, sensors for detecting position, direction or movement of the remote control, microphone or battery charging device
-
- 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/41—Structure of client; Structure of client peripherals
- H04N21/422—Input-only peripherals, i.e. input devices connected to specially adapted client devices, e.g. global positioning system [GPS]
- H04N21/4227—Providing Remote input by a user located remotely from the client device, e.g. at work
-
- 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
-
- 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/472—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content
- H04N21/47205—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content for manipulating displayed content, e.g. interacting with MPEG-4 objects, editing locally
-
- 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/482—End-user interface for program selection
-
- 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/4854—End-user interface for client configuration for modifying image parameters, e.g. image brightness, contrast
Landscapes
- Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computer Hardware Design (AREA)
- Databases & Information Systems (AREA)
- Controls And Circuits For Display Device (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
提供一种显示设备和一种显示方法。该显示设备包括:显示器,被配置为基于控制装置的输入来显示光标;控制器,被配置为响应于检测到光标的位置在滚动区域的边缘处离开滚动区域,控制显示器基于控制装置的滚动距离将视觉效果添加到在滚动区域的边缘处的光标或者滚动区域。
Description
本申请要求于2014年12月24日提交到韩国知识产权局的第10-2014-0188636号韩国专利申请的优先权,所述韩国申请的公开内容整体以引用方式并入本文。
技术领域
与示例性实施例一致的设备和方法涉及在监视器或显示器上滚动文本、图像或视频。
背景技术
显示设备具有显示可由用户观看的图像的功能。用户可经由显示设备观看广播。显示设备在包括于其中的显示器上显示用户从广播台所发送的广播信号中选择的广播。目前,世界上的大多数国家已从模拟广播切换为数字广播。
在数字广播中,传送数字图像信号和数字音频信号。当与模拟广播相比时,数字广播对外部噪声有抵抗力,因此数据损失很少,并且有利于纠错,并且提供高分辨率和高清晰屏幕图像。另外,与模拟广播相比,数字广播可提供双向服务。
近来已提供了提供各种类型的内容以及数字广播功能的智能电视(TV)。智能TV致力于无需用户的操纵(即,代替用户手动操作智能TV以进行选择)而分析并响应用户需求。
另外,实现滚动的智能TV近来已变得可用,以通过增强与用户的交互来向用户提供更多信息。
发明内容
一个或更多个示例性实施例包括一种允许用户直观且自然地体验滚动的显示设备以及该显示设备所提供的显示方法。
根据示例性实施例的一方面,提供一种显示设备,该显示设备包括:显示器,被配置为基于控制装置的输入来显示光标;控制器,被配置为响应于检测到光标的位置在滚动区域的边缘处离开滚动区域,控制显示器基于控制装置的滚动距离将视觉效果添加到在滚动区域的边缘处的光标或者滚动区域。
控制器还可被配置为基于控制装置所指示的实际位置与在滚动区域的边缘上的光标的位置之间的距离差来确定滚动距离。
控制器还可被配置为响应于光标离开滚动区域,通过使光标的形状变形来将视觉效果添加到光标。
光标可具有圆形形状,并且控制器可被配置为控制显示器基于滚动距离使光标的形状变形成椭圆形状。
控制器还可被配置为响应于控制装置的滚动方向对应于水平方向,通过使光标变形成垂直较长的椭圆形状来输出光标。控制器还可被配置为响应于控制装置的滚动方向对应于垂直方向,通过使光标变形成水平较长的椭圆形状来输出光标。
控制器还可被配置为基于滚动距离确定滚动速度。
控制器还可被配置为响应于滚动距离超过滚动范围的阈值,控制显示器将光标恢复到光标的原始形式或者将滚动区域恢复到滚动区域的原始形式,而不添加视觉效果。
控制器还可被配置为通过使滚动区域的边缘变形来将视觉效果添加到滚动区域,其中,所述视觉效果表示将滚动区域的边缘朝着控制装置的位置牵拉的运动。
控制器还可被配置为控制显示器将光标显示在从滚动区域中的点朝着控制装置的位置向量上所限定的位置处。
控制器还被配置为控制显示器显示几何图形,其中,所述几何图形包括与从滚动区域中的点朝着控制装置的位置的向量上所限定的位置对应的顶点以及与滚动区域的边缘对应的边。
根据另一示例性实施例的一方面,提供了一种显示设备的显示方法,所述显示方法包括:基于控制装置的输入在显示设备的屏幕上显示光标;响应于检测到光标的位置在滚动区域的边缘处离开滚动区域,通过基于控制装置的滚动距离将视觉效果添加到在滚动区域的边缘处的光标或者屏幕的滚动区域,来输出光标或滚动区域。
所述显示方法还可包括:基于控制装置的位置与在滚动区域的边缘上的光标的位置之间的距离差来确定滚动距离。
所述显示方法还可包括:响应于光标离开滚动区域,通过使光标的形状变形来将视觉效果添加到光标。
光标可具有圆形形状,并且所述显示方法还可包括:通过基于滚动距离使光标的形状变形成椭圆形状来输出光标。
所述显示方法还可包括响应于控制装置的滚动方向对应于水平方向,通过使光标变形成垂直较长的椭圆形状来输出光标,并响应于控制装置的滚动方向对应于垂直方向,通过使光标变形成水平较长的椭圆形状来输出光标。
所述显示方法还可包括基于滚动距离确定滚动速度。
所述显示方法还可包括响应于滚动距离超过滚动范围的阈值,将光标恢复到光标的原始形式或者将滚动区域恢复到滚动区域的原始形式,而不将视觉效果图添加到光标或滚动区域。
所述显示方法还可包括通过使滚动区域的边缘变形来将视觉效果添加到滚动区域,其中,所述视觉效果表示将滚动区域的边缘朝着控制装置的指点位置牵拉的运动。
所述显示方法还可包括将光标显示在从滚动区域中的点朝着控制装置的位置的向量上所限定的位置处。
所述显示方法还可包括显示几何图形,其中,所述几何图形包括与从滚动区域中的点朝着控制装置的位置的向量上所限定的位置对应的顶点以及与滚动区域的边缘对应的边。
根据另一示例性实施例的一方面,提供一种显示设备的显示方法,该方法包括:启用边缘滚动模式,其中,在所述边缘滚动模式下,响应于光标位于屏幕的边缘处或者屏幕的滚动区域的边缘处,显示设备的屏幕整体或部分地滚动;确定光标的输入位置;确定从拖动输入的输入位置到最终位置的拖动输入的距离;确定滚动区域的边缘与拖动输入的最终位置之间的距离;基于最终位置与滚动区域的边缘之间的距离对光标应用视觉效果。
光标的输入位置对应于显示设备的屏幕上的触摸位置。
边缘滚动模式可通过默认而被自动启用,或者响应于光标的输入位置位于屏幕的滚动区域内而被启用。
视觉效果可对应于与滚动区域的边缘与拖动输入的最终位置之间的距离成比例地改变光标的形状。
视觉效果可对应于使得光标能够按照与滚动区域的边缘与拖动输入的最终位置之间的距离成比例的频率闪烁。
所述方法还可包括:在以全屏模式再现视频的同时,禁用边缘滚动模式。
附图说明
通过下面结合附图进行的示例性实施例的描述,这些和/或其它方面将变得显而易见并且更易于理解,其中:
图1A是示出根据示例性实施例的光标位于显示屏幕的中心的显示设备与控制装置之间的操作的示意图;
图1B是示出根据示例性实施例的光标位于布置在显示屏幕的一部分中的滚动区域中的显示设备与控制装置之间的操作的示意图;
图1C是示出根据示例性实施例的光标已接触布置在显示屏幕的一部分中的滚动区域的边缘的显示设备与控制装置之间的操作的示意图;
图1D是示出根据示例性实施例的控制装置的指示位置偏离布置在显示屏幕的一部分中的滚动区域的滚动范围的阈值的显示设备与控制装置之间的操作的示意图;
图1E是示出根据另一示例性实施例的光标已接触布置在显示屏幕的一部分中的滚动区域的边缘的显示设备与控制装置之间的操作的示意图;
图1F是示出根据另一示例性实施例的光标位于布置在显示屏幕的一部分中的滚动区域的边缘的显示设备与控制装置之间的操作的示意图;
图2是根据示例性实施例的显示设备的框图;
图3是根据示例性实施例的图2的显示设备的详细结构的框图;
图4A至图4D示出根据示例性实施例的控制装置的结构;
图5是根据示例性实施例的显示设备中所执行的显示方法的流程图;
图6A和图6B示出说明根据示例性实施例的当执行水平边缘滚动时光标形状的变形的参考图;
图7A和图7B示出说明根据示例性实施例的当执行垂直边缘滚动时光标形状的变形的参考图;
图8是说明根据示例性实施例的当在水平方向和垂直方向上执行边缘滚动时光标形状的变形的参考图;
图9A至图9C示出说明根据示例性实施例的基于滚动距离的滚动速度的参考图;
图10A和图10B示出说明根据示例性实施例的圆形光标的变形值的参考图;
图11A和图11B示出说明根据示例性实施例的具有圆角的正方形光标的变形值的参考图;
图12A和图12B示出说明根据示例性实施例的正方形光标的变形值的参考图;
图13A和图13B是说明根据示例性实施例的当滚动距离偏离滚动范围的阈值时,将通过添加视觉效果而输出的光标恢复其原始形式,从而显示光标的操作的参考图;
图14是根据示例性实施例的通过基于控制装置的滚动距离将视觉效果添加到滚动区域来输出滚动区域的方法的流程图;
图15A至图15C示出说明根据示例性实施例的通过基于控制装置的滚动距离将视觉效果添加到滚动区域来输出滚动区域的操作的参考图;
图16A至图16G是说明根据示例性实施例的通过基于控制装置的滚动距离将视觉效果添加到滚动区域来输出滚动区域的详细操作的参考图;
图17是根据示例性实施例的显示设备中所执行的显示方法的流程图;
图18A和图18B示出说明根据示例性实施例的通过基于滚动距离使滚动项目的形状变形来输出滚动项目的参考图;
图19A和图19B示出说明当滚动项目水平布置时滚动项目的变形的参考图;
图20A和图20B示出说明当滚动项目垂直布置时滚动项目的变形的参考图;
图21是说明根据示例性实施例的能够增加到滚动项目的变形的项目属性的参考图;
图22A至图22G是说明根据示例性实施例的通过基于滚动距离使滚动项目的形状变形来输出滚动项目的方法的参考图;
图22H示出插值曲线Interp(t);
图23示出根据示例性实施例的用于设定滚动项目的变形程度的用户界面;
图24A和图24B示出说明根据示例性实施例的滚动方向的参考图;
图25A和图25B示出说明根据示例性实施例的垂直滚动的参考图;
图26A和图26B示出根据示例性实施例的组合通过基于滚动距离在光标或滚动区域中反映视觉效果来显示光标或滚动区域与通过使滚动项目的形状变形来显示滚动项目的示例;并且
图27A至图27C示出应用了根据示例性实施例的基于滚动距离的光标形状的变形的电子节目指南(EPG)。
具体实施方式
下面参照附图更详细地描述示例性实施例。
在以下描述中,即使在不同的图中,相似的附图标号也用于相似的元件。提供描述中所限定的诸如详细构造和元件的内容以帮助全面理解示例性实施例。然而,显然的是,示例性实施例可在没有那些具体限定的内容的情况下实践。另外,没有详细描述公知功能或构造,因为它们将以不必要的细节使描述模糊。
如本文所用,术语“和/或”包括一个或更多个相关所列项的任何以及所有组合。诸如“…中的至少一个”的表达在元素列表之前时修饰整个元素列表,而非修饰列表中的各个元素。
尽管可使用诸如“第一”、“第二”等的术语来描述各种组件,这些组件不受上述术语的限制。上述术语仅用于将一个组件与另一组件区分。例如,在不脱离本公开的教导的情况下,下面所讨论的第一组件可被称为第二组件,类似地,第二组件可被称为第一组件。术语“和/或”包括一个或更多个相关所列项的任何以及所有组合。
布置在控制装置上的键的选择可以是表示键的按压、触摸或拖动的术语。
内容可包括视频、音频、文本或web文档。
显示设备的显示器的输出实际内容的一部分可被称作屏幕。
本说明书中所使用的术语仅仅用于描述特定示例性实施例,而非意在限制本发明构思。以单数使用的表达涵盖复数表达,除非它在上下文中具有明显不同的含义。在本说明书中,将理解,诸如“包括”、“具有”和“包含”的术语意在指示存在本说明书中所公开的特征、数字、步骤、动作、组件、部分或其组合,而非意在排除可存在或者可增加一个或更多个其它特征、数字、步骤、动作、组件、部分或其组合的可能性。
以下,将参照图1A至图1E描述根据示例性实施例的显示操作。
图1A是示出根据示例性实施例的显示设备100与控制装置(例如,遥控器)200之间的操作的示意图,其中光标310位于显示屏幕的中心。
参照图1A,显示设备100和控制装置200能够通过有线通信或无线通信来彼此通信。
控制装置200可经由包括红外或蓝牙通信的短距离通信来控制显示设备100。控制装置200可由用户利用选自控制装置200所包括的键(包括按钮)、触摸板、能够接收用户的语音的麦克风和能够识别控制装置200的运动的传感器中的至少一个来操纵,以控制显示设备100的功能。
控制装置200包括用于打开或关闭显示设备100的电源开/关按钮。控制装置200可改变频道,调节音量,以及选择地面广播/有线广播/卫星广播,或者根据用户输入执行显示设备100的设置。
显示设备100可不仅可利用平面显示设备,而且可利用具有曲率的弯曲显示设备或者能够调节曲率的柔性显示设备来实现。显示设备100的输出分辨率可以是例如高清(HD)、全HD、超HD或者比超HD更清楚的分辨率。
本文所用的术语“用户”表示利用控制装置200控制显示设备100的功能或操作的人。用户的示例可包括观看者、管理者或者安装工程师。
根据示例性实施例,显示设备100可向显示器115提供视频屏幕,并将包括多个滚动项目的滚动区域300提供在该视频屏幕的一部分中。参照图1A,提供可显示滚动项目的滚动区域300可提供在显示器115上,并且与控制装置200的输入对应的光标310可显示在显示器115上。
滚动是指在计算机显示器或电视机的监视器或显示器上垂直或水平地滑动文本、图像或视频。滚动允许观看更多文本或图像,而无需改变文本或图像的布局。通常经由计算机的中央处理单元(CPU)或图形卡来执行滚动。
参照图1A,滚动区域300被设置在显示器115的屏幕的一部分中,滚动项目(例如,图标)水平地布置在滚动区域300中。滚动列表330包括滚动项目A311、B312、C313、D314、E315和F316。作为包括多个滚动项目的滚动列表330的一部分的滚动项目B312、C313、D314和E315显示在滚动区域300中。
滚动项目可指示内容。指示内容的项目的示例可包括指示图像内容(例如,电影或戏剧)的项目、指示音频内容(例如,音乐)的项目、指示应用的项目、指示广播频道的项目以及指示用户所运行的内容的历史信息的项目。
多个项目可作为图像而被显示。例如,指示电影内容或戏剧内容的项目可作为电影或戏剧的海报图像(即,缩略图)而被显示。另外,指示音频内容(例如,音乐)的项目可作为包括该音乐的专辑的海报图像而被显示。另外,指示应用的项目可作为显示应用的图像或者显示最后运行应用的屏幕来显示。另外,指示广播频道的项目可作为用户所观看的广播频道的最后屏幕的图像或者指示广播频道中当前正在广播的节目的图像而被显示。另外,指示用户所运行的内容的历史信息的项目可作为内容的最后运行屏幕的图像而被显示。
另外,滚动项目可指示用于将显示设备100与外部装置连接的接口或者连接到显示设备100的外部装置。例如,指示用于连接到外部装置的接口的项目可以是指示外部装置所连接到的图像显示设备的端口的项目。例如,指示外部装置的项目可包括指示高清多媒体接口(HDMI)端口的项目、指示组件插口(componentjack)的项目、指示PC端口的项目、指示通用串行总线(USB)端口的项目等。另外,指示外部装置的项目可以是指示连接到接口的外部装置的项目。
包括多个滚动项目的滚动列表通常比显示滚动项目的滚动区域300长,因此滚动区域300可仅显示整个滚动列表中的一些滚动项目。因此,通过将光标碰撞到滚动区域300的边缘来移动光标以便连续地移动至滚动区域300上的滚动项目的区域被称为边缘滚动。参照图1A,例如,当用户利用控制装置200从滚动区域300的左端进一步滚动时,布置在滚动项目B312的左侧的滚动项目A311可被显示在滚动区域300中。另外,例如,当用户利用控制装置200从滚动区域300的右端进一步滚动时,布置在滚动项目E315的右侧的滚动项目F316可被显示在滚动区域300中。
光标310是用于响应于计算装置中的文本输入或者指示装置来指示计算机监视器或者显示设备上的位置的指示符。用于指示显示器上的响应于指示装置(例如,鼠标)的输入的位置的指示符通常被称作指针。参照图1A,当用户在显示器115的屏幕上移动控制装置200时,光标310被布置在显示器115的屏幕上以对应于控制装置200所指示的位置。
参照图1A,光标310根据控制装置200的指示位置而显示在显示器115的屏幕上。当光标310显示在显示器115的屏幕的中心部分(不是其边缘)中时,光标310可以是作为原始形式的圆形。然而,图1A所示的光标310的圆形形状是示例性的,对于本领域普通技术人员将显而易见的是,光标可具有各种形状。
图1B是示出根据示例性实施例的显示设备100与控制装置200之间的操作的示意图,其中光标310位于布置在显示屏幕的一部分中的滚动区域300中。
当为了利用控制装置200滚动滚动区域300中的项目而用户操纵控制装置200指示滚动区域300的内侧时,光标310显示在与控制装置200的指示位置对应的位置处。
用户可利用控制装置200来选择项目,或者可执行滚动以便观看未见于滚动区域300中的滚动项目。
图1C是示出根据示例性实施例的显示设备100与控制装置200之间的操作的示意图,其中光标310已接触布置在显示屏幕的一部分中的滚动区域300的边缘。
参照图1C,当光标310根据控制装置200的指示位置而接触滚动区域300的边缘时,光标310的圆形形状可变形成椭圆形状。即,响应于与控制装置200的指示位置对应并且接触滚动区域300的边缘的光标310,显示设备100可通过基于控制装置200的滚动距离使光标310的形状变形来显示光标310。如果滚动距离相对较短,则显示设备100可通过使圆形形状的光标310的形状变形相对较小的量来显示光标310,而如果滚动距离相对较大,则显示设备100可通过使圆形形状的光标310变形相对较大的量来输出光标310。滚动距离可对应于从所接触的滚动区域300的边缘测量的实际指针位置的距离。
图1D是示出根据示例性实施例的显示设备100与控制装置200之间的操作的示意图,其中控制装置200的指示位置偏离布置在显示屏幕的一部分中的滚动区域300的滚动范围的阈值。滚动范围的阈值可被称作阈值范围320。
参照图1D,当控制装置200的指示位置偏离阈值范围320时,显示设备100可控制光标310使得光标310脱离滚动区域300而以按照其原始形式显示在滚动区域300之外。
图1E是示出根据示例性实施例的显示设备100与控制装置200之间的操作的示意图,其中光标310已接触布置在显示屏幕的一部分中的滚动区域300的边缘。
参照图1E,其类似于图1C,不同之处在于滚动区域300在垂直方向上。即,多个滚动项目垂直地布置。当光标310根据控制装置200的指示位置而接触滚动区域300的边缘时,光标310的圆形形状可变形成椭圆形状。即,响应于与控制装置200的指示位置对应并且接触滚动区域300的边缘的光标310,显示设备100可通过基于控制装置200的滚动距离使光标310的形状变形来输出光标310。如果滚动距离相对较短,则显示设备100可通过使光标310的形状变形相对较小的量来输出光标310,而如果滚动距离相对较大,则显示设备100可通过使光标310变形相对较大的量来输出光标310。
如上面参照图1A至图1E所述,当用户利用控制装置200使指示位置朝着显示器115的屏幕的边缘移动时,显示设备100可响应于与控制装置200的输入对应并且接触滚动区域300的边缘的光标310,而通过基于控制装置200的滚动距离使光标310的形状变形来输出光标310。通过根据执行滚动的用户的输入使光标310的形状变形,用户可将作为实体元素的光标310感觉为具有物理性质的物体一样,因此在执行边缘滚动时体验到便利和直观的响应。
图1F是示出根据示例性实施例的显示设备100与控制装置200之间的操作的示意图,其中光标310位于布置在显示屏幕的一部分中的滚动区域300的边缘处。
如上所述,当用户利用控制装置200使指示位置移至布置在显示屏幕的一部分中的滚动区域300的边缘,以到达滚动列表的一端时,显示设备100可通过使滚动项目的形状变形来输出滚动项目。即,显示设备100可使显示在滚动区域300中的滚动项目变形成不同于其原始形式,并且输出变形的滚动项目。参照图1F,与图1C所示的滚动项目相比,布置在显示器115的屏幕中的滚动区域300中所显示的项目具有更低的高度和更宽的宽度。由于各个项目的宽度增加,所以显示四个滚动项目(滚动项目311至314),而在图1F的滚动区域300中显示三个滚动项目(滚动项目311至313)。另外,在使滚动项目的形状变形时,可仅修改其高度,或者可仅修改其宽度。
当用户意图从滚动列表的一端进一步滚动时,用户可通过使滚动项目的形状变形来输出滚动项目,以使得用户可自发地认识到到达滚动列表的一端。
图2是根据示例性实施例的显示设备100的框图。
参照图2,显示设备100包括显示器115、控制器180和传感器160。
根据示例性实施例,显示器115依据控制器180的控制而根据控制装置200的输入来输出光标。
根据示例性实施例,根据控制器180的控制,响应于光标接触显示器115的屏幕的滚动区域的边缘,显示器115基于控制装置200的滚动距离来使光标的形状变形。
根据示例性实施例,根据控制器180的控制,响应于光标接触滚动区域的边缘,显示器115通过基于控制装置200的滚动距离将视觉效果添加到光标或滚动区域来显示光标或滚动区域。
根据示例性实施例,响应于控制装置200的指示位置到达滚动列表的一端,显示器115通过使显示在滚动区域中的滚动项目的形状变形来输出滚动项目。
根据示例性实施例,传感器160可根据控制器180的控制来感测与控制装置200的指示位置对应的信号。
控制器180可接收与经由传感器160接收的控制装置200的指示位置对应的信号,并且控制显示器115通过根据与指示位置对应的信号确定光标的形状和位置或者通过将视觉效果添加到滚动区域来显示光标或滚动区域。
控制器180可经由传感器160接收与控制装置200的指示位置对应的信号,并且控制显示器115通过基于与指示位置对应的信号使滚动项目的形状变形来输出滚动项目。
图3是根据示例性实施例的显示设备100的详细结构的框图。
参照图3,显示设备100包括视频处理器110、显示器115、音频处理器120、音频输出接口125、电源供应器130、调谐器140、通信器150、传感器160、输入/输出接口170、控制器180和存储装置190。
视频处理器110处理显示设备100所接收的视频数据。视频处理器110可对视频数据执行各种图像处理操作(诸如解码、缩放、噪声过滤、帧频变换和分辨率变换)。
根据示例性实施例,当显示器115被提供有包括多个窗口的多窗口屏幕图像,并且与各条内容对应的视频分别被输出到所述多个窗口时,视频处理器110可利用多个视频处理模块来处理与各条内容对应的视频。
显示器115根据控制器180的控制将经由调谐器140接收的广播信号中所包括的视频显示在其屏幕上。显示器115还可显示经由通信器150或输入/输出接口170输入的内容(例如,视频)。显示器115可根据控制器180的控制来输出存储在存储装置190中的图像。显示器115还可显示用于执行与语音识别对应的语音识别任务的语音用户接口(UI)(例如,包括语音命令字指南)或者用于执行与运动识别对应的运动识别任务的运动UI(例如,包括用于运动识别的用户运动指南)。
根据控制器180的控制,显示器115可根据控制装置200的输入将光标显示在其屏幕上。
根据控制器180的控制,响应于光标接触滚动区域的边缘,显示器115可通过将视觉效果添加到光标或滚动区域来输出光标或滚动区域。
根据示例性实施例,显示器115可通过使光标的形状变形来将视觉效果添加到光标。
根据示例性实施例,光标的形状可以是几何形状。
根据示例性实施例,光标的形状为圆形,光标的修改的形状可为椭圆形状。
根据示例性实施例,当控制装置200的滚动方向为水平时,根据控制器180的控制,显示器115可使光标变形成具有长的垂直长度的椭圆形状并且输出变形的光标,而当控制装置200的滚动方向为垂直的时,根据控制器180的控制,显示器115可使光标变形成具有长的水平长度的椭圆形状并且输出变形的光标。
另外,根据示例性实施例,根据控制器180的控制,显示器115可将布置有多个滚动项目的滚动区域输出在其屏幕上。
根据示例性实施例,根据控制器180的控制,当滚动距离超过滚动范围的阈值时,显示器115可将通过将视觉效果添加到光标或滚动区域而显示的光标或滚动区域恢复到其原始形式。
根据示例性实施例,根据控制器180的控制,显示器115可通过使滚动区域的边缘变形从而表现将滚动区域的边缘朝着控制装置200的指示位置牵拉的运动来将视觉效果添加到滚动区域,来输出滚动区域。
根据示例性实施例,根据控制器180的控制,显示器115可将光标显示在从滚动区域中的点朝向控制装置200的指示位置的向量上所限定的位置处。
根据示例性实施例,根据控制器180的控制,显示器115可显示几何图形,该几何图形包括作为顶点的从滚动区域中的点朝着控制装置200的指示位置的向量上所限定的位置以及作为边的滚动区域的边缘。
根据示例性实施例,根据控制器180的控制,显示器115可通过对几何图形着色来显示几何图形。
另外,根据示例性实施例,根据控制器180的控制,显示器115可基于滚动距离使滚动项目的形状变形,并且响应于光标到达滚动列表的一端而输出滚动项目。
根据示例性实施例,根据控制器180的控制,显示器115可使滚动项目的高度和宽度中的至少一个变形并且输出滚动项目。
根据示例性实施例,根据控制器180的控制,显示器115可改变滚动项目的透明度、色值、发光度和色度中的至少一个并且输出滚动项目。
音频处理器120处理音频数据。音频处理器120可对音频数据执行各种处理操作(诸如解码、放大或噪声过滤)。音频处理器120可包括多个音频处理模块以处理与多条内容对应的音频。
音频输出接口125根据控制器180的控制来输出经由调谐器140接收的广播信号中所包括的音频。音频输出接口125还可输出经由通信器150或输入/输出接口170输入的音频(例如,语音或声音)。根据控制器180的控制,音频输出接口125还可输出存储在存储装置190中的音频。音频输出接口125可包括选自扬声器126、耳机输出端口127和索尼/飞利浦数字接口(S/PDIF)输出端口128中的至少一个。音频输出接口125可包括扬声器126、耳机输出端口127和S/PDIF输出端口128的组合。
根据示例性实施例,根据控制器180的控制,音频输出接口125可响应于与控制装置200的输入对应并且接触屏幕的边缘的光标,而输出预定声音效果。
电源供应器130根据控制器180的控制将从外部电源输入的电力供应给显示设备100的内部组件110-190。电源供应器130还可根据控制器180的控制将设置在显示设备100中的一个或更多个电池所输出的电力供应给显示设备100的内部组件110-190。
调谐器140可经由放大、混合、谐振等来从各种无线电波分量中调谐并且仅选择显示设备100将要接收的有线或无线广播信号的频道的频率。广播信号包括音频、视频和附加信息(例如,电子节目指南(EPG))。
调谐器140可接收与根据用户输入(例如,从控制装置200接收的控制信号,例如频道号输入、频道上下以及对于EPG屏幕图像的频道输入)的频道号(例如,有线广播No.506)对应的频道中的广播信号。
调谐器140可从各种源(诸如地面广播、有线广播、卫星广播和互联网广播)接收广播信号。调谐器140还可从诸如模拟广播或数字广播的源接收广播信号。经由调谐器140接收的广播信号被解码(例如,音频解码、视频解码、或者附加信息解码),因此被分成音频、视频和/或附加信息。音频、视频和/或附加信息可根据控制器180的控制而被存储在存储装置190中。
显示设备100可包括单个调谐器140或者多个调谐器140。根据示例性实施例,当包括多个调谐器140时,所述多个调谐器140可将多个广播信号输出到提供给显示器115的多窗口屏幕图像中所包括的多个窗口。
调谐器140可与显示设备100集成,或者被实现为具有电连接到显示设备100的调谐器的单独的设备(例如,连接到机顶盒和输入/输出接口170的调谐器)。
通信器150可根据控制器180的控制将显示设备100连接到外部设备(例如,音频设备)。控制器180可将内容发送到经由通信器150连接的外部设备/从所述外部设备接收内容,从外部设备下载应用,或者执行web浏览。与显示设备100的性能和结构对应,通信器150可包括无线局域网(LAN)151、蓝牙152或者有线以太网153。通信器150可包括无线LAN151、蓝牙152和有线以太网153的组合。根据控制器180的控制,通信器150可接收控制装置200的控制信号。控制信号可被实现为蓝牙型、射频(RF)信号型或Wi-Fi型信号。
代替蓝牙152,通信器150还可包括短距离通信(例如,近场通信(NFC)或蓝牙低功耗(BLE))。
传感器160感测用户的语音、用户的图像或者与用户的交互。
麦克风161接收用户的语音。麦克风161可将所接收的语音变换成电信号并且将该电信号输出给控制器180。例如,用户语音可包括与显示设备100的菜单或功能对应的语音。麦克风161的识别范围可被推荐为从麦克风161到用户的位置四米内,并且可与用户的语音的大小和周围环境(例如,扬声器声音或环境噪声)对应地变化。
麦克风161可与显示设备100集成或者与显示设备100分离。分离的麦克风161可经由通信器150或输入/输出接口170电连接到显示设备100。
本领域普通技术人员将容易地理解,根据显示设备100的性能和结构,可不包括麦克风161。
相机162接收与用户的运动(其中,该用户的运动包括在相机162的识别范围内的手势)对应的图像(例如,连续帧)。例如,相机162的识别范围可以是从相机162到用户0.1至5m内的距离。用户的运动可包括用户身体的一部分或者用户身体的一部分(例如,用户的脸部、脸部表情、手、拳头和手指)的运动等。相机162可根据控制器180的控制将所接收的图像转换为电信号并且将该电信号输出给控制器180。
控制器180可利用所接收的运动的识别结果来选择显示在显示设备100上的菜单,或者执行与运动识别结果对应的控制。例如,所述控制可以是频道改变、音量调节或者指示符移动。
相机162可包括镜头和图像传感器。相机162可利用多个镜头和图像处理来支持光学变焦或数字变焦。相机162的识别范围可根据相机162的角度和周围环境条件来不同地设定。当相机162包括多个相机时,可通过多个相机接收三维(3D)静止图像或者3D运动图像。
相机162可与显示设备100集成或者与显示设备100分离。包括单独的相机162的单独装置可经由通信器150或输入/输出接口170电连接到显示设备100。
本领域普通技术人员将容易地理解,可根据显示设备100的性能和结构不包括相机162。
光接收器163经由显示器115的边框的光窗口从控制装置200接收光学信号(其中,该光学信号包括控制信号)。光接收器163可从控制装置200接收与用户输入(例如,触摸、按压、触摸手势、语音或运动)对应的光学信号。可根据控制器180的控制从所接收的光学信号提取控制信号。
根据示例性实施例,光接收器163可接收与控制装置200的指示位置对应的信号并且将该信号发送给控制器180。
输入/输出接口170根据控制器180的控制从显示设备100的外部接收视频(例如,运动画面)、音频(例如,语音或音乐)和附加信息(例如,EPG)。输入/输出接口170可包括高清多媒体接口(HDMI)端口171、组件插孔172、PC端口173或USB端口174。输入/输出接口170可包括HDMI端口171、组件插孔172、PC端口173和USB端口174的组合。
本领域普通技术人员将容易地理解,输入/输出接口170的结构和操作可根据示例性实施例来不同地实现。
控制器180控制显示设备100的总体操作以及显示设备100的内部组件110-190之间的信号传送,并且处理数据。当存在用户输入或者满足所存储的预设条件时,控制器180可运行操作系统(OS)以及存储在存储装置190中的各种应用。
控制器180可包括:随机存取存储器(RAM)181,存储由显示设备100的外部源输入的信号或数据或者用作显示设备100所执行的各种操作的存储器区域;只读存储器(ROM)182,存储用于控制显示设备100的控制程序;以及处理器183。
处理器183可包括用于执行视频图形处理的图形处理单元。处理器183可利用包含内核和GPU的片上系统(SoC)来实现。处理器183可包括单核处理器、双核处理器、三核处理器、四核处理器或多核处理器。
处理器183可包括多个处理器。例如,处理器183可利用主处理器以及在睡眠模式下操作的子处理器来实现。
图形处理器184利用运算单元和渲染单元来生成包括各种对象(例如,图标、图像和文本)的屏幕图像。运算单元基于传感器160所感测的用户交互来计算属性值(诸如坐标值、形状、大小、颜色等),其中,每个对象根据屏幕图像的布局而利用所述属性值来显示。渲染单元基于运算单元所计算的属性值来生成包括对象的各种布局的屏幕图像。由渲染单元生成的屏幕图像被显示在显示器115的显示区域上。
根据示例性实施例,根据控制器180的控制,图形处理器184可与控制装置200的输入对应地生成将显示在屏幕上的光标。
根据示例性实施例,根据控制器180的控制,图形处理器184可基于控制装置200的滚动距离将视觉效果添加到光标。
根据示例性实施例,根据控制器180的控制,图形处理器184可将光标的形状设定为几何形状(例如,圆形形状),并将变形的光标的形状设定为椭圆形状。
根据示例性实施例,根据控制器180的控制,图形处理器184可基于控制装置200的滚动距离将视觉效果添加到滚动区域。
根据示例性实施例,根据控制器180的控制,图形处理器184可生成布置有多个滚动项目的滚动列表。
根据示例性实施例,根据控制器180的控制,图形处理器184可响应于光标到达滚动列表的末尾使滚动项目的形状变形。
第一接口185-1至第n接口185-n连接到显示设备100的上述组件。第一接口185-1至第n接口185-n中的一个接口可以是经由网络连接到外部设备的网络接口。
RAM181、ROM182、处理器183、图形处理器184以及第一接口185-1至第n接口185-n可经由内部总线186彼此连接。
本示例性实施例中所使用的术语“显示设备的控制器”包括处理器183、ROM182和RAM181。
控制器180可经由接收输出光的光接收器163和位于显示设备100的侧表面或后表面上的面板键中的至少一个接收控制装置200的指示位置信息。
根据示例性实施例,控制器180可控制显示器115根据控制装置200的输入在屏幕上显示光标并且响应于光标接触滚动区域的边缘,而通过基于控制装置200的滚动距离将视觉效果添加到光标或滚动区域来显示光标或滚动区域。
根据示例性实施例,控制器180可基于控制装置200所指示的实际指示位置与接触滚动区域的边缘的光标的位置之间的距离差来确定滚动距离。
根据示例性实施例,控制器180可控制显示器115通过基于滚动距离使原始为圆形的光标的形状变形成椭圆形状来显示光标。换言之,当距离差大于零时,光标变为椭圆。椭圆的离心率可大于零但小于1,离心率可与距离差成正比。
根据示例性实施例,当控制装置的滚动方向被确定为水平时,控制器180可使光标变形成垂直较长的椭圆形状,而当控制装置的滚动方向被确定为垂直的时,控制器180可控制显示器115使得光标变形成水平较长的椭圆形状。
根据示例性实施例,控制器180可基于滚动距离来确定滚动速度。
根据示例性实施例,如果滚动距离超过滚动范围的阈值,则控制器180可控制显示器115使通过添加上述视觉效果而输出的光标或滚动区域恢复到其原始形式。
根据示例性实施例,控制器180可控制显示器115使得通过使滚动区域的边缘变形从而表现将滚动区域的边缘朝着控制装置的指示位置牵拉的运动,来将视觉效果添加到滚动区域。
根据示例性实施例,控制器180可控制显示器115将光标显示在从滚动区域中的点朝向控制装置的指示位置的向量上所限定的位置处。
根据示例性实施例,控制器180可控制显示器115显示几何图形,该几何图形包括作为顶点的从滚动区域中的点朝向控制装置的指示位置的向量上所限定的位置以及作为边的滚动区域的边缘。
根据示例性实施例,控制器180可控制显示器115通过对几何图形着色来显示几何图形。
根据示例性实施例,控制器180可控制显示器115显示显示有至少一些滚动项目的滚动区域并且响应于与控制装置的输入对应并且到达滚动列表的一端的光标,通过基于滚动距离使滚动项目的形状变形来显示滚动项目。
根据示例性实施例,控制器180可使滚动项目的高度和宽度中的至少一个变形。
根据示例性实施例,控制器180可修改滚动项目的透明度、色值、发光度和色度中的至少一个。
根据示例性实施例,如果滚动距离被确定为偏离阈值,则控制器180可将滚动项目的形状恢复到其原始形式。
根据示例性实施例,控制器180可控制显示器115向屏幕提供多个滚动项目水平布置的滚动区域,根据控制装置的水平滚动来执行水平滚动,并且基于检测到控制装置在多个滚动项目之一上的垂直滚动来执行垂直滚动。
根据示例性实施例,控制器180可控制显示器115向屏幕提供多个滚动项目垂直布置的滚动区域,根据控制装置的垂直滚动来执行垂直滚动,并且基于检测到控制装置在多个滚动项目之一上的水平滚动来执行水平滚动。
本领域普通技术人员将容易地理解,控制器180的结构和操作可根据示例性实施例来不同地实现。
存储装置190可存储用于根据控制器180的控制而驱动和控制显示设备100的各种数据、程序或应用。存储装置190可存储与视频处理器110、显示器115、音频处理器120、音频输出接口125、电源供应器130、调谐器140、通信器150、传感器160和输入/输出接口170的驱动对应的输入/输出信号或数据。存储装置190可存储用于控制显示设备100和控制器180的控制程序、由制造商初始提供或者从显示设备100外部下载的应用、与应用关联的图形用户界面(GUI)、用于提供GUI的对象(例如,图像文本、图标和按钮)、用户信息、文档、数据库或者相关数据。
根据示例性实施例,术语“存储装置”包括存储装置190、控制器180的ROM182和RAM181、或者安装在显示设备100中的存储卡(例如,微型SD卡或USB存储器)。存储装置190可包括非易失性存储器、易失性存储器、硬盘驱动器(HDD)或者固态驱动器(SSD)。
存储装置190可包括广播接收模块、频道控制模块、音量控制模块、通信控制模块、语音识别模块、运动识别模块、光接收模块、显示控制模块、音频控制模块、外部输入控制模块、功率控制模块、无线(例如,蓝牙)连接的外部设备的功率控制模块、语音数据库(DB)或者运动DB。存储装置190的这些模块和DB可被实现为软件以便执行广播接收控制功能、频道控制功能、音量控制功能、通信控制功能、语音识别功能、运动识别功能、光接收控制功能、显示控制功能、音频控制功能、外部输入控制功能、功率控制功能或者无线(例如,蓝牙)连接的外部设备的功率控制功能。控制器180可利用存储在存储装置190中的软件来执行这些功能。
根据示例性实施例,存储装置190可存储经由光接收器163、面板键、麦克风161和相机162中的一个接收的用户设置信息。用户设置可包括关于光标的变形程度的用户设置以及关于滚动项目的变形程度的用户。
存储装置190可存储与视觉反馈对应的视频或图像。
存储装置190可存储与听觉反馈对应的声音。
存储装置190可包括呈现模块。呈现模块是用于配置显示屏幕的模块。呈现模块包括重放并输出多媒体内容的多媒体模块、用户接口(UI)以及执行图形处理的UI渲染模块。多媒体模块可包括播放器模块、摄像机模块、声音处理模块等。多媒体模块重放各种多媒体内容以生成和再现屏幕和声音。UI渲染模块可包括组合图像的图像合成器模块、组合并生成在待播放图像的屏幕上的坐标的坐标组合模块、从硬件接收各种事件的X11模块、提供用于配置2D或3DUI的工具的二维/三维(2D/3D)UI工具包。
具有显示器115的显示设备100可电连接到具有调谐器的外部设备(例如,机顶盒)。例如,显示设备100可利用模拟TV、数字TV、三维(3D)TV、智能TV、发光二极管(LED)TV、有机LED(OLED)TV、等离子体TV、监视器等来实现,但是本领域普通技术人员将容易地理解,示例性实施例不限于此。
显示设备100可包括用于检测显示设备100的内部或外部状态的传感器(例如,照度传感器或温度传感器)。
图3的显示设备100的至少一个组件(例如,组件110-190)可根据显示设备100的性能来增加或删除。本领域普通技术人员还将容易地理解,图3的显示设备100的组件(例如,组件110-190)的位置可根据显示设备100的性能或结构而改变。
图4A是根据示例性实施例的控制装置200的结构框图。
参照图4A,控制装置200可包括无线通信器220、用户输入接口230、传感器240、输出接口250、电源供应器260、存储装置270和控制器280。
无线通信器220可与上述显示设备发送或接收信号。无线通信器220可包括射频(RF)模块221,该RF模块221能够根据RF通信标准向显示设备100发送信号或者从显示设备100接收信号。另外,控制装置200可包括红外(IR)模块,该IR模块能够根据IR通信标准向显示设备100发送信号或从显示设备100接收信号。
根据本示例性实施例,控制装置200经由RF模块221将包含关于例如控制装置200的移动的信息的信号发送给显示设备100。
另外,控制装置200可经由RF模块221接收由显示设备100发送的信号。另外,控制装置200可根据需要经由IR模块223向显示设备100发送关于电源开/关、频道改变、音量改变等的命令。
用户输入接口230可利用键区、按钮、触摸板或者触摸屏来实现。用户可通过操纵用户输入接口230来将关于显示设备100的命令输入给控制装置200。当用户输入接口230包括硬键按钮时,用户可通过硬键按钮的推按操作来将关于显示设备100的命令输入给控制装置200。当用户输入接口230包括触摸屏时,用户可对触摸屏的软键进行触摸以将关于显示设备100的命令输入给控制装置200。
例如,类似图4B所示的控制装置200a,用户输入接口230可包括四向按钮或四向键201。四向按钮或四向键201可用于控制显示在显示器115上的窗口、区域、应用或者项目。四向按钮或四向键201可用于指示上下移动或者左右移动。另外,对于本领域普通技术人员而言显然的是,代替四向键或四向按钮,用户输入接口230可包括双向键或双向按钮。
另外,用户输入接口230可包括用户可操纵的各种类型的输入单元,例如滚动键或点动键(jogkey)。
另外,如图4C所示,用户输入接口230可包括安装在控制装置200b上的触摸板210。根据示例性实施例的用户输入接口230可经由控制装置200的触摸板接收指示例如拖动、触摸或轻弹的用户输入。另外,可根据所接收的用户输入的类型(例如,拖动命令输入的方向或者触摸命令输入的时间)来控制显示设备100。
传感器240可包括陀螺仪传感器241或者加速度传感器243。陀螺仪传感器241可感测关于控制装置200的移动的信息。例如,陀螺仪传感器241可感测关于控制装置200相对于x、y和z轴的操作的信息。加速度传感器243可感测关于控制装置200的移动速度的信息。传感器240还可包括感测相对于显示设备100的距离的距离测量传感器。
参照图4D,根据示例性实施例的控制装置200c可利用包括四向键204和触摸板230二者的指示装置来实现。即,当控制装置200利用指示装置来实现时,可利用陀螺仪传感器241基于控制装置200倾斜的方向或角度来控制显示设备100的功能。
输出接口250可输出与用户输入接口230的操纵或者显示设备100所接收的信号对应的图像或语音信号。用户可经由输出接口250识别用户输入接口230是否被操纵或者显示设备100是否被控制。
例如,输出接口250可包括在用户输入接口230被操纵时或者在经由无线通信器220向显示设备100发送信号或者从显示设备100接收信号时被开启的LED模块251、生成振动的振动模块253、输出声音的声音输出模块255或者输出图像的显示模块257。
电源供应器260向控制装置200供电。当控制装置200没有移动达预定时间段时,电源供应器260可停止供电,从而可防止浪费电力。当控制装置200中所包括的预定键被操纵时,电源供应器260可重新供电。
存储装置270可存储控制或操作控制装置200所需的各种类型的程序、应用数据等。
控制器280控制控制装置200的整体控制操作。控制器280可经由无线通信器220将与用户输入接口230的预定键的操纵对应的信号或者与利用传感器240感测的控制装置200的移动对应的信号发送给显示设备100。
显示设备100可包括坐标值计算器,其计算与控制装置200的操作对应的光标的坐标值。
坐标值计算器可校正手抖或者与所感测的控制装置200的操作对应的信号中所包含的误差,以计算将要显示在显示器115上的光标的坐标值(x,y)。
另外,由传感器240感测的控制装置200的传输信号被发送给显示设备100的控制器180。控制器180可从控制装置200所发送的信号确定关于控制装置200的操作和键操纵的信息,并且可基于该信息来控制显示设备100。
可选地,控制装置200可计算与控制装置200的操作对应的光标的坐标值,并且将该坐标值发送给显示设备100。在这种情况下,显示设备100可在不校正手抖或误差的情况下将所接收的指针的坐标值发送给控制器180。
根据示例性实施例,用户可利用例如方向键、触摸板或指示功能来控制显示在显示器的屏幕上的光标的位置。
另外,根据示例性实施例,用户可利用控制装置200的方向键、触摸板、指示功能等来控制显示在显示器的屏幕上的光标或滚动项目的变形程度。
图5是根据示例性实施例的显示设备100中所执行的显示方法的流程图,
参照图5,在操作510中,显示设备100根据控制装置200的输入将光标显示在显示器的屏幕上。
参照图3和图4A至图4D,当用户利用(通过例如指示装置来实现的)控制装置200指示显示设备100的显示器115的屏幕上的一位置时,显示设备100的传感器160可接收与控制装置200所指示的位置对应的输入信号,并且根据所接收的输入信号计算屏幕上的将要输出光标的坐标。另外,控制器180控制显示器115将光标310显示在屏幕上的所计算的位置处。
接下来,参照图5,在操作520中,响应于光标接触布置在屏幕的一部分中的滚动区域的边缘,显示设备100通过基于控制装置200的滚动距离将视觉效果添加到光标,来输出光标。
参照图3和图4A至图4D,当用户操作(通过例如指示装置来实现的)控制装置200,使得光标接触布置在显示设备100的显示器115的屏幕中的滚动区域的边缘时,显示设备100的传感器160接收与控制装置200所指示的位置对应的输入信号,并且控制器180根据所接收的输入信号计算屏幕上的将要输出光标的坐标值。这里,基于计算结果,屏幕上的将要输出光标的坐标接触滚动区域的边缘,另外,当控制装置200所指示的位置进一步移动而超出滚动区域,从而生成滚动距离时,控制器180控制图形处理器184使光标的形状变形。另外,控制器180控制显示器115将具有修改的形状的光标310显示在所计算的屏幕上的位置处。
滚动区域的边缘包括滚动区域的上边缘、下边缘、左边缘和右边缘。
以下将参照图6A、图6B、图7A、图7B、图8、图9A、图9B、图9C、图10A、图10B、图11A、图11B、图12A和图12B详细描述使光标的形状变形的方法。
图6A和图6B示出用于说明根据示例性实施例的当执行水平边缘滚动时使光标的形状变形的参考图。
图6A示出根据示例性实施例的恰在开始x轴方向上的边缘滚动之前光标的输出形式。
参照图6A,显示设备100的显示器115在屏幕上提供显示多个滚动项目的滚动区域600。包括滚动项目610的多个滚动项目布置在滚动区域600中。
标号620表示控制装置200的指示位置,即,控制装置200(例如鼠标或遥控器)所指示的位置。标号630表示根据控制装置200的指示位置620显示在屏幕上的光标。关于本示例性实施例的描述示出控制装置200的指示位置620以用于参考,事实上,显示设备100可不在屏幕上输出控制装置200的指示位置620,而是可基于关于指示位置620的信息来显示光标630并使其变形。详细地讲,显示设备100在显示屏幕上显示与控制装置200的指示位置620对应的光标630,并且基于指示位置620计算滚动距离并且基于滚动距离使光标630的形状变形并输出光标630。
根据本示例性实施例,只要控制装置200的指示位置620在滚动区域600内,详细地讲,只要控制装置200的指示位置620位于x轴滚动边界640内,光标630不变形。x轴滚动边界640可表示例如当光标630接触滚动区域600的最左侧边缘时从滚动区域600的最左侧边缘到光标630的中心的距离。当控制装置200的指示位置620偏离x轴滚动边界640并且开始移出滚动区域600时,即,当控制装置200的指示位置620接触滚动区域600的边缘并且移出滚动区域600时,光标630的变形开始。
参照图6A,控制装置200的指示位置620在滚动区域600内的x轴滚动边界640上,因此还未执行边缘滚动。当边缘滚动未激活时,控制装置200的指示位置620可对应于光标630的位置,并且控制装置200输出具有圆形形式(光标630的原始形式)的光标630。
图6B示出根据示例性实施例的在执行边缘滚动之后光标630的输出形式。
参照图6B,用户将控制装置200的指示位置620移至进一步超过滚动区域600的左端的部分,以使得控制装置200的指示位置620从滚动区域600偏离到滚动区域600之外。滚动范围650由ex表示,从当前指示位置620到x轴滚动边界640的滚动距离由dx表示。在滚动区域600的x轴方向上控制装置200的指示位置620在滚动区域600的左端的左边,从而生成滚动距离dx。然而,在y轴方向上指示位置620在滚动区域600的范围内,因此没有生成y轴方向上的滚动距离。在当如上沿着一个轴(即,x轴)生成滚动距离时使光标变形的情况下,按如下方式计算光标的拉伸/缩小比。
rx=光标沿着x轴的拉伸/缩小比
ry=光标沿着y轴的拉伸/缩小比
当rx或ry是1时,光标不拉伸或缩小,当rx和ry各自小于1时,光标在x轴方向和y轴方向中的每一个上缩小,当rx和ry各自大于1时,光标在x轴方向和y轴方向中的每一个上拉伸。
参照图6B,仅沿着x轴生成滚动距离dx,而沿着y轴没有生成滚动距离,因此dy等于0。由于光标必须在y轴上拉伸光标沿着x轴缩小的量那么多,所以可基于rx计算ry。因此,光标的拉伸/缩小比可如下计算。
rx=1-(dx/ex)
ry=2-rx
如图6B所示,基于如上计算的rx和ry而沿着x轴缩小并且沿着y轴拉伸的光标630的形状被输出在显示器上。
图7A和图7B示出用于说明根据示例性实施例的当执行垂直边缘滚动时光标630的形状的变形的参考图。
图7A示出根据示例性实施例的恰在开始y轴方向上的边缘滚动之前光标630的输出形式。
参照图7A,包括滚动项目610的多个滚动项目布置在滚动区域600中。
标号620表示控制装置200的指示位置。标号630表示根据控制装置200的指示位置620而显示在屏幕上的光标。针对本示例性实施例的描述示出控制装置200的指示位置620以用于参考,事实上,显示设备100可不在屏幕上输出控制装置200的指示位置620,而是可基于关于指示位置620的信息来显示光标630并使其变形。详细地讲,显示设备100在显示屏幕上显示与控制装置200的指示位置620对应的光标630,并且基于指示位置620计算滚动距离并且基于该滚动距离使光标630的形状变形并输出光标630。
根据本示例性实施例,只要控制装置200的指示位置620在滚动区域600内,详细地讲,只要控制装置200的指示位置620位于y轴滚动边界660内,光标630就不变形。y轴滚动边界660可表示当光标630到达滚动区域600的底边缘时从滚动区域600的底边缘到光标630的中心的距离。当控制装置200的指示位置620偏离y轴滚动边界660并且开始移出滚动区域600时,即,当控制装置200的指示位置620接触滚动区域600的边缘并且控制装置200的指示位置620移出滚动区域600时,光标630的变形开始。
参照图7A,控制装置200的指示位置620在滚动区域600内的y轴滚动边界660上,因此还未执行边缘滚动。当边缘滚动未激活时,控制装置200的指示位置620可对应于光标630的位置,并且控制装置200输出具有圆形形式(光标630的原始形式)的光标630。
图7B示出根据示例性实施例的在执行边缘滚动之后光标630的输出形式。
参照图7B,用户将控制装置200的指示位置620移至进一步超过滚动区域600的底端的部分,以使得控制装置200的指示位置620从滚动区域600偏离到滚动区域600之外。滚动范围670由ey表示,从当前指示位置620到y轴滚动边界660的滚动距离由dy表示。在滚动区域600的y轴方向上控制装置200的指示位置620低于滚动区域600的底端,从而生成滚动距离dy。然而,在x轴方向上指示位置620在滚动区域600的范围内,因此没有生成x轴方向上的滚动距离。
参照图7B,仅沿着y轴生成滚动距离dy,沿着x轴没有生成滚动距离,因此dx=0。由于光标必须在x轴上拉伸光标沿着y轴缩小的量那么多,所以可基于ry计算rx。因此,光标的拉伸/缩小比rx和ry可如下计算。
ry=1-(dy/ey)
rx=2-ry
如图7B所示,基于如上计算的rx和ry而沿着x轴拉伸并且沿着y轴缩小的光标630的形状被输出在显示器上。
图8是用于说明根据示例性实施例的当在水平方向和垂直方向上执行边缘滚动时光标的形状的变形的参考图。
另外当在水平方向和垂直方向二者上执行边缘滚动时,即,另外当沿着x轴方向和y轴方向二者生成滚动距离时,当使用参照图6A、图6B、图7A和图7B描述的计算方法来计算rx和ry时,光标沿着x轴和y轴二者缩小,因此,光标的形状可能过小,这在视觉上不适合。因此,在这种情况下,为了防止光标在x轴和y轴二者上缩小,可使用不同于图6A、图6B、图7A和图7B的计算方法的另一方法。
参照图8,沿着x轴和y轴二者,控制装置200的指示位置620在滚动区域600之外,因此dx和dy二者均存在。
dx:从控制装置200的指示位置620的x坐标值到x轴滚动边界640的距离
dy:从控制装置200的指示位置620的y坐标值到y轴滚动边界660的距离
rx=1-(dx/ex)
ry=1-(dy/ey)
另外,为了防止光标在x轴方向和y轴方向二者上缩小,如下计算偏移并将其与rx和ry中的每一个相加。
s=rx+ry
rx+=(2-s)*rx/s
ry+=(2-s)*ry/s
因此,如图8所示,当根据指示位置,x轴滚动距离dx和y轴滚动距离dy二者均存在时,用于防止光标在x轴方向和y轴方向二者上缩小的光标的拉伸/缩小比rx和ry可如下计算。
rx=(rx)+(rx+)
ry=(ry)+(ry+)
如图8所示,具有通过基于如上所述计算的rx和ry防止光标630沿着x轴和y轴二者缩小来设定的拉伸/缩小比的光标630的形状可被输出在显示器上。
图9A、图9B和图9C示出用于说明根据示例性实施例的基于滚动距离的滚动速度的参考图。
根据示例性实施例,滚动速度可链接到滚动距离。即,当光标接触滚动区域的边缘时,当光标接触滚动区域的边缘时光标的形状可与控制装置的指示位置所指示的实际位置与屏幕之间的距离成比例地被压扁。另外,滚动速度可基于光标的形状被压扁的程度来适当地变化,以使得用户可感觉到当用户所操纵的光标撞到屏幕边缘滚动区域的边缘时所产生的力。
根据滚动距离的滚动速度可如下确定。
ex:滚动范围
px:控制装置的指示位置的x坐标
bx=x轴上的基础位置
HeadPos:滚动的开始位置
可对应于滚动速度的滚动的强度可从0至1变化,并且可如下计算。
v=abs(px-bx)/ex
v=0指示px和bx相同,因此不执行滚动。
基本移动距离的常量为CHANGEAMOUNT。
当从滚动区域600向左执行滚动时,HeadPos可如下计算。
HeadPos+=v*CHANGEAMOUNT
即,当向左执行滚动时,通过将v*CHANGEAMOUNT与先前的HeadPos值相加来获得HeadPos值。在图9A所示的状态下,即,在HeadPos处于滚动区域600的左端的同时,当进一步向左执行滚动,并且当HeadPos变化(即,HeadPos+)为v*CHANGEAMOUNT时,HeadPos被设定为从图9A所示的HeadPos值增加v*CHANGEAMOUNT的值,如图9B所示。
另外,当向右执行滚动时,HeadPos可如下计算。
HeadPos-=v*CHANGEAMOUNT
即,当向右执行滚动时,通过将v*CHANGEAMOUNT从先前的HeadPos值减去来获得HeadPos值。在图9A所示的状态下,即,在HeadPos处于滚动区域600的左端的同时,当进一步向右执行滚动,并且当HeadPos变化(即,HeadPos-)为v*CHANGEAMOUNT时,HeadPos被设定为从图9A所示的HeadPos值减小v*CHANGEAMOUNT的值,如图9C所示。
图10A和图10B示出用于说明根据示例性实施例的圆形光标的变形值的参考图。
图10A示出根据示例性实施例的在边缘滚动之前显示的圆形光标630a的原始形式。
圆形光标630a具有高度Height和宽度Width。
图10B示出根据示例性实施例的在生成边缘滚动之后圆形光标630a的形状变形为椭圆形状。
控制装置200的指示位置620在滚动区域之外超出滚动区域的左端,从而生成边缘滚动以使圆形光标630a变形成椭圆形状。
如参照图6A、图6B、图7A、图7B和图8所述,光标的变形比(即,光标的拉伸和缩小比)rx和ry可如下计算。
if(dx==0&&dy==0){rx=ry=1;}
elseif(dx==0){ry=1-(dy/ey);rx=2-ry;}
elseif(dy==0){rx=1-(dx/ex);ry=2-rx;}
else{rx=1-(dx/ex);ry=1-(dy/ey);
s=rx+ry;
rx+=(2-s)*rx/s;ry+=(2-s)*ry/s;
}
具有半径CURSOR_RADIUS的光标的宽度、高度和位置可基于所计算的rx和ry如下计算。
光标的Width:Width=rx*CURSOR_RADIUS*2
光标的Height:Height=ry*CURSOR_RADIUS*2
光标的x坐标:X=I(滚动区域的最左边界)
光标的y坐标:Y=py-Height/2(py:实际指示位置的y坐标)
图10A和图10B示出具有圆形形状的光标,但是上述计算方法也可应用于如下面图11和图12中的带圆角的正方形形状或者简单正方形形状的光标。
图11A和图11B示出用于说明根据示例性实施例的具有圆角的正方形光标630b的变形值的参考图。
如图11B所示的具有圆角的正方形形状的光标630b的宽度、高度和位置也可如图10A和图10B的示例性实施例中那样计算。这里,当计算光标630b的宽度和高度时,代替CURSOR_RADIUS,可使用Width/2或Height/2。
图11B示出具有圆角的正方形形状的光标630b,与图11A所示的光标630b的正方形形状相比,其具有更大高度和更小的宽度。
图12A和12B示出用于说明根据示例性实施例的正方形光标630c的变形值的参考图。
如图12A所示的正方形形状的光标630c的宽度、高度和位置也可如图10A和图10B的示例性实施例中那样计算。这里,当计算光标630c的宽度和高度时,代替CURSOR_RADIUS,可使用Width/2或Height/2。
图12B示出具有正方形形状的光标630c,与图12A所示的光标630c的正方形形状相比,其具有更大高度和更小的宽度。
尽管如上所述的,光标具有圆形形状、带圆角的正方形形状和正方形形状,但是光标可具有任何形状。另外,如果光标具有带高度和宽度的形状(例如,矩形或菱形形状),则可根据本说明书中公开的计算方法来计算光标的变形。
图13A和图13B是用于说明根据示例性实施例的当滚动距离偏离滚动范围的阈值时,将通过添加视觉效果而输出的光标恢复至其原始形式,从而输出光标的操作的参考图。
参照图13A,控制装置200的指示位置620相对于滚动区域600布置在x轴滚动范围650的一端处。在这种状态下,控制装置200的指示位置620还未偏离x轴滚动范围650的阈值,因此,显示设备100基于滚动距离输出具有压扁的形状的光标630,例如,光标630具有椭圆形状。
参照图13B,当在图13A所示的状态下用户操纵控制装置200以进一步指向左侧时,控制装置200的指示位置620偏离x轴滚动范围650的阈值。当滚动距离偏离滚动范围的阈值时,显示设备100取消添加到光标630的视觉效果,并且使光标630恢复其原始形式,并且显示光标630使得光标630所指示的位置与控制装置200的指示位置620相同。
当如上所述,控制装置200的指示位置620偏离预设阈值时,光标630可移到滚动区域600之外,并且光标630的形状也可恢复至其原始形式,从而用户可自发地识别出指示位置620偏离滚动范围。
图14是根据示例性实施例的通过基于控制装置的滚动距离将视觉效果添加至滚动区域来输出滚动区域的方法的流程图。
参照图14,在操作1410中,显示设备100根据控制装置200的输入来显示光标。
在操作1420中,响应于光标接触布置在屏幕的一部分中的滚动区域的边缘,显示设备100通过基于控制装置200的滚动距离将视觉效果添加至滚动区域来显示滚动区域。
图15A至图15C示出用于说明根据示例性实施例的通过基于控制装置200的滚动距离将视觉效果添加至滚动区域来输出滚动区域700的操作的参考图。
参照图15A,在显示设备100的显示器115中提供水平滚动区域700,滚动项目701至704显示在水平滚动区域700中。在用户利用控制装置200使滚动区域700滚动的同时,当与控制装置的输入对应的光标730接触滚动区域700的左边缘,然后相对于左边缘进一步向外移动,从而生成滚动距离时,如图15A所示,显示设备100通过向其添加视觉效果来输出滚动区域700。参照图15A,视觉效果被添加至滚动区域700,从而表现光标730牵拉滚动区域700的边缘的运动。
参照图15B,在显示设备100的显示器115中提供垂直滚动区域700,滚动项目701至704显示在垂直滚动区域700中。类似图15A,在用户利用控制装置200使滚动区域700滚动的同时,当与控制装置的输入对应的光标730接触滚动区域700的上边缘,然后相对于上边缘进一步向外移动,从而生成滚动距离时,如图15B所示,显示设备100通过向其添加视觉效果来输出滚动区域700。参照图15B,视觉效果被添加至滚动区域700,从而表现光标730牵拉滚动区域700的边缘的运动。
参照图15C,当用户从图15B的状态进一步滚动控制装置200,以使得控制装置200的指示位置偏离滚动范围的阈值时,通过向其添加视觉效果而输出的滚动区域700恢复原始状态以输出,并且光标730移到滚动范围之外并且被布置在控制装置200的指示位置处以输出。
图16A至图16G是用于说明根据示例性实施例的通过基于控制装置200的滚动距离将视觉效果添加至滚动区域700来输出滚动区域700的详细操作的参考图。
参照图16A,显示设备100在显示器115中提供滚动区域700。多个滚动项目701至704显示在滚动区域700中。
控制装置200的指示位置720沿着滚动区域700的x轴滚动边界,与指示位置720对应的光标730接触滚动区域700的左侧边缘。在这种情况下,控制装置200的指示位置720的x坐标px与x轴滚动边界bx之间的距离为0,还未生成滚动距离,从而光标730被输出在与指示位置720相同的位置处,另外,在滚动区域700中还未生成视觉效果。
参照图16B,当控制装置200的指示位置720的x坐标px偏离x轴滚动边界bx时,光标730被输出在滚动区域700之外的位置处,另外,通过向其添加视觉效果来输出滚动区域700。
例如,输出光标730的位置可基于下面的公式来确定。
V0+dir*length*lerp(1,0.5,t)
V0表示方向向量的开始点。参照图16B,通过从滚动区域700的左边缘的x坐标减去光标的半径来获得开始点V0的x坐标,开始点V0的y坐标表示滚动区域700沿着y轴的正中心位置。
dir表示通过将从方向向量的开始点V0到实际指示位置720的向量V除以向量长度而获得的单位向量。
Length表示从方向向量的开始点V0到实际指示位置720的向量V的长度。
t表示滚动强度并且具有介于0和1之间的值,指示在整个滚动范围ex上指示位置720的x-坐标值距x轴滚动边界bx有多远。
px:控制装置的指示位置的x坐标值
bx:滚动边界
ex:滚动范围
这里,t可如下计算。
t=|px-bx|/ex
另外,lerp函数是如下表示的线性插值公式。
lerp(a,b,t)=a+t(b-a)
如上所述,t是介于0和1之间的实数,当t为0时,lerp函数为a,当t为1时,lerp函数返回b,当t为0.5时,lerp函数返回a与b的中间值。
如上所述地输出光标730的位置可利用V如下布置。
光标的位置=V0+V*lerp(1,0.5,t)
即,当再次参考上述公式时,光标730的位置在从方向向量的开始点V0到实际指示位置720的向量V上,并且由lerp(1,0.5,t)的值来确定向量V上的哪一位置是光标730的位置。
如果t为0,则光标730的位置与控制装置200的实际指示位置720相同。这种状态指示没有执行滚动,不存在阻力。
如果t为1,则光标730的位置大约在距V0的向量长度V的一半处,这里,最大程度地执行滚动,并且阻力也最高。
如果t为0.5,则光标730的位置为V0+V*0.75,在与距V0的向量长度V的3/4对应的点处。
如上所述,lerp函数是根据t而变化的函数。t指示控制装置的指示位置距滚动边界有多远,以及控制装置的指示位置与输出光标的位置之间的距离差。t的值与控制装置的指示位置偏离滚动边界的程度成比例地增加。
控制装置的指示位置与输出光标的位置之间的距离差与控制装置的指示位置偏离滚动边界的程度成比例地增加,以便允许用户感觉到阻力。例如,当在将滚动强度从0增加至0.1时光标的移动量为1时,在将滚动强度从0.1增加至0.2时光标移动1.2以使得用户可感觉到阻力。
再参照图16B,显示设备100可将光标730输出在根据如上所述的光标位置公式计算的位置处,并且可显示几何图形(其中,该几何图形以滚动区域700的左边缘作为边并以向量V上的预设位置为顶点),以便表现得就像滚动区域像橡胶一样被拉伸,或者就像显示在屏幕上的光标的位置由于橡胶的阻力而无法跟随实际指示位置。在图16B中,视觉效果被添加至滚动区域700,从而表现光标730牵拉由橡胶形成的滚动区域700的左边缘,从而拉伸滚动区域700的左边缘的运动。
参照图16C,用户可操纵控制装置200以与图16B中相比进一步指向左边,以使得控制装置200的指示位置720与图16B相比更靠左,以接近滚动范围的阈值点。光标730也与滚动距离成比例地被输出在更靠左的位置处,因此,滚动区域的左边缘也被表现得就像它被进一步拉伸。
参照图16D,用户可操纵控制装置200以与图16C中相比进一步向下指,以使得控制装置200的指示位置720与图16C相比更向下,以接近滚动范围的阈值点。光标730也与滚动距离成比例地被输出在更向下的位置处,因此,滚动区域的左边缘也被表现得就像它在进一步向下的方向上拉伸。
图16E类似于图16D,不同之处在于没有显示光标730。根据示例性实施例,如图16E所示,可仅通过提供输出几何图形的视觉效果来使用户感觉到滚动阻力,该几何图形以指示从方向向量的开始点V0到实际指示位置的向量V上所限定的位置为顶点并以滚动区域的边缘为边。这里,向量V上所限定的位置可以是如上所述计算的光标730的位置。
图16F示出根据另一示例性实施例的允许用户感觉到滚动阻力的方法。这里,仅显示光标730,不显示光标730周围的几何图形。
参照图16F,尽管没有添加如图16D或图16E所示使得滚动区域的边缘像橡胶一样拉伸的视觉效果,但是由于如参照图16B或图16C所述光标730被显示在用户可感觉到阻力的位置处,所以用户可由于输出光标730的位置而感觉到阻力。
参照图16G,当用户移动控制装置200以使得控制装置200进一步指示图16B至图16F的指示位置720的左边,并且控制装置200的指示位置720偏离滚动范围的阈值点时,显示设备100将通过添加视觉效果而输出的滚动区域700输出为原始状态,并且还将光标730显示在与控制装置200的实际指示位置720相同的位置处。
以下,将参照图17至图21描述使滚动项目变形的示例性实施例。根据实施例,当根据由用户操纵的控制装置的指示位置到达滚动列表的末尾时,可使滚动项目变形来向用户提供用户接口,从而用户通过该用户接口可自发地觉察到到达滚动列表的末尾。
图17是根据示例性实施例的显示设备中执行的显示方法的流程图。
图18A和图18B示出用于说明根据示例性实施例的通过基于滚动距离使滚动项目的形状变形来输出滚动项目的参考图。
将参照图13A、图13B和图14来描述根据本示例性实施例的显示方法。
参照图17,在操作1710中,显示设备100在屏幕上提供显示有滚动列表的至少一个滚动项目的滚动区域以及与控制装置200的输入对应的光标。
参照图18A,显示设备100在显示设备100的显示器115的下端提供滚动区域800。滚动列表显示在滚动区域800中,多个滚动项目布置在该滚动列表中。在图18A中,滚动区域800中显示有滚动项目801至808。各个滚动项目可具有例如带高度h和宽度w的正方形形状。另外,显示设备100在显示器115的屏幕上提供与控制装置200的指示位置对应的光标820。
在操作1720中,响应于光标到达滚动列表的末尾,显示设备100基于控制装置200的滚动距离使滚动项目的形状变形并且输出滚动项目。
参照图18B,当用户意图利用控制装置200从滚动列表的一端进一步滚动时,与控制装置200的指示位置对应的光标820到达滚动区域800的左边界。
这里,显示设备100通过使滚动项目变形来输出滚动项目,以使得用户可自发地觉察到到达滚动列表的一端。参照图18B,显示设备100通过使各个滚动项目的高度h变形成h’以及使各个滚动项目的宽度w变形成w’,来输出滚动项目。
图19A和图19B示出用于说明根据示例性实施例的当滚动项目水平地布置时滚动项目的变形的参考图。
图19B示出包括滚动项目901至904的多个滚动项目水平地布置的滚动区域900。各个滚动项目具有带高度h和宽度w的正方形形状。
参照图19B,显示设备100通过使滚动项目变形来输出滚动项目,以使得用户可自发地觉察到到达滚动列表的一端。参照图19B,显示设备100将滚动项目901、902和903显示在滚动区域900中,并且通过将各个滚动项目的高度h减小至h’并将各个滚动项目的宽度w增大至w’,来输出滚动项目901、902和903。这里,各个滚动项目的变形程度可不同地设定。可仅使各个滚动项目的高度变形,或者可仅使各个滚动项目的宽度变形,或者可使各个滚动项目的高度和宽度二者变形。另外,根据示例性实施例,高度可减小,宽度可增大与所减小的高度相等的量,以维持滚动项目的面积与变形之前的面积相同。
图20A和图20B示出用于说明的当滚动项目垂直地布置时滚动项目的变形的参考图。
图20A示出包括滚动项目1001至1004的多个滚动项目垂直地布置的滚动区域1000。各个滚动项目具有带高度h和宽度w的正方形形状。
参照图20B,显示设备100通过使滚动项目变形来输出滚动项目,以使得用户可自发地觉察到到达滚动列表的一端。参照图20B,显示设备100将滚动项目1001、1002和1003显示在滚动区域1000中,并且通过将各个滚动项目的高度h增大至h’并将各个滚动项目的宽度w减小至w’,来输出滚动项目1001、1002和1003。这里,各个滚动项目的变形程度可不同地设定。可仅使各个滚动项目的高度变形,或者可仅使各个滚动项目的宽度变形,或者可使各个滚动项目的高度和宽度二者变形。
图21是用于说明根据示例性实施例的能够被添加到滚动项目的变形的项目属性的参考图。
如图19A、图19B、图20A和图20B的示例性实施例中一样,为了允许用户自发地觉察到到达滚动列表的一端,除了滚动项目的尺寸的变形以外,还可进一步修改滚动项目的性质。
根据示例性实施例,如图19B所示的高度减小并且宽度增大的滚动项目的透明度可变化。
根据示例性实施例,如图19B所示的高度减小并且宽度增大的滚动项目的色值可变化。
根据示例性实施例,如图19B所示的高度减小并且宽度增大的滚动项目的亮度可变化。
根据示例性实施例,如图19B所示的高度减小并且宽度增大的滚动项目的色度可变化。
图22A至图22G是用于说明根据示例性实施例的通过基于滚动距离使滚动项目的形状变形来输出滚动项目的方法的参考图。
参照图22A,显示滚动项目的滚动区域1100和包括多个滚动项目的滚动列表1110被显示。滚动列表1110包括滚动项目A、B、C、D、E、F、G、H、I、J、K和L。滚动区域1100可显示六个滚动项目,在图22A中的滚动区域1100中显示有滚动项目D至I。用户可利用控制装置从滚动区域1100向左滚动,以使得布置在滚动项目D的左侧并且不可见的滚动项目A、B和C显示在滚动区域1100中。另外,用户可利用控制装置向右滚动,以使得布置在滚动项目I的右侧并且不可见的滚动项目J、K和L显示在滚动区域1100中。滚动列表的长度对应于所有滚动项目的宽度之和并且由contentsize表示,滚动区域1100的长度由Width表示。
HeadPos表示滚动列表的开始点。当滚动区域1100的左边界部分作为基准而被设定为0,并且一个滚动项目的宽度被设定为1时,图22A中的HeadPos为-3。
参照图22B,通过利用控制装置从如图22A所示显示的滚动项目向右滚动,滚动列表的右端的六个滚动项目G至L显示在滚动区域1100中。在图22B中,HeadPos为-6。
参照图22C,通过从如图22B所示显示的滚动项目向左滚动,滚动列表的左侧的六个滚动项目B至G显示在滚动区域1100中。在图22C中,HeadPos为-1。
参照图22D,通过从如图22C所示显示的滚动项目进一步向左滚动,滚动列表的左端的六个滚动项目A至F显示在滚动区域1100中。作为图22D中的滚动列表的开始位置的HeadPos对应于滚动区域1100的左边界并且为0。
HeadPos具有从-Contentsize+Width到0的值。
详细地讲,当图22D所示的滚动列表的滚动项目滚动直至右端,并且右端的六个滚动项目被包括在滚动区域1100中时,HeadPos具有最小值。在这种情况下,HeadPos值为-Contentsize+Width。在图22D中,即,当滚动项目滚动直至滚动列表中的左端以使得滚动列表的左端的六个滚动项目被包括在滚动区域1100中时,HeadPos具有最大值。这里,HeadPos的最大值为0。因此,关于典型的滚动,HeadPos可具有从<-Contentsize+Width>到<0>的值。
另外,在图22D中,HeadPos与作为项目的绘制开始的位置的DrawingHeadPos相同。
然而,在图22D的滚动项目的显示状态下,即,当滚动列表的左端到达滚动区域1100的左边界,并且用户利用控制装置进一步向左滚动时,如图22E所示,HeadPos变得大于0,这是特别的情况。参照图22E,上部示出滚动列表的左端到达滚动区域1100的左边缘的滚动列表的状态。在这种状态下,如图22E的下部所示,当用户利用控制装置意图进一步向左滚动时,作为滚动列表的开始位置的HeadPos值变得大于0,结果,DrawingHeadPos和HeadPos变得不同。
通过确定HeadPos变得大于作为HeadPos的典型值的0,可确定已到达滚动列表的一尾,可开始滚动项目的变形。相似的,在图22B所示的滚动项目的显示状态下,当用户进一步向右端执行滚动以确定HeadPos变得小于-Contentsize+Width(HeadPos的典型范围)时,因为已到达滚动列表的末尾,可确定可开始滚动项目的变形。
如上面参照图22E所述,当从滚动列表的一端进一步执行滚动时,可调节开始绘制滚动区域1100的左端部分处的滚动项目的位置(即,DrawingHeadPos)。即,为了允许用户直观地识别出到达滚动列表的一端,开始绘制滚动区域1100的左端部分处的滚动项目的位置(即,DrawingHeadPos)可不在滚动区域1100的左边界处,而是从左边界略微向右。
DrawingHeadPos的值可利用以下计算方法来获得。
floatAutoScrollArea::calcDrawHeadPos(){
if(HeadPos<-Contentsize+Width){//当HeadPos小于-Contentsize+Width
constfloatd=(-Contentsize+Width-HeadPos);
constfloatt=d/Width;
restore
-contentSize+Width-MOVELIMIT*interp(t);//像邻接公式一样计算DrawHeadPos
}
elseif(HeadPos>0){//当HeadPos大于0
constfloatd=HeadPos;
constfloatt=d/Width;
restoreMOVELIMIT*interp(t);
}//像邻接公式一样计算DrawHeadPos
returnHeadPos;//当HeadPos不小于-Contentsize+Width并且不大于0,DrawHeadPos与HeadPos相同
}
上述计算方法将在下面详细描述。
图22F是用于说明滚动项目的变形量的参考图。
参照图22F,滚动项目的默认高度为“DEFSIZE”,根据滚动项目变形而变形的变形滚动项目的高度由“size”表示。另外,在滚动项目的默认状态下,y轴位置为“DEFPOS”,根据滚动项目变形而变形的变形滚动项目的y轴位置由“POS”表示。DEFORMLIMIT表示滚动项目变形的量的最大值。
例如,根据示例性实施例的变形滚动项目的高度和位置可如下计算。
DEFSIZE=100
DEFORMLIMIT=0.8
if(headpos<-contentSize+width){//当从右端向右进一步执行滚动时
t=(-contentSize+width-HeadPos)/width;//计算t
}
elseif(headPos>0){//当从左端向左进一步执行滚动时
t=HeadPos/width;//计算t
}
size=DEFSIZE*lerp(1,DEFORMLIMIT,interp(t));//计算size
pos=DEFPOS+(DEFAULTSIZE-size)/2//计算Pos
这里,lerp()是线性值函数并且被计算为lerp(a,b,t)=a+t(b-a)。lerp()是用于将一个值平滑地改变为另一个值的函数。
因此,lerp(1,DEFORMLIMIT,interp(t))是当值从1变化到DEFORMLIMIT时返回在interp(t)处的值的函数。
因此,当相对于默认尺寸100,作为变形滚动项目的高度的尺寸从1变化到0.8(上述DEFORMLIMIT设置值)时,可利用lerp(1,DEFORMLIMIT,interp(t))使该尺寸平滑地变化。现在将在下面参照图22H来描述lerp(1,DEFORMLIMIT,interp(t))。
插值曲线Interp(t)示出于图22H中。
Interp(t)是具有朝着1减小的倾角的插值曲线。
根据本示例性实施例,t与HeadPos成比例。例如,在图22F所示的状态下,在滚动列表的左侧对应于滚动区域的左边界的同时,当进一步向左执行滚动时,HeadPos向右移动,并且如果向左滚动的滚动值较小,则HeadPos也减小,与HeadPos成比例的t也减小。参照图22H,当t是相对较小的值时,Interp(t)具有相对较大的倾角变化,并且lerp(1,DEFORMLIMIT,interp(t))=1+interp(t)(DEFORMLIMIT-1),因此lerp的值相对剧烈地变化。
另外,当在图22F的状态下向左滚动的滚动值增大时,HeadPos也增大,与HeadPos成比例的t也增大。参照图22H,当t是相对较大的值时,Interp(t)具有相对较小的倾角变化,并且lerp(1,DEFORMLIMIT,interp(t))=1+interp(t)(DEFORMLIMIT-1),因此lerp变化相对较小的角度。
因此,当HeadPos偏离HeadPos的一般范围较小程度时,滚动项目的高度“Size”的变化较大,HeadPos越偏离HeadPos的一般范围,滚动项目的高度“Size”的变化减小得越多,用户可体验到阻力增加。
另外,参照图22F,在滚动列表的左侧对应于滚动区域的左边界的同时,当进一步向左执行滚动时,HeadPos向右移动,这里,作为绘制滚动项目的实际开始位置的DrawingHeadPos也可改变。即,参照图22F,DrawingHeadPos不对应于滚动区域1100的左边界,而是从滚动区域1100的左边界略微向右。DrawingHeadPos可如下计算。
if(headPos<-contentSize+width){//当从右端进一步执行滚动时
t=(-contentSize+width-HeadPos)/width;
return-contentSize+width-MOVELIMIT*interp(t)
}
elseif(headPos>0){//当从左端进一步执行滚动时
t=HeadPos/width;
returnMOVELIMIT*interp(t)
这里,MOVELIMIT表示与可从滚动列表的一端移动的最大距离对应的常数。
Interp表示如图22H所示具有朝着1变小的倾角的插值曲线。
在上述情况下,例如,当从左端进一步执行滚动时,t与HeadPos成比例,并且Interp(t)是具有朝着1变小的倾角的插值曲线。
另外,参照图22F,在滚动列表的左侧对应于滚动区域的左边界的同时,当进一步向左执行滚动时,HeadPos向右移动,并且当向左滚动的滚动值较小时,HeadPos也减小,作为与HeadPos成比例的值的t也减小。参照图22H,当t是相对较小的值时,Interp(t)具有倾角变化相对较大的值,因此,DrawingHeadPos=MOVELIMIT*interp(t)并且具有较大的倾角变化。
在图22F所示的状态下,在滚动列表的左侧对应于滚动区域的左边界的同时,当进一步向左执行滚动时,HeadPos向右移动,并且当向左滚动的滚动值增大时,HeadPos也增大,与HeadPos成比例的t也增大。参照图22H,当t是相对较大的值时,Interp(t)具有相对较小的倾角变化,因此,DrawingHeadPos=MOVELIMIT*interp(t)并且具有较小的倾角变化。
因此,当HeadPos偏离HeadPos的一般范围较小程度时,DreawingHeadPos的变化较大,HeadPos越偏离HeadPos的一般范围,滚动项目的高度“Size”的变化减小得越多,用户可体验到阻力增加。
图22G是示出根据示例性实施例的变形滚动项目恢复其原始形式的参考图。
例如,可在不执行滚动操作并且HeadPos偏离HeadPos的一般范围时(即,当滚动操作被释放时),执行变形滚动项目恢复其原始形式。
变形滚动项目恢复其原始形式可如下执行。
if(Headpos<-contentSize+width){//当从右端进一步执行滚动时,如下执行动画。
value0=HeadPos;value1=-contentSize+width;
startAt=elapsedTime();
startAnimation();
}
elseif(HeadPos>0){//当从左端进一步执行滚动时,如下执行动画。
value0=HeadPos;value1=0;
startAt=elapsedTime();
startAnimation();
DURATION;//返回动画持续时间
t=elapsedTime()-startAt;
v=1;//如果逝去的时间已经过去,基本值为1。
if(t<DURATION)
v=t/DURATION;
else
stopAnimation();//动画结束
HeadPos=lerp(value0,value1,interp(v));
图23示出根据示例性实施例的用于设置滚动项目的变形程度的用户界面2300。
根据滚动项目的尺寸改变的上述示例性实施例,可提供允许用户设置滚动项目的变形程度的用户界面。参照图23,在显示设备100的显示器115上提供用户界面2300。
用户可通过在用于设置滚动项目的变形程度的用户界面2300上控制DEFORMLIMIT项目2310来设置滚动项目的变形程度。参照图23,用户可通过利用控制装置200在DEFORMLIMIT项目2310中将横条2320定位在例如0.5至1.0之间的位置处,来设置DEFORMLIMIT值。上面参照图22F描述了DEFORMLIMIT值,用户可通过设置DEFORMLIMIT值的最小值来增大滚动项目的变形程度,从而将滚动项目的高度最小化,或者可通过设置DEFORMLIMIT值的最大值以使得变形滚动项目的高度与原始滚动项目的高度没有不同(即,使得不产生变形)来设置滚动项目的小的变形程度。
图24A和图24B示出用于说明根据示例性实施例的滚动方向的参考图。
参照图24A,示出根据示例性实施例的水平滚动区域1200。在该水平滚动区域1200中,显示有滚动列表的滚动项目1210、1220、1230、1240、1250、1260、1270和1280中的一些滚动项目1220至1260。根据示例性实施例,滚动项目1210、1220、1230、1240、1250、1260、1270和1280分别表示服务提供商标识符1、2、3、4、5、6、7和8。用户可利用控制装置使滚动列表在水平方向上(即,在x轴方向上)滚动,以使得滚动项目1210至1280中的一些滚动项目显示在水平滚动区域1200中。
根据示例性实施例,可针对上述水平滚动列表,增加垂直滚动。例如,当利用控制装置200选择指示服务提供商标识符3的滚动项目1230时或者仅仅在与控制装置200对应的光标位于滚动项目1230上的同时,当用户利用控制装置200执行垂直滚动时,可生成垂直滚动。垂直滚动是指由用户利用控制装置200对滚动项目1230向上或向下执行的滚动。与服务提供商标识符3对应的垂直滚动列表包括附加信息11230-1和附加信息21230-2作为滚动项目。在图24A的状态下,当用户利用控制装置200针对指示服务提供商标识符3的滚动项目1230执行垂直滚动时,如图24B所示,指示附加信息2的滚动项目1230-2可显示在水平滚动区域1200中。
根据图24A和图24B所示的示例性实施例,为了描述方便示出了针对与服务提供商标识符3对应的滚动项目1230的垂直滚动列表。然而,还可布置其它滚动项目1210至1280以具有相应的垂直滚动列表。
根据示例性实施例,与服务提供商标识符对应的附加信息可表示由服务提供商提供的内容的列表。
根据示例性实施例,与服务提供商标识符对应的附加信息可表示由服务提供商提供的节目中被设置为优选节目的节目。
根据示例性实施例,与服务提供商标识符对应的附加信息可表示关于服务提供商当前提供的节目的信息或者关于在当前提供的节目结束之后服务提供商将要提供的下一节目的信息。
图25A和图25B示出用于说明根据另一示例性实施例的滚动方向的参考图。参照图25A,根据示例性实施例示出垂直滚动区域1300。在该垂直滚动区域1300中,滚动列表的滚动项目1310、1320、1330、1340、1350、1360和1370中的一些滚动项目1320至1360被显示在垂直滚动区域1300中。根据示例性实施例,滚动项目1310、1320、1330、1340、1350、1360和1370分别表示服务提供商标识符1、2、3、4、5、6和7。因此,用户可通过利用控制装置200使滚动列表垂直地滚动来显示滚动项目1310至1370。
根据示例性实施例,可针对上述垂直滚动列表,增加水平滚动。例如,当利用控制装置200选择指示服务提供商标识符4的滚动项目1340时或者仅仅在与控制装置200对应的光标位于滚动项目1340上的同时,当用户利用控制装置200执行水平滚动时,可生成水平滚动。水平滚动是指由用户利用控制装置200对滚动项目1340向左或向右执行的滚动。与服务提供商标识符4对应的水平滚动列表包括附加信息11340-1、附加信息21340-2、附加信息31340-3和附加信息41340-4作为滚动项目。在图25A的状态下,当用户利用控制装置200针对指示服务提供商标识符4的滚动项目1340执行水平滚动时,如图25B所示,指示附加信息2的滚动项目1340-2可显示在垂直滚动区域1300中。
图26A和图26B示出根据示例性实施例组合了通过基于滚动距离在光标或滚动区域中反映视觉效果来显示光标或滚动区域与通过使滚动项目的形状变形来显示滚动项目的示例。
参照图26A,显示设备100可在显示器115上提供滚动区域1400并且在滚动区域1400上输出滚动项目1401至1404。用户利用控制装置200使滚动区域1400的项目滚动。这里,响应于光标1410接触滚动区域1400的边缘,显示设备100通过基于滚动距离使光标变形来输出光标1410,并且还可通过使滚动项目的形状变形来输出滚动项目,以便允许用户识别出到达滚动列表的一端。
参照图26B,显示设备100可在显示器115上提供滚动区域1400并且在滚动区域1440上输出滚动项目1401至1404。用户利用控制装置200使滚动区域1400的项目滚动。这里,响应于与控制装置200的输入对应并且接触滚动区域1400的边缘的光标1410,显示设备100通过基于滚动距离将视觉效果添加至滚动区域1400来输出滚动区域1400,并且还可通过使滚动项目的形状变形来输出滚动项目,以便允许用户识别出到达滚动列表的末尾。
图27A至图27C示出应用了根据示例性实施例的基于滚动距离的光标形状的变形的电子节目指南(EPG)。
EPG或者交互节目指南向用户提供显示广播节目或者当前广播节目或待广播节目的安排信息的菜单。
参照图27A,显示设备100在显示器115上提供EPG1500。EPG1500包括频道项目1510、频道列表滚动区域1520、时间信息1530和节目信息滚动区域1540,所述节目信息滚动区域1540包括在各种时段中广播的节目。用户可使频道列表滚动区域1520垂直地滚动,以使得其它未见频道的信息被显示在频道列表滚动区域1520上。另外,用户可使节目信息滚动区域1540水平地滚动,以使得未见的其它时段的节目的信息被显示在节目信息滚动区域1540中。
参照图27A,当还未执行滚动时具有圆形形状的光标1550显示在输出EPG1500的屏幕上。
参照图27B,当用户从频道列表滚动区域1520向上滚动以便观看频道101上面的频道信息时,响应于光标1550接触滚动区域1520的上边缘,显示设备100可通过基于滚动距离使光标1550变形成椭圆形状来输出光标1550。
更详细地讲,当光标1550位于屏幕的边缘处或者位于屏幕的滚动区域1540的边缘处时,显示设备100可启用显示设备100的屏幕整体或部分地滚动的边缘滚动模式。边缘滚动模式可被默认为自动启用,或者响应于光标的输出位置位于屏幕的滚动区域内而被启用。在以全屏模式再现视频时,显示设备100可禁用边缘滚动模式。在边缘滚动模式下,显示设备100可确定光标1550的输入位置,确定从拖动输入的输入位置到最终位置的拖动输入的距离,并且确定滚动区域1540的边缘与拖动输入的最终位置之间的距离。光标1550的输入位置可以是通过控制装置200输入的光标1500的实际位置。当显示设备100利用触摸面板来实现时,输入位置可对应于直接在触摸面板上进行的触摸的位置。在边缘滚动模式下,显示设备100可基于所确定的距离将视觉效果应用于光标1550。该视觉效果可对应于与滚动区域的边缘与拖动输入的最终位置之间的距离成比例地改变光标的形状。可选地或另外地,视觉效果可对应于使得光标能够按照与滚动区域的边缘与拖动输入的最终位置之间的距离成比例的频率闪烁。
参照图27C,当用户利用控制装置200从频道列表滚动区域1520向左滚动以便观看与12:00AM对应的时段的广播节目的信息时,响应于光标1550接触滚动区域1520的左边缘,显示设备100可通过基于滚动距离使光标1550变形成椭圆形状来输出光标1550。
尽管不限于此,示例性实施例可被实现为程序指令,其可利用各种计算机组件来执行并且可被写到计算机可读记录介质。计算机可读记录介质可包括单独或组合的程序指令、数据文件、数据结构等。被编写到计算机可读记录介质的程序指令可为上述示例性实施例专门设计和配置。计算机可读记录介质的示例包括磁存储介质(例如,硬盘、软盘、磁带等)、光学记录介质(例如,CD-ROM或DVD)、磁光介质(例如,光磁盘)以及被专门配置为存储和执行程序指令的硬件装置(例如,ROM、RAM、闪存等)。计算机可读记录介质还可分布于联网的计算机系统上以使得计算机可读代码以分布式方式被存储和装置。另外,示例性实施例可被写为计算机程序,其经计算机可读传输介质(例如,载波)来发送并且在执行程序的通用或专用数字计算机中接收并实现。此外,将理解,在示例性实施例中,上述设备和装置的一个或更多个单元可包括电路、处理器、微处理器等,并且可执行存储在计算机可读介质中的计算机程序。程序指令的示例不仅包括利用编译器生成的机器代码,而且包括可利用解释器等在计算机上执行的高级语言代码。
根据一个或更多个示例性实施例,在执行边缘滚动时当光标的形状或者滚动项目的形状变形时,用户可自发且直观地体验到到达列表的末尾。
上述示例性实施例仅是示例性的,不应被解释为限制。本教导可被容易地应用于其它类型的设备。另外,示例性实施例的描述意在为示例性的,而非限制权利要求的范围,对于本领域技术人员而言许多替代、修改和变化将显而易见。
Claims (15)
1.一种显示设备,该显示设备包括:
显示器,被配置为基于控制装置的输入来显示光标;以及
控制器,被配置为响应于检测到光标的位置在滚动区域的边缘处离开滚动区域,而控制显示器基于控制装置的滚动距离将视觉效果添加到在滚动区域的边缘处的光标或者滚动区域。
2.根据权利要求1所述的显示设备,其中,控制器还被配置为基于控制装置所指示的实际位置与在滚动区域的边缘上的光标的位置之间的距离差,来确定滚动距离。
3.根据权利要求1所述的显示设备,其中,控制器还被配置为响应于光标离开滚动区域,通过使光标的形状变形来将视觉效果添加到光标。
4.根据权利要求3所述的显示设备,其中,光标具有圆形形状,并且控制器还被配置为控制显示器基于滚动距离使光标的形状变形成椭圆形状。
5.根据权利要求4所述的显示设备,其中,控制器还被配置为响应于控制装置的滚动方向对应于水平方向,而通过使光标变形成垂直较长的椭圆形状来输出光标,并且控制器还被配置为响应于控制装置的滚动方向对应于垂直方向,而通过使光标变形成水平较长的椭圆形状来输出光标。
6.根据权利要求1所述的显示设备,其中,控制器还被配置为响应于滚动距离超过滚动范围的阈值,而控制显示器将光标恢复到光标的原始形式或者将滚动区域恢复到滚动区域的原始形式,而不添加视觉效果。
7.根据权利要求1所述的显示设备,其中,控制器还被配置为通过使滚动区域的边缘变形来将视觉效果添加到滚动区域,所述视觉效果表示将滚动区域的边缘朝着控制装置的指示位置牵拉的运动。
8.根据权利要求7所述的显示设备,其中,控制器还被配置为控制显示器将光标显示在从滚动区域中的点朝着控制装置的位置的向量上所限定的位置处。
9.根据权利要求7所述的显示设备,其中,控制器还被配置为控制显示器显示几何图形,该几何图形包括与从滚动区域中的点朝着控制装置的位置的向量上所限定的位置对应的顶点以及与滚动区域的边缘对应的边。
10.一种显示设备的显示方法,该方法包括:
基于控制装置的输入在显示设备上显示光标;以及
响应于检测到光标的位置在滚动区域的边缘处离开滚动区域,通过基于控制装置的滚动距离将视觉效果添加到在滚动区域的边缘处的光标或者滚动区域,来输出光标或滚动区域。
11.根据权利要求10所述的显示方法,还包括:基于控制装置所指示的实际位置与在滚动区域的边缘上的光标的位置之间的距离差,来确定滚动距离。
12.根据权利要求10所述的显示方法,还包括:响应于光标离开滚动区域,通过使光标的形状变形来将视觉效果添加到光标。
13.根据权利要求10所述的显示方法,还包括:响应于滚动距离超过滚动范围的阈值,将光标恢复到光标的原始形式或者将滚动区域恢复到滚动区域的原始形式,而不将视觉效果添加到光标或滚动区域。
14.根据权利要求10所述的显示方法,还包括:通过使滚动区域的边缘变形来将视觉效果添加到滚动区域果,所述视觉效果表示将滚动区域的边缘朝着控制装置的指示位置牵拉的运动。
15.一种显示设备的显示方法,该方法包括:
启用边缘滚动模式,其中,在所述边缘滚动模式下,响应于光标位于屏幕的边缘处或者屏幕的滚动区域的边缘处,显示设备的屏幕整体或部分地滚动;
确定光标的输入位置;
确定从所述输入位置到拖动输入的最终位置的拖动输入的距离;
确定滚动区域的边缘与拖动输入的最终位置之间的距离;以及
基于最终位置与滚动区域的边缘之间的距离将视觉效果应用于光标。
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR10-2014-0188636 | 2014-12-24 | ||
KR1020140188636A KR102252321B1 (ko) | 2014-12-24 | 2014-12-24 | 디스플레이 장치 및 디스플레이 방법 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN105744337A true CN105744337A (zh) | 2016-07-06 |
CN105744337B CN105744337B (zh) | 2019-09-03 |
Family
ID=56150929
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510983086.9A Active CN105744337B (zh) | 2014-12-24 | 2015-12-24 | 显示设备和显示方法 |
Country Status (5)
Country | Link |
---|---|
US (1) | US10671265B2 (zh) |
KR (1) | KR102252321B1 (zh) |
CN (1) | CN105744337B (zh) |
RU (1) | RU2689412C2 (zh) |
WO (1) | WO2016104952A1 (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108008873A (zh) * | 2017-11-10 | 2018-05-08 | 亮风台(上海)信息科技有限公司 | 一种头戴式显示设备的用户界面操作方法 |
CN110475138A (zh) * | 2019-07-05 | 2019-11-19 | 平安国际智慧城市科技股份有限公司 | 显示页面的焦点触发方法、装置、计算机设备和存储介质 |
CN113515202A (zh) * | 2021-07-27 | 2021-10-19 | 北京字节跳动网络技术有限公司 | 光标移动方法、装置和电子设备 |
WO2022262502A1 (zh) * | 2021-06-16 | 2022-12-22 | 荣耀终端有限公司 | 光标显示方法及电子设备 |
Families Citing this family (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR102252321B1 (ko) * | 2014-12-24 | 2021-05-14 | 삼성전자주식회사 | 디스플레이 장치 및 디스플레이 방법 |
US10489043B2 (en) * | 2015-12-15 | 2019-11-26 | International Business Machines Corporation | Cognitive graphical control element |
WO2017195472A1 (ja) * | 2016-05-11 | 2017-11-16 | シャープ株式会社 | 情報処理装置、情報処理装置の制御方法、および制御プログラム |
JP6668980B2 (ja) * | 2016-07-04 | 2020-03-18 | 富士通株式会社 | 送信制御プログラム、送信制御方法および情報処理装置 |
USD847841S1 (en) | 2017-11-01 | 2019-05-07 | Apple Inc. | Display screen or portion thereof with graphical user interface |
CN109324729A (zh) * | 2018-09-27 | 2019-02-12 | 深圳点猫科技有限公司 | 一种基于教育云操作系统的停靠栏显示方法及装置 |
US11240358B2 (en) * | 2020-06-22 | 2022-02-01 | Motorola Mobility Llc | Electronic devices and methods for moving content presentation on one or more displays |
KR20240010314A (ko) * | 2022-07-15 | 2024-01-23 | 삼성전자주식회사 | 전자 장치 및 그 ui 제공 방법 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2010114878A1 (en) * | 2009-03-31 | 2010-10-07 | Google Inc. | System of indicating the distance or surface of an image of a geographical object |
CN102144213A (zh) * | 2008-08-29 | 2011-08-03 | 微软公司 | 可滚动区域多缩放比例查看 |
CN102597944A (zh) * | 2009-10-16 | 2012-07-18 | 高通股份有限公司 | 内容边界信令技术 |
CN103428548A (zh) * | 2012-05-22 | 2013-12-04 | Lg电子株式会社 | 图像显示设备及其操作方法 |
Family Cites Families (21)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5874936A (en) * | 1996-12-20 | 1999-02-23 | International Business Machines Corporation | Method and apparatus for automatic scrolling by remote control |
US7681149B2 (en) | 2003-05-21 | 2010-03-16 | Nokia Corporation | User interface display for set-top box device |
US8760522B2 (en) | 2005-10-21 | 2014-06-24 | I-Interactive Llc | Multi-directional remote control system and method |
JP4695384B2 (ja) * | 2004-11-30 | 2011-06-08 | 株式会社日立製作所 | カーソルの機能切り換え方法及びこれを使用する情報処理装置 |
JP2007060555A (ja) | 2005-08-26 | 2007-03-08 | Canon Inc | テレビジョン番組表示装置、表示制御方法、プログラム、記憶媒体 |
KR100913962B1 (ko) * | 2007-05-14 | 2009-08-26 | 삼성전자주식회사 | 이동통신 단말기의 문자 입력 방법 및 장치 |
JP5184832B2 (ja) * | 2007-07-17 | 2013-04-17 | キヤノン株式会社 | 情報処理装置及びその制御方法、コンピュータプログラム |
WO2010029415A2 (en) * | 2008-09-10 | 2010-03-18 | Opera Software Asa | Method and apparatus for providing finger touch layers in a user agent |
KR101075728B1 (ko) | 2008-09-25 | 2011-10-21 | 엘지전자 주식회사 | 영상표시장치 및 영상표시장치의 채널정보 표시방법 |
US9213477B2 (en) * | 2009-04-07 | 2015-12-15 | Tara Chand Singhal | Apparatus and method for touch screen user interface for handheld electric devices part II |
JP2010282408A (ja) * | 2009-06-04 | 2010-12-16 | Sony Corp | 制御装置、入力装置、制御システム、ハンドヘルド装置及び制御方法 |
US9152318B2 (en) | 2009-11-25 | 2015-10-06 | Yahoo! Inc. | Gallery application for content viewing |
US8334840B2 (en) * | 2010-01-19 | 2012-12-18 | Visteon Global Technologies, Inc. | System and method of screen manipulation using haptic enable controller |
US8910076B2 (en) | 2010-12-17 | 2014-12-09 | Juan Fernandez | Social media platform |
KR101740439B1 (ko) * | 2010-12-23 | 2017-05-26 | 엘지전자 주식회사 | 이동 단말기 및 그 제어방법 |
US20130125066A1 (en) | 2011-11-14 | 2013-05-16 | Microsoft Corporation | Adaptive Area Cursor |
US9645699B2 (en) * | 2012-02-10 | 2017-05-09 | Apple Inc. | Device, method, and graphical user interface for adjusting partially off-screen windows |
KR20140020568A (ko) | 2012-08-09 | 2014-02-19 | 삼성전자주식회사 | 디스플레이 장치 및 이의 제어 방법 |
JP6185707B2 (ja) * | 2012-11-16 | 2017-08-23 | 任天堂株式会社 | プログラム、情報処理装置、情報処理システム、および情報処理方法 |
KR20160071869A (ko) * | 2014-12-12 | 2016-06-22 | 삼성전자주식회사 | 디스플레이 장치 및 디스플레이 방법 |
KR102252321B1 (ko) * | 2014-12-24 | 2021-05-14 | 삼성전자주식회사 | 디스플레이 장치 및 디스플레이 방법 |
-
2014
- 2014-12-24 KR KR1020140188636A patent/KR102252321B1/ko active IP Right Grant
-
2015
- 2015-11-18 WO PCT/KR2015/012366 patent/WO2016104952A1/en active Application Filing
- 2015-11-18 RU RU2017120777A patent/RU2689412C2/ru active
- 2015-11-27 US US14/953,063 patent/US10671265B2/en active Active
- 2015-12-24 CN CN201510983086.9A patent/CN105744337B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102144213A (zh) * | 2008-08-29 | 2011-08-03 | 微软公司 | 可滚动区域多缩放比例查看 |
WO2010114878A1 (en) * | 2009-03-31 | 2010-10-07 | Google Inc. | System of indicating the distance or surface of an image of a geographical object |
CN102597944A (zh) * | 2009-10-16 | 2012-07-18 | 高通股份有限公司 | 内容边界信令技术 |
CN103428548A (zh) * | 2012-05-22 | 2013-12-04 | Lg电子株式会社 | 图像显示设备及其操作方法 |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108008873A (zh) * | 2017-11-10 | 2018-05-08 | 亮风台(上海)信息科技有限公司 | 一种头戴式显示设备的用户界面操作方法 |
CN110475138A (zh) * | 2019-07-05 | 2019-11-19 | 平安国际智慧城市科技股份有限公司 | 显示页面的焦点触发方法、装置、计算机设备和存储介质 |
WO2022262502A1 (zh) * | 2021-06-16 | 2022-12-22 | 荣耀终端有限公司 | 光标显示方法及电子设备 |
US11989385B2 (en) | 2021-06-16 | 2024-05-21 | Honor Device Co., Ltd. | Cursor display method and electronic device |
CN113515202A (zh) * | 2021-07-27 | 2021-10-19 | 北京字节跳动网络技术有限公司 | 光标移动方法、装置和电子设备 |
CN113515202B (zh) * | 2021-07-27 | 2023-12-12 | 北京字节跳动网络技术有限公司 | 光标移动方法、装置和电子设备 |
Also Published As
Publication number | Publication date |
---|---|
KR102252321B1 (ko) | 2021-05-14 |
US10671265B2 (en) | 2020-06-02 |
RU2017120777A3 (zh) | 2019-03-28 |
CN105744337B (zh) | 2019-09-03 |
US20160188148A1 (en) | 2016-06-30 |
KR20160078026A (ko) | 2016-07-04 |
WO2016104952A1 (en) | 2016-06-30 |
RU2689412C2 (ru) | 2019-05-28 |
RU2017120777A (ru) | 2019-01-24 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN105744337A (zh) | 显示设备和显示方法 | |
US10453246B2 (en) | Image display apparatus and method of operating the same | |
CN105704525B (zh) | 显示设备和显示方法 | |
US10732792B2 (en) | Image display apparatus and method for changing properties of a highlighted item and surrounding items | |
KR102511363B1 (ko) | 디스플레이 장치 및 디스플레이 방법 | |
KR102659287B1 (ko) | 영상 표시 장치 및 그 동작 방법 | |
CN105763920B (zh) | 显示装置和显示方法 | |
EP3056974B1 (en) | Display apparatus and method | |
CN105739815A (zh) | 图像显示设备和图像显示方法 | |
KR20140089858A (ko) | 전자 장치 및 그의 제어 방법 | |
US11169662B2 (en) | Display apparatus and display method | |
US20160231917A1 (en) | Display apparatus and display method | |
KR20170072652A (ko) | 디스플레이 장치 및 디스플레이 방법 | |
EP3032393B1 (en) | Display apparatus and display method | |
US20170285767A1 (en) | Display device and display method |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |