WO2020186863A1 - 一种显示设备 - Google Patents

一种显示设备 Download PDF

Info

Publication number
WO2020186863A1
WO2020186863A1 PCT/CN2019/127296 CN2019127296W WO2020186863A1 WO 2020186863 A1 WO2020186863 A1 WO 2020186863A1 CN 2019127296 W CN2019127296 W CN 2019127296W WO 2020186863 A1 WO2020186863 A1 WO 2020186863A1
Authority
WO
WIPO (PCT)
Prior art keywords
item
sub
items
display area
display
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.)
Ceased
Application number
PCT/CN2019/127296
Other languages
English (en)
French (fr)
Inventor
宁静
孔祥键
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Hisense Visual Technology Co Ltd
Original Assignee
Hisense Visual Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Hisense Visual Technology Co Ltd filed Critical Hisense Visual Technology Co Ltd
Publication of WO2020186863A1 publication Critical patent/WO2020186863A1/zh
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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 OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Definitions

  • This application relates to the field of display technology, and in particular to a display device.
  • the operability of the user interface displayed on the display device affects the user experience.
  • the user interface displayed by the display device is very rich in content.
  • the content under the currently selected grouping category is provided, and the content under other grouping categories is not provided.
  • the clearing of the grouping category can be achieved Visible, but it is not conducive for users to browse more content. Therefore, it is necessary to provide a new user interface display method for improving user experience.
  • the embodiment of the present application provides a display device to improve the user experience of the user operating the display device.
  • a display device including:
  • a display for displaying a GUI includes at least a first display area and a second display area, the first display area includes a plurality of items, and the second display area includes at least one associated with the item Sub-items; and a selector indicating that the item is selected;
  • a user interface for receiving a movement instruction for controlling the movement of the selector
  • the multiple sub-items of the second display area are scrolled by a preset distance so that more The boundary sub-items associated with the selected item among the sub-items are scrolled to a position around the selected item; the boundary sub-items are sub-items arranged on the edge among at least one sub-item associated with the selected item.
  • the sub-items displayed in the second display area in the GUI are scrolled and updated according to the arrangement direction of the sub-items, so as to remove the sub-items displayed in the GUI from the GUI, At the same time, sub-items that were not previously in the GUI are displayed in the GUI.
  • the multiple sub-items in the second display area are arranged horizontally in rows or vertically arranged in columns.
  • the multiple sub-items in the second display area are scrolled by a preset distance, so that the boundary sub-items associated with the selected item among the multiple sub-items are scrolled to the periphery of the selected item Location, including:
  • the multiple sub-items arranged horizontally in rows are scrolled in the left or right direction by a preset distance, so that the boundary sub-item in at least one sub-item associated with the selected item is scrolled to the upper direction of the selected item or Down position; or,
  • the plurality of sub-items arranged vertically in columns are scrolled by a preset distance in the up or down direction, so that the boundary sub-item in at least one sub-item associated with the selected item is scrolled to the left direction of the selected item or Right position.
  • the preset distance is determined based on the width of the item in the first display area and the index of the item in the first display area.
  • the preset distance is based on the width of the item in the first display area, the index of the item in the first display area, and the spacing between different items in the first display area It is determined.
  • another display device including:
  • a display for displaying a GUI includes at least a first display area and a second display area, the first display area includes a plurality of items, and the second display area includes at least one associated with the item A sub-item; and a selector indicating that the sub-item is selected;
  • a user interface for receiving a movement instruction for controlling the movement of the selector
  • the selected sub-item and the one item are presented in the order of arrangement from one boundary sub-item to another boundary sub-item.
  • the boundary sub-item is a sub-item arranged on the edge among at least one sub-item associated with one item.
  • the offset is greater than or equal to 0 and less than the width of the item to which the selected sub-item belongs in the first display area.
  • the offset is determined by the index of the selected sub-item in the sub-item associated with the item to which it belongs, and the number of sub-items associated with the item to which it belongs.
  • the controller is also used to execute:
  • the display state of the second item in the first display area is changed to replace the display state of the first item.
  • FIG. 1A exemplarily shows a schematic diagram of an operation scene between a display device and a control device
  • FIG. 1B exemplarily shows a configuration block diagram of the control device 100 in FIG. 1A;
  • FIG. 1C exemplarily shows a configuration block diagram of the display device 200 in FIG. 1A;
  • FIG. 1D exemplarily shows a block diagram of the architecture configuration of the operating system in the memory of the display device 200.
  • FIG. 2 exemplarily shows a schematic diagram of a GUI 400 provided by the display device 200
  • 3A-3E illustrate schematic diagrams of a GUI 400 provided by the display device 200 by operating the control device 100;
  • FIGS. 4A-4E exemplarily show schematic diagrams of another GUI 400 provided by the display device 200 by operating the control device 100;
  • 5A-5E exemplarily show a schematic diagram of another GUI 400 provided by the display device 200 by operating the control device 100;
  • 6A-6B exemplarily show a flowchart of a method 600 provided by a display device when the selector moves in the first display area;
  • FIG. 7 exemplarily shows a schematic diagram of a method for calculating the scroll distance of multiple sub-items in the second display area when the selector moves in the first display area;
  • FIGS. 8A-8B exemplarily show a flowchart of a method 800 provided by a display device when the selector moves in the second display area;
  • 9A-9B exemplarily show a schematic diagram of a method for calculating the scroll distance of multiple sub-items in the second display area when the selector moves in the second display area.
  • module refers to any known or later developed hardware, software, firmware, artificial intelligence, fuzzy logic, or combination of hardware or/and software code that can perform functions related to the element.
  • gesture used in this application refers to a user's behavior through a change of hand shape or hand movement to express expected ideas, actions, goals, and/or results.
  • FIG. 1A exemplarily shows a schematic diagram of an operation scene between a display device and a control device.
  • the control device 100 and the display device 200 can communicate in a wired or wireless manner.
  • control device 100 is configured to control the display device 200, which can receive operation instructions input by the user, and convert the operation instructions into instructions that the display device 200 can recognize and respond to, and act as an intermediary for the interaction between the user and the display device 200 effect.
  • the user operates the channel addition and subtraction keys on the control device 100, and the display device 200 responds to the channel addition and subtraction operations.
  • the control device 100 may be a remote controller 100A, including infrared protocol communication or Bluetooth protocol communication, and other short-distance communication methods, etc., to control the display device 200 through wireless or other wired methods.
  • the user can control the display device 200 by inputting user instructions through keys on the remote control, voice input, control panel input, etc.
  • the user can control the display device 200 by inputting corresponding control commands through the volume plus and minus keys, channel control keys, up/down/left/right movement keys, voice input keys, menu keys, and switch buttons on the remote control. Function.
  • the control device 100 may also be a smart device, such as a mobile terminal 100B, a tablet computer, a computer, a notebook computer, etc.
  • a smart device such as a mobile terminal 100B, a tablet computer, a computer, a notebook computer, etc.
  • an application program running on a smart device is used to control the display device 200.
  • the application can be configured to provide users with various controls through an intuitive user interface (UI) on the screen associated with the smart device.
  • UI intuitive user interface
  • the mobile terminal 100B may install a software application with the display device 200, realize connection communication through a network communication protocol, and realize the purpose of one-to-one control operation and data communication.
  • the mobile terminal 100B can establish a control instruction protocol with the display device 200, and by operating various function keys or virtual buttons of the user interface provided on the mobile terminal 100B, the functions of the physical keys arranged like the remote control 100A can be realized.
  • the audio and video content displayed on the mobile terminal 100B can also be transmitted to the display device 200 to realize the synchronous display function.
  • the display device 200 can be implemented as a TV, and can provide a smart network TV function with a broadcast receiving TV function and a computer support function.
  • Examples of display devices include digital TV, Internet TV, smart TV, Internet Protocol TV (IPTV), and so on.
  • the display device 200 may be a liquid crystal display, an organic light emitting display, or a projection display device.
  • the specific display device type, size and resolution are not limited.
  • the display device 200 also performs data communication with the server 300 through multiple communication methods.
  • the display device 200 may be allowed to communicate through a local area network (LAN), a wireless local area network (WLAN), and other networks.
  • the server 300 may provide various contents and interactions to the display device 200.
  • the display device 200 can send and receive information, such as receiving electronic program guide (EPG) data, receiving software program updates, or accessing a remotely stored digital media library.
  • EPG electronic program guide
  • the server 300 can be one group or multiple groups, and can be one type or multiple types of servers.
  • the server 300 provides other network service content such as video on demand and advertising services.
  • FIG. 1B exemplarily shows a configuration block diagram of the control device 100.
  • the control device 100 includes a controller 110, a memory 120, a communicator 130, a user input interface 140, an output interface 150, and a power supply 160.
  • the controller 110 includes a random access memory (RAM) 111, a read only memory (ROM) 112, a processor 113, a communication interface, and a communication bus.
  • RAM random access memory
  • ROM read only memory
  • the controller 110 is used to control the operation and operation of the control device 100, as well as the communication cooperation between internal components, and external and internal data processing functions.
  • the controller 110 may control to generate a signal corresponding to the detected interaction, and This signal is sent to the display device 200.
  • the memory 120 is used to store various operating programs, data and applications for driving and controlling the control device 100 under the control of the controller 110.
  • the memory 120 can store various control signal instructions input by the user.
  • the communicator 130 realizes communication of control signals and data signals with the display device 200 under the control of the controller 110.
  • the control device 100 sends a control signal (such as a touch signal or a button signal) to the display device 200 via the communicator 130, and the control device 100 can receive the signal sent by the display device 200 via the communicator 130.
  • the communicator 130 may include an infrared signal interface 131 and a radio frequency signal interface 132.
  • the user input instruction needs to be converted into an infrared control signal according to the infrared control protocol, and sent to the display device 200 via the infrared sending module.
  • a radio frequency signal interface a user input instruction needs to be converted into a digital signal, which is then modulated according to the radio frequency control signal modulation protocol, and then sent to the display device 200 by the radio frequency transmitting terminal.
  • the user input interface 140 may include at least one of a microphone 141, a touch panel 142, a sensor 143, a button 144, etc., so that the user can input user instructions for controlling the display device 200 to the control device through voice, touch, gesture, pressing, etc. 100.
  • the output interface 150 outputs a user instruction received by the user input interface 140 to the display device 200, or outputs an image or voice signal received by the display device 200.
  • the output interface 150 may include an LED interface 151, a vibration interface 152 that generates vibration, a sound output interface 153 that outputs a sound, a display 154 that outputs an image, and the like.
  • the remote controller 100A can receive output signals such as audio, video, or data from the output interface 150, and display the output signals as images on the display 154, as audio on the sound output interface 153, or as vibration on the vibration interface 152. form.
  • the power supply 160 is used to provide operating power support for each element of the control device 100 under the control of the controller 110.
  • the form can be battery and related control circuit.
  • FIG. 1C exemplarily shows a block diagram of the hardware configuration of the display device 200.
  • the display device 200 may further include a tuner and demodulator 210, a communicator 220, a detector 230, an external device interface 240, a controller 250, a memory 260, a user interface 265, a video processor 270, and a display 275.
  • the tuner and demodulator 210 which receives broadcast television signals through wired or wireless means, can perform modulation and demodulation processing such as amplification, mixing and resonance, and is used to demodulate the television selected by the user from multiple wireless or cable broadcast television signals Audio and video signals carried in the frequency of the channel, and additional information (such as EPG data).
  • modulation and demodulation processing such as amplification, mixing and resonance
  • the tuner and demodulator 220 can be selected by the user and controlled by the controller 250 to respond to the frequency of the television channel selected by the user and the television signal carried by the frequency.
  • the tuner and demodulator 220 can receive signals in many ways according to different broadcasting formats of TV signals, such as terrestrial broadcasting, cable broadcasting, satellite broadcasting or Internet broadcasting; and according to different modulation types, it can be digital modulation or analog Modulation method; and according to different types of received TV signals, analog signals and digital signals can be demodulated.
  • different broadcasting formats of TV signals such as terrestrial broadcasting, cable broadcasting, satellite broadcasting or Internet broadcasting
  • modulation types it can be digital modulation or analog Modulation method
  • analog signals and digital signals can be demodulated.
  • the tuner demodulator 220 may also be in an external device, such as an external set-top box.
  • the set-top box outputs a television signal after modulation and demodulation, and inputs it to the display device 200 through the external device interface 240.
  • the communicator 220 is a component used to communicate with external devices or external servers according to various communication protocol types.
  • the display device 200 may transmit content data to an external device connected via the communicator 220, or browse and download content data from an external device connected via the communicator 220.
  • the communicator 220 may include a network communication protocol module such as a WIFI module 221, a Bluetooth communication protocol module 222, and a wired Ethernet communication protocol module 223 or a near field communication protocol module, so that the communicator 220 can receive the control device 100 according to the control of the controller 250 Control signals, and implement the control signals as WIFI signals, Bluetooth signals, radio frequency signals, etc.
  • the detector 230 is a component of the display device 200 for collecting signals from the external environment or interacting with the outside.
  • the detector 230 may include an image collector 231, such as a camera, a camera, etc., which can be used to collect external environment scenes to adaptively change the display parameters of the display device 200; and to collect user attributes or interact with the user gestures to achieve Display the interactive function between the device and the user. It may also include a light receiver 232 for collecting the ambient light intensity to adapt to changes in display parameters of the display device 200 and so on.
  • the detector 230 may also include a temperature sensor.
  • the display device 200 may adaptively adjust the display color temperature of the image. Exemplarily, when the temperature is relatively high, the color temperature of the display device 200 can be adjusted to be relatively cool; when the temperature is relatively low, the color temperature of the display device 200 can be adjusted to be relatively warm.
  • the detector 230 may also include a sound collector, such as a microphone, which may be used to receive a user's voice, such as a voice signal of a control instruction for the user to control the display device 200; or, may be used to collect The environmental sound of the environmental scene type is recognized, so that the display device 200 can adapt to the environmental noise.
  • a sound collector such as a microphone
  • a user's voice such as a voice signal of a control instruction for the user to control the display device 200
  • the external device interface 240 is a component that provides the controller 210 to control the data transmission between the display device 200 and external devices.
  • the external device interface 240 can be connected to external devices such as set-top boxes, game devices, notebook computers, etc. in a wired/wireless manner, and can receive external devices such as video signals (such as moving images), audio signals (such as music), and additional information (such as EPG). ) And other data.
  • the external device interface 240 may include: a high-definition multimedia interface (HDMI) terminal 241, a composite video blanking synchronization (CVBS) terminal 242, an analog or digital component terminal 243, a universal serial bus (USB) terminal 244, and a component (Component) Any one or more of terminals (not shown in the figure), red, green and blue (RGB) terminals (not shown in the figure), etc.
  • HDMI high-definition multimedia interface
  • CVBS composite video blanking synchronization
  • USB universal serial bus
  • Component Any one or more of terminals (not shown in the figure), red, green and blue (RGB) terminals (not shown in the figure), etc.
  • the controller 250 controls the work of the display device 200 and responds to user operations by running various software control programs (such as an operating system and various application programs) stored on the memory 260.
  • various software control programs such as an operating system and various application programs
  • the controller 250 includes a random access memory (RAM) 251, a read only memory (ROM) 252, a graphics processor 253, a CPU processor 254, a communication interface 255, and a communication bus 256.
  • RAM random access memory
  • ROM read only memory
  • CPU CPU processor
  • communication interface 255 a communication bus 256.
  • the RAM 251, the ROM 252, the graphics processor 253, and the CPU processor 254 communication interface 255 are connected through a communication bus 256.
  • ROM252 used to store various system startup instructions. For example, when the power-on signal is received, the power of the display device 200 starts to start, and the CPU processor 254 runs the system start instruction in the ROM 252, and copies the operating system stored in the memory 260 to the RAM 251 to start running the start operating system. After the operating system is started up, the CPU processor 254 copies various application programs in the memory 260 to the RAM 251, and then starts to run and start various application programs.
  • the graphics processor 253 is used to generate screen images of various graphics objects, such as icons, images, and operation menus.
  • the graphics processor 253 may include an arithmetic unit, which is used to perform operations by receiving various interactive instructions input by the user, and then display various objects according to the display attributes; and includes a renderer, which is used to generate various objects obtained based on the arithmetic unit, and perform operations.
  • the rendered result is displayed on the display 275.
  • the CPU processor 254 is configured to execute operating system and application program instructions stored in the memory 260. And according to the received user input instructions, to execute various applications, data and content processing, so as to finally display and play various audio and video content.
  • the CPU processor 254 may include multiple processors.
  • the multiple processors may include one main processor and multiple or one sub-processors.
  • the main processor is configured to perform some initialization operations of the display device 200 in the display device preloading mode, and/or, to display screen operations in the normal mode. Multiple or one sub-processor, used to perform an operation in the standby mode of the display device.
  • the communication interface 255 may include the first interface to the nth interface. These interfaces may be network interfaces connected to external devices via a network.
  • the controller 250 may control the overall operation of the display device 200. For example, in response to receiving a user input command for selecting a GUI object displayed on the display 275, the controller 250 may perform an operation related to the object selected by the user input command.
  • the object can be any one of the selectable objects, such as a hyperlink or an icon.
  • the operation related to the selected object for example, the operation of displaying the page, document, image, etc. connected to the hyperlink, or the operation of executing the program corresponding to the icon.
  • the user input command for selecting the GUI object may be a command input through various input devices (for example, a mouse, a keyboard, a touch pad, etc.) connected to the display device 200 or a voice command corresponding to the voice spoken by the user.
  • the memory 260 is used to store various types of data, software programs or application programs for driving and controlling the operation of the display device 200.
  • the memory 260 may include volatile and/or nonvolatile memory.
  • the term “memory” includes the memory 260, the RAM 251 and ROM 252 of the controller 250, or the memory card in the display device 200.
  • the memory 260 is specifically used to store operating programs that drive the controller 250 in the display device 200; to store various application programs built in the display device 200 and downloaded from external devices by the user; and to store configuration provided by the display 275 Data such as various GUIs, various objects related to the GUI, and visual effect images of the selector used to select GUI objects.
  • the memory 260 is specifically used to store the drivers and related data of the tuner and demodulator 210, the communicator 220, the detector 230, the external device interface 240, the video processor 270, the display 275, the audio processor 280, etc. , External data (such as audio and video data) received from the external device interface or user data (such as button information, voice information, touch information, etc.) received from the user interface.
  • External data such as audio and video data
  • user data such as button information, voice information, touch information, etc.
  • the memory 260 specifically stores software and/or programs used to represent an operating system (OS). These software and/or programs may include, for example: kernel, middleware, application programming interface (API), and/or application.
  • OS operating system
  • these software and/or programs may include, for example: kernel, middleware, application programming interface (API), and/or application.
  • the kernel can control or manage system resources, and functions implemented by other programs (such as the middleware, API, or application program); at the same time, the kernel can provide interfaces to allow middleware, API, or application program access control To control or manage system resources.
  • FIG. 1D exemplarily shows a block diagram of the architecture configuration of the operating system in the memory of the display device 200.
  • the operating system architecture from top to bottom is the application layer, the framework layer and the kernel layer.
  • Application layer system built-in applications and non-system-level applications belong to the application layer. Responsible for direct interaction with users.
  • the application layer may include multiple applications, such as live TV applications, video-on-demand applications, media center applications, screenshot applications, and so on.
  • Live TV applications can provide live TV through different sources.
  • a live TV application may use input from cable TV, wireless broadcasting, satellite services, or other types of live TV services to provide TV signals.
  • the live TV application can display the video of the live TV signal on the display device 200.
  • Video-on-demand applications can provide videos from different storage sources. Unlike live TV applications, VOD provides video display from certain storage sources. For example, the video on demand can come from the server side of cloud storage, and from the local hard disk storage that contains the stored video programs.
  • Media center applications can provide various multimedia content playback applications.
  • the media center may be different from live TV or video on demand, and users can access various images or audio and video stored in the memory through the media center application.
  • the screenshot application can take a screenshot of the current display on the monitor, and mark the identifiers (such as people, channel logos, buildings, etc.) contained in the screenshot image, such as the identification frame, name, etc., to provide users with a display Display function of various identifiers contained in the screen.
  • the currently displayed screen can be at least one of text, image, and video.
  • the framework layer (framework) is responsible for providing the API required by the application layer.
  • live TV applications, video-on-demand applications, and media center applications can call decoders for audio and video decoding through the interface provided by the framework layer.
  • the screenshot application can call the screenshot image of the currently displayed screen that has been intercepted through the interface provided by the framework layer.
  • the kernel layer provides core system services, such as file management, memory management, process management, network management, system security authority management and other services.
  • the kernel also provides communication between system software and hardware, and device driver services for various hardware, such as: providing display drivers for displays, camera drivers for cameras, button drivers for remote controls, and WIFI modules WiFi driver, audio driver for audio output interface, power management driver for power management (PM) module, etc.
  • the display device when the display device performs the screenshot processing function on the screen on the display, the user touches the screenshot button arranged on the remote control, the key driver in the kernel layer first converts the key value corresponding to the screenshot button into a screenshot input instruction, and The screenshot input instruction is passed to the framework layer; the framework layer notifies the screenshot input instruction to the screenshot application, and the screenshot application notifies the framework layer to start the screenshot processing of the screen on the display, and stores the screenshot; thus the screenshot application obtains After the screenshot is taken, it is displayed on the monitor.
  • the user interface 265 receives various user interactions. Specifically, it is used to send the user's input signal to the controller 250, or to transmit the output signal from the controller 250 to the user.
  • the remote control 100A may send input signals such as a power switch signal, a channel selection signal, and a volume adjustment signal input by the user to the user interface 265, and then the user interface 265 transfers to the controller 250; or the remote control 100A may Receive output signals such as audio, video, or data output from the user interface 265 through the controller 250 and display the received output signal or output the received output signal as audio or vibration.
  • the user may input a user command on a graphical user interface (GUI) displayed on the display 275, and the user interface 265 receives the user input command through the GUI.
  • GUI graphical user interface
  • the user interface 265 may receive a user input command for controlling the position of the selector in the GUI to select different objects or items.
  • the user may input a user command by inputting a specific sound or gesture, and the user interface 265 recognizes the sound or gesture through the sensor to receive the user input command.
  • the video processor 270 is used to receive external video signals, and perform video data processing such as decompression, decoding, scaling, noise reduction, frame rate conversion, resolution conversion, and image synthesis according to the standard codec protocol of the input signal.
  • video data processing such as decompression, decoding, scaling, noise reduction, frame rate conversion, resolution conversion, and image synthesis according to the standard codec protocol of the input signal.
  • the video signal displayed or played directly on the display 275.
  • the video processor 270 includes a demultiplexing module, a video decoding module, an image synthesis module, a frame rate conversion module, a display formatting module, and the like.
  • the demultiplexing module is used to demultiplex the input audio and video data stream, such as input MPEG-2 stream (based on the compression standard of digital storage media moving images and voice), then the demultiplexing module will demultiplex it Multiplexed into video signals and audio signals, etc.
  • input audio and video data stream such as input MPEG-2 stream (based on the compression standard of digital storage media moving images and voice)
  • the video decoding module is used to process the demultiplexed video signal, including decoding and scaling.
  • An image synthesis module such as an image synthesizer, is used to superimpose and mix the GUI signal generated by the graphics generator with the zoomed video image according to user input or itself to generate a displayable image signal.
  • the frame rate conversion module is used to convert the frame rate of the input video, such as converting the frame rate of the input 60Hz video to a frame rate of 120Hz or 240Hz, and the usual format is implemented in a frame-insertion mode.
  • the display formatting module is used to change the signal output by the frame rate conversion module into a signal conforming to the display format such as a display, for example, format the signal output by the frame rate conversion module to output RGB data signals.
  • the display 275 is used to receive the image signal output from the video processor 270 to display video, image, and menu control interface.
  • the display may display the video in the broadcast signal received from the tuner and demodulator 210, may also display the video input from the communicator 220 or the external device interface 240, and may also display the image stored in the memory 260.
  • the display 275 simultaneously displays a user manipulation interface UI generated in the display device 200 and used for controlling the display device 200.
  • the display 275 may include a display screen component for presenting a picture and a driving component for driving image display.
  • the display 275 may also include a projection device and a projection screen.
  • the audio processor 280 is used to receive external audio signals, and perform decompression and decoding according to the standard codec protocol of the input signal, as well as audio data processing such as noise reduction, digital-to-analog conversion, and amplification processing.
  • the audio signal to be played is used to receive external audio signals, and perform decompression and decoding according to the standard codec protocol of the input signal, as well as audio data processing such as noise reduction, digital-to-analog conversion, and amplification processing.
  • the audio processor 280 may support various audio formats. Such as MPEG-2, MPEG-4, Advanced Audio Coding (AAC), High Efficiency AAC (HE-AAC) and other formats.
  • AAC Advanced Audio Coding
  • HE-AAC High Efficiency AAC
  • the audio output interface 285 is used to receive audio signals output from the audio processor 280.
  • the audio output interface can output audio in the broadcast signal received via the tuner demodulator 210, can also output audio input via the communicator 220 or the external device interface 240, and can also output audio stored in the memory 260.
  • the audio output interface 285 may include a speaker 286, or an external audio output terminal 287 output to a generator of an external device, such as a headphone output terminal.
  • the video processor 270 may include one or more chips.
  • the audio processor 280 may also include one or more chips.
  • the video processor 270 and the audio processor 280 may be separate chips, or may be integrated with the controller 250 in one or more chips.
  • the power supply 290 is used to provide power supply support for the display device 200 with power input from an external power supply under the control of the controller 250.
  • the power supply 290 may be a built-in power supply circuit installed inside the display device 200, or may be a power supply installed outside the display device 200.
  • FIG. 2 exemplarily shows a schematic diagram of a GUI 400 provided by the display device 200.
  • the display device may provide a GUI to the display.
  • the GUI includes a plurality of display areas, and each display area includes one or more different items arranged. For example, the first display area 41 and the second display area 42.
  • the GUI also includes a selector 43 indicating that any item is selected, and the position of the selector in the GUI can be moved by the input of the user operating the control device to change the selection of different items.
  • the multiple display areas may be visible boundaries or invisible boundaries.
  • different display areas can be identified by different background colors, different display areas can also be identified by visible signs such as boundary lines, or different display areas can be identified by invisible invisible borders.
  • Multiple display areas may not have visible or invisible boundaries, but only display related items in a certain area on the screen. When these related items have the same display attributes, the certain area is viewed It is the existence of the boundary of the same display area. For example, the items in the first display area 41 are not scrollable, while the items in the second display area 42 are scrollable.
  • an item refers to a visual object displayed in each display area of the GUI in the display device 200 to represent corresponding content such as icons, thumbnails, video clips, links and the like.
  • the item can represent the image content or video clip of a movie, TV series, audio content of music, application program, or other user access content history information.
  • the item may display image thumbnails.
  • the project can be displayed as a poster of the movie or TV series.
  • the item is music, the poster of the music album can be displayed.
  • the project when the project is an application, it can be displayed as an icon of the application, or a screenshot of the content of the application captured when the application was executed most recently.
  • the project when the project is a user's access history, it can be displayed as a screenshot of the content during the most recent execution.
  • Projects can be displayed as video clips.
  • the project is a dynamic picture of a video clip of a trailer for a TV or TV series.
  • the item may indicate an interface or a collection of interfaces through which the display device 200 is connected to an external device, or may indicate the name of an external device connected to the display device, or the like.
  • signal source input interface collection or HDMI interface, USB interface, PC terminal interface, etc.
  • the presentation of items is usually diversified.
  • the item may include text content and/or an image for displaying thumbnails related to the text content, or video clips related to the text.
  • the item can be the text and/or icon of the application.
  • Each item can have the same size or different sizes.
  • each item in the first display area has the same width W1
  • each item in the second display area has the same width W2.
  • W1 may be equal to W2.
  • the selector is used to indicate that any item has been selected, such as the focus object.
  • the item can be selected or controlled by controlling the movement of the focus object displayed in the display device 200 according to the user's input through the control device 100.
  • the user can use the arrow keys on the control device 100 to control the movement of the focus object between items to select and control items.
  • the focus object refers to the object that moves between items based on user input. For example, as shown in FIG. 3A, a thick line is drawn on the edge of the item to realize or identify the position of the focus object 43.
  • the form of the focus object is not limited to an example, and the position of the focus object 43 may be identified by changing the border line, size, color, transparency and outline and/or font of the text or image of the focus item.
  • FIGS. 3A-3E exemplarily show schematic diagrams of a GUI 400 provided by the display device 200 by operating the control device 100.
  • a first display area 41 including a plurality of different items is provided, and these items are used to be selected by the selector 43, so that the display device displays the selected item in the second display area 42 At least one associated sub-item.
  • the sub-items are grouped into different item categories based on content data stored in the display device or configured in the background. For example, when the project is a game category, its sub-projects can be links to games such as Honor of Kings, League of Legends, Fruit Ninja, etc.; when the project is a video category, its sub-projects can be links to TV series or movies such as Dahan Tianzi and Translator; When the item is a setting category, its sub-items can be function links such as volume setting, notification setting, and permission setting.
  • the items in the first exhibition area and the second exhibition area are arranged horizontally in a row.
  • the items in the first display area and the second display area may also be arranged vertically in a row.
  • the first display area 41 includes items 411 to 415
  • the current selector indicates that the item 411 is selected
  • the second display area 42 displays sub-items 4111 to 4113 associated with the selected item 411 .
  • FIG. 3A when the user presses the right direction key on the control device, as shown in FIG. 3B, the position of the selector is moved in response to the input right direction instruction so that the selector indicates that the item 412 in the first display area 41 is If selected, the sub-items 4121 to 4122 associated with the selected item 412 are displayed in the second display area 42, and the sub-items 4111 to 4113 associated with the item 411 are no longer displayed.
  • FIG. 3B when the user continues to press the right direction key on the control device, as shown in FIG. 3C, the position of the selector is moved in response to the input right direction instruction so that the selector indicates the item 413 in the first display area 41 If selected, the sub-items 4131-4134 associated with the selected item 413 are displayed in the second display area 42, and the sub-items 4121-4122 associated with the item 412 are no longer displayed.
  • FIG. 3C when the user continues to press the right direction key on the control device, as shown in FIG. 3D, the position of the selector is moved in response to the input right direction instruction so that the selector indicates the item 414 in the first display area 41 If selected, the sub-items 4141 to 4144 associated with the selected item 414 are displayed in the second display area 42 and the sub-items 4131 to 4134 associated with the item 413 are no longer displayed.
  • FIG. 3D when the user continues to press the right direction key on the control device, as shown in FIG. 3E, the position of the selector is moved in response to the input right direction instruction so that the selector indicates the item 415 in the first display area 41 If selected, the sub-items 4151 to 4155 associated with the selected item 415 are displayed in the second display area 42 and the sub-items 4141 to 4144 associated with the item 414 are no longer displayed.
  • FIGS. 4A-4E exemplarily show schematic diagrams of another GUI 400 provided by the display device 200 by operating the control device 100.
  • a first display area 41 including a plurality of items is provided. These items are used to be selected by the selector 43, so that the display device displays in the second display area 42 related to the selected item At least one sub-item of the link, and some sub-items of the sub-items related to other items except the selected item.
  • the sub-items displayed in the second display area are part of the sub-item list including sub-items associated with all the items in the first display area.
  • This sub-item list is usually longer than the second display area in the GUI, so the second display area can only display part of the sub-items in the scrolling list of sub-items, that is, the second display area, which can be scrolled and updated in the GUI through user input The displayed sub-items.
  • the items in the first exhibition area and the second exhibition area are arranged horizontally in a row.
  • the items in the first display area and the second display area may also be arranged vertically in a row.
  • FIGS. 4A-4E the GUI change process of the selector moving in the first display area according to the user input instruction is illustrated by FIGS. 4A-4E.
  • the first display area 41 includes items 411 to 415
  • the current selector indicates that the item 411 is selected
  • the second display area 42 displays sub-items 4111 to 4113 associated with the selected item 411
  • FIG. 4A when the user presses the right direction key on the control device, as shown in FIG. 4B, the position of the selector is moved in response to the input right direction instruction so that the selector indicates that the item 412 in the first display area 41 is If selected, the second display area 42 scrolls a certain distance in the left direction, so that the sub-item 4121 of the sub-items 4121 to 4122 associated with the selected item 412 is scrolled to the position directly below the item 412, and at the same time, the second display area
  • the sub-items 4113, sub-items 4121 to 4122 and the sub-items 4131 to 4132 that are associated with the item 413 adjacent to the item 412 are displayed in 42 to replace the sub-items shown in Figure 4A. 4111 to 4113 and sub-items 4121 to 4122.
  • FIG. 4B when the user presses the right direction key on the control device, as shown in FIG. 4C, the position of the selector is moved in response to the input right direction instruction so that the selector indicates that the item 413 in the first display area 41 is If selected, the second display area 42 scrolls a certain distance in the left direction, so that the sub-item 4131 of the sub-items 4131-4134 associated with the selected item 413 is scrolled to the position directly below the item 413, and at the same time, the second display area The sub-items 4121 to 4122 that are associated with the item 412 adjacent to the item 413 are displayed in 42 to replace the sub-items 4113, 4121 to 4122, and sub-items 4131 to 4132 shown in FIG. 4B.
  • FIG. 4C when the user presses the right direction key on the control device, as shown in FIG. 4D, the position of the selector is moved in response to the input right direction instruction so that the selector indicates that the item 414 in the first display area 41 is If selected, the second display area 42 scrolls a certain distance in the left direction, so that the sub-item 4141 of the sub-items 4141 to 4144 associated with the selected item 414 is scrolled to the position directly below the item 414, and at the same time, the second display area
  • the sub-items 4132-4134 and the sub-items 4141-4142 associated with the item 413 adjacent to the item 414 are displayed in 42 to replace the sub-items 4121-4122 and the sub-items 4131-4133 shown in FIG. 4C.
  • FIG. 4D when the user presses the right direction key on the control device, as shown in FIG. 4E, the position of the selector is moved in response to the input right direction instruction so that the selector indicates that the item 415 in the first display area 41 is If selected, the second display area 42 scrolls a certain distance in the left direction, so that the sub-item 4151 of the sub-items 4151 to 4154 associated with the selected item 415 is scrolled to the position directly below the item 415, and at the same time, the second display area The sub-items 4141-4144 and the sub-item 4151 associated with the item 414 adjacent to the item 415 are displayed in 42 to replace the sub-items 4132-4134 and the sub-items 4141-4142 shown in FIG. 4D.
  • Fig. 4E when the user presses the left direction key on the control device, the position of the selector is moved in response to the input left direction instruction, so that the GUI of Fig. 4E-4D-4C-4B-4A is displayed Reverse change process.
  • the selector when the selector indicates that an item in the first display area is selected, the multiple items in the second display area are scrolled by a certain distance, so that the items in the second display area and the first display area are selected.
  • the boundary sub-item in at least one sub-item associated with the item of is moved to the downward position of the selected item.
  • the boundary sub-item is the sub-item arranged at the edge according to the arrangement direction of the sub-item among at least one sub-item related to the selected item.
  • sub-item 4121 and sub-item 4122 are sub-items 4121 to 4122 associated with item 412.
  • the boundary sub-items in, sub-item 4131 and sub-item 4134 are boundary sub-items in sub-items 4131-4134 that are associated with item 413, etc.
  • the position of the selector is moved in response to the input right direction instruction so that the selector moves from the item 411 in the first display area 41 to Item 412, the second display area 42 scrolls a certain distance in the left direction, so that the boundary sub-item 4121 of the at least one sub-item 4121-4122 associated with the item 412 selected by the selector is scrolled to a position directly below the item 412.
  • the boundary sub-item 4121 is the first sub-item from left to right in the sub-items 4121 to 4122.
  • the position of the selector is moved in response to the input left direction instruction so that the selector moves from the item 412 in the first display area 41 To item 411, the second display area 42 scrolls a certain distance in the right direction, so that at least one of the sub-items 4111-4113 associated with the item 411 selected by the selector is scrolled to the position directly below the item 411 .
  • the boundary sub-item 4111 is the first sub-item from left to right in the sub-items 4111 to 4113. In this way, when the user presses the down direction key on the control device, it is convenient for the user to browse multiple sub-items under the same item category in order from left to right.
  • the position of the selector is moved in response to the input downward direction instruction so that the selector moves from the first display area 41
  • the internal item 411 is moved to the sub-item 4111 in the second display area 42.
  • the item 411 in the first display area 41 is displayed differently from the other items 412 to 415 to remind the user that the currently browsed selected sub-item 4111 belongs to the item 411 Under the category.
  • the border color of item 411 in FIG. 5A is displayed as gray, and the border colors of other items 412 to 415 are displayed as black.
  • FIGS. 5A-5E illustrate the GUI change process of the selector moving in the second display area according to the user input.
  • 5A-5E exemplarily show schematic diagrams of yet another GUI 400 provided by the display device 200 by operating the control device 100.
  • GUI shown in FIGS. 5A-5E has the same layout style as the GUI shown in FIGS. 4A-4E.
  • a first display area 41 including a plurality of items and a second display area 42 including a plurality of sub-items associated with the plurality of items are provided. These sub-items are used to be selected by the selector 43, so that while scrolling the multiple sub-items in the second display area, a certain offset appears between the selected sub-item and the item to which it belongs.
  • the first display area 41 includes items 411 to 415
  • the second display area includes sub items 4111 to 4113 associated with item 411 and sub items 4121 to 4122 associated with item 412.
  • the current selector indicates that the sub-item 4111 in the second display area is selected, and the sub-item 4111 is located directly below the item 411 to which it belongs, that is, the offset 0 between the sub-item 4111 and the item 411 to which it belongs is 0.
  • FIG. 5A when the user presses the right direction key on the control device, as shown in FIG. 5B, the position of the selector is moved in response to the input right direction instruction so that the selector indicates that the sub-item 4112 in the second display area 42 is If selected, the multiple sub-items in the second display area 42 are scrolled for a certain distance in the left direction, so that the offset between the selected sub-item 4112 and the item 411 to which it belongs is offset1. Meanwhile, in FIG. 5B, the border color of item 411 is still displayed as gray, and the border color of other items 412 to 415 is displayed as black.
  • FIG. 5B when the user presses the right direction key on the control device, as shown in FIG. 5C, the position of the selector is moved in response to the input right direction instruction so that the selector indicates that the sub-item 4113 in the second display area 42 is If selected, the multiple sub-items in the second display area 42 are scrolled by a certain distance in the left direction, so that the offset between the selected sub-item 4113 and the item 411 to which it belongs is offset2.
  • the frame color of item 411 is still displayed as gray, and the frame color of other items 412 to 415 is displayed as black.
  • FIG. 5C when the user presses the right direction key on the control device, as shown in FIG. 5D, the position of the selector is moved in response to the input right direction instruction so that the selector indicates that the sub-item 4121 in the second display area 42 is If selected, the multiple sub-items in the second display area 42 scroll a certain distance in the left direction, so that the selected sub-item 4121 is located directly below the item 412 to which it belongs, that is, the offset between the sub-item 4121 and the item 412 to which it belongs is offset0 Is 0.
  • the border color of item 412 in FIG. 5D is changed to gray, and the border colors of other items 411, 413 to 415 are displayed as black to remind the user that the currently selected sub-item 4121 belongs to the category of item 412.
  • FIG. 5D when the user presses the right direction key on the control device, as shown in FIG. 5E, the position of the selector is moved in response to the input right direction instruction so that the selector indicates that the sub item 4122 in the second display area 42 is If selected, the multiple sub-items in the second display area 42 scroll a certain distance in the left direction, so that the offset between the selected sub-item 4122 and the item 412 to which it belongs is offset1. Meanwhile, in FIG. 5E, the border color of item 412 is still displayed as gray, and the border colors of other items 411, 413 to 415 are displayed as black.
  • FIG. 5E when the user presses the left direction key on the control device, the position of the selector is moved in response to the input left direction instruction, so that the GUI of FIG. 5E-5D-5C-5B-5A Reverse change process.
  • the selector in at least one sub-item under the same item category, the selector is instructed to select the sub-item in the order from one boundary sub-item to another boundary sub-item, then the selected sub-item and the item to which it belongs
  • the presented offset gradually changes to prompt the user to browse in the direction or sequence of the gradual change among at least one sub-item under the same item category.
  • the offsets between the sub-item 4111, the sub-item 4112, and the sub-item 411 to which it belongs are offset0, offset1, and offset2 respectively, and offset0 ⁇ offset1 ⁇ offset2, that is, these offsets are The order gradually increases from left to right, which can prompt the user to browse the sub-items 4111 to 4113 under the item 411 category in order from left to right.
  • the offsets between sub-item 4113, sub-item 4112, sub-item 4111 and item 411 to which they belong are offset2, offset1, and offset0, respectively, and offset2>offset1>offset0, that is, these offsets are in accordance with The order gradually decreases from right to left, which can prompt the user to browse the sub-items 4111 to 4113 under the category of item 411 in order from right to left.
  • the offsets between the sub-item 4121, the sub-item 4122 and the item 412 to which it belongs are offset0, offset1, and offset0 ⁇ offset1, that is, these offsets gradually increase in order from left to right.
  • the offsets between the sub-item 4122, the sub-item 4121 and the item 412 to which it belongs are offset1, offset0, and offset1>offset0, that is, these offsets gradually decrease from right to left.
  • the offset between the selected sub-item and the item to which it belongs is greater than or equal to 0, and less than the width of the item to which the selected sub-item belongs in the first display area, to remind the user that at least one sub-item in the same item category Browse between projects.
  • the offsets between the sub-item 4111, the sub-item 4112, and the sub-item 4113 and the item 411 to which it belongs are offset0, offset1, and offset2 respectively. These offsets are greater than or equal to 0 and less than the width of the item 411 , Can prompt the user that the sub-items 4111 to 4113 belong to the item 411 category.
  • the offsets presented between the sub-item 4121, the sub-item 4122 and the item 412 to which it belongs are offset0 and offset1 respectively. These offsets are greater than or equal to 0 and less than the width of the item 412, which can prompt the user Sub-items 4121 to 4122 belong to the category of item 412.
  • 6A-6B exemplarily show a flowchart of a method 600 provided by a display device when the selector moves in the first display area.
  • the method 600 provided by the display device when the selector moves in the first display area includes the following steps S61-S63:
  • Step S61 displaying a GUI including a first display area and a second display area on the display, wherein the first display area includes a plurality of items, and the second display area includes at least one sub-item related to the item; and indicates the item Or the selector for which the sub-item is selected.
  • the GUI shown in FIG. 4A includes a first display area 41 that provides multiple items 411 to 415, and provides items 4111 to 4113 associated with item 411 and items 4121 to 4122 associated with item 412.
  • the second display area 42 and the selector 43 indicating that the item 411 is selected.
  • Step S62 receiving a movement instruction for controlling the movement of the selector through the user interface.
  • the user interface may receive an instruction from the user to control the selector to move to the left/right direction in the GUI by pressing the left/right direction key on the control device, so as to change the position of the selector in the GUI.
  • Step S63 executed by the controller: when it is determined based on the movement instruction that the selector moves in the first display area and the selector moves to an item, scroll the multiple sub-items in the second display area by a preset distance, so that the multiple sub-items The boundary sub-items in at least one sub-item related to the selected item are scrolled to positions around the selected item.
  • the location around the selected item can be the up, down, left, or right location of the selected item; and the selector can be moved from the location of the selected item to the location around the selected item through user input.
  • the controller when the controller determines that the selector moves to an item, the controller specifically executes the following steps:
  • Step S631 Obtain the current index TabIndex of the selected item in the first display area before the selector moves.
  • Step S632 Determine whether the current index TabIndex is the last index in the first display area; if not, perform step S633; otherwise, end the process.
  • Step S633 Obtain the target index targetTabIndex of the selected item in the first display area after the selector moves.
  • Step S634 based on the target index, obtain the index targetDemoIndex of the boundary sub-item under the selected item category.
  • Step S635 based on the index of the boundary sub-item, obtain the abscissa value targetDemoX of the boundary sub-item.
  • Step S636 Calculate the scroll distance L1 required to scroll the multiple sub-items in the second display area according to formula 1.
  • step S637 the multiple sub-items in the second display area are scrolled by a distance L1, so that the boundary sub-items related to the selected item are scrolled to positions around the selected item.
  • the method 600 will be specifically described below in conjunction with FIGS. 6A-6B and FIG. 7.
  • FIG. 7 exemplarily shows a schematic diagram of a method for calculating the scroll distance of multiple sub-items in the second display area when the selector moves in the first display area.
  • the GUI displays a first display area 41 including items 411-415, a second display area 42 including sub-items 4113, 4121-4122, 4131-4132, including items 411-415 related
  • a sub-item list of all sub-items of the association 44 includes a total of 18 sub-items, and the second display area can fully display 5 sub-items.
  • the user can move the position of the selector in the first display area 41 through the control device, thereby scrolling the multiple sub-items in the second display area 42 along the sub-item arrangement direction by a certain distance, so that they are arranged on the left side of the sub-item 4113 and not previously.
  • the sub-items 4111 to 4112 displayed in the GUI are displayed in the second display area 41, or so that the sub-items 4133 to 4155 arranged to the right of the sub item 4132 and not previously displayed in the GUI are displayed in the second display area 41 .
  • the sub-item list 44 scrolls to the left.
  • the five sub-items displayed in the second display area 42 are updated, that is, the five sub-items 4113, 4121-4122, 4131-4132 shown in the figure a in FIG. 7 are updated to 4121-4122, 4131-4133.
  • the sub-item list 44 moves to the left Scroll a certain distance, so that the 5 sub-items displayed in the second display area are updated, that is, the 5 sub-items 4121-4122, 4131-4133 displayed in the b diagram in FIG. 7 are updated to 4132-4134 and 4141-4142.
  • the user can move the position of the selector in the first display area 41 through the control device to make the selector indicate that an item is selected, thereby scrolling multiple sub-items of the second display area 42 along the sub-item arrangement direction by a certain distance, so that The boundary sub-item in the at least one sub-item associated with the selected item in the first display area 41 is scrolled to a position directly below the item.
  • the following formula can be used to calculate the scrolling distance L1 required to scroll the sub-item list, so that the boundary sub-item in at least one sub-item associated with the selected item is scrolled to a position directly below the selected item.
  • targetDemoX represents the distance between the boundary sub-item associated with the selected item and the left edge of the first display area (that is, the abscissa of the boundary sub-item, with the lower left corner of the screen as the coordinate origin); here, targetDemoX can be controlled by the controller according to the boundary
  • the index of the sub-item under the selected item category is directly obtained.
  • targetTabIndex represents the index of the selected item in the first display area, that is, the number of items on the left side of the selected item in the first display area; here, the indexes of items 411 to 415 in the first display area are 0-4.
  • A- indicates the spacing between different items in the first exhibition area; A is greater than or equal to 0.
  • W- represents the width of an item in the first display area.
  • D- indicates the gap between the first item on the left side of the first display area and the left edge of the first display area; D is greater than or equal to 0.
  • the items in the first display area and the sub-items in the second display area have the same width W, which enables users to intuitively experience that the layout of the items has a uniform style and attributes, and conforms to user habits.
  • the spacing between different items in the first display area and the spacing between different sub-items in the second display area are not necessarily the same.
  • different items in the first display area have the same spacing A; and different sub-items under the same category in the second display area have the same spacing B, such as sub-items 4121 and sub-items.
  • the spacing between item 4122 is B
  • the spacing between sub-item 4131 and sub-item 4132 is B
  • the marginal sub-items in sub-items under different categories have the same spacing A, such as the spacing between sub-item 4113 and sub-item 4121 is A
  • the distance between sub-item 4122 and sub-item 4131 is A.
  • the spacing A between different items is the same as the spacing A between edge sub-items in sub-items under different categories, so that users can experience the clear and consistent classification of items in the first display area and the second display area.
  • the distance B can be smaller than the distance A, so that the user can intuitively distinguish between sub-items in the same category and sub-items in different categories in the second display area.
  • different items in the first display area have the same spacing A; and different sub-items in the same category in the second display area have the same spacing B, such as sub-items 4121 and sub-items.
  • the spacing between item 4122 is B
  • the spacing between sub-item 4131 and sub-item 4132 is B
  • the marginal sub-items in sub-items under different categories have the same spacing C, for example, the spacing between sub-item 4113 and sub-item 4121 is C
  • the distance between sub-item 4122 and sub-item 4131 is C.
  • the spacing C may be greater than the spacing A
  • the spacing A may be greater than the spacing B, so that the user can intuitively distinguish between sub-items under the same category and sub-items under different categories in the second display area.
  • this embodiment does not limit the spacing between items.
  • the same distance A between different items in the first display area and the same distance A between different sub-items in the second display area can also enable users to intuitively experience that the layout of the items has a unified style and attributes.
  • this embodiment does not limit the form of distinguishing sub-items under different categories.
  • the same category can also be used.
  • the background color of the sub-items under different categories is different to distinguish it.
  • FIGS. 8A-8B exemplarily show a flowchart of a method 800 provided by the display device when the selector moves in the second display area.
  • the method 800 provided by the display device when the selector moves in the second display area includes the following steps S81-S83:
  • Step S81 displaying a GUI including a first display area and a second display area on the display, where the first display area includes a plurality of items, and the second display area includes at least one sub-item related to the item; and indicates the item Or the selector for which the sub-item is selected.
  • the GUI shown in FIG. 5A includes a first display area 41 that provides multiple items 411 to 415, and provides items 4111 to 4113 associated with item 411 and items 4121 to 4122 associated with item 412.
  • the second display area 42 and the selector 43 indicating that the item 4111 is selected.
  • Step S82 receiving a movement instruction for controlling the movement of the selector through the user interface.
  • the user interface may receive an instruction from the user to control the selector to move to the left/right direction in the GUI by pressing the left/right direction key on the control device, so as to change the position of the selector in the GUI.
  • Step S83 executed by the controller: when it is determined based on the movement instruction that the selector moves in the second display area and the selector moves to one sub-item, scroll multiple sub-items in the second display area so that at least one of the sub-items is There is an offset between the selected sub-item and the item to which it belongs.
  • the controller when the controller determines that the selector moves to a sub-item, the controller specifically executes the following steps:
  • Step S831 Obtain the target index targetTabIndex of the item to which the selected sub-item belongs after the selector moves in the first display area.
  • Step S832 based on the target index, obtain the index targetDemoIndex of the selected sub-item under the item category to which it belongs.
  • Step S833 based on the index of the selected sub-item, obtain the abscissa value targetDemoX of the selected sub-item.
  • step S834 according to formula 1, the scroll distance L1 for the selected sub-item to be scrolled to the position directly below the item to which it belongs is calculated.
  • step S835 according to formula 2, the unit offset of each sub-item in the target index is calculated.
  • step S836 the actualOffset between the selected sub-item and the item to which it belongs is calculated according to formula 3.
  • Step S837 Calculate the scrolling distance L2 required to scroll the multiple sub-items in the second display area according to formula 4.
  • step S838 the multiple sub-items in the second display area are scrolled by a distance L2, so that a certain offset exists between the selected sub-item and the item to which it belongs.
  • the method 800 will be specifically described below in conjunction with FIGS. 8A-8B and FIGS. 9A-9B.
  • Figures 9A-9B exemplarily show a schematic diagram of a method for calculating the scroll distance of multiple sub-items in the second display area when the selector moves in the second display area.
  • the GUI displays a first display area 41 including items 411 to 415, a second display area 42 including sub-items 4111 to 4113, 4121 to 4122, and includes items associated with items 411 to 415
  • the sub-item list includes a total of 18 sub-items
  • the second display area can fully display 5 sub-items.
  • the user can move the position of the selector in the second display area 42 through the control device, thereby scrolling the multiple sub-items in the second display area 42 along the sub-item arrangement direction by a certain distance, so that they are arranged on the right side of the sub-item 4122 and have not been previously.
  • the sub-items 4131 to 4155 displayed in the GUI are displayed in the second display area 42.
  • the user can move the position of the selector in the second display area 42 through the control device, and when it is determined that the selector moves between at least one sub-item associated with one item, move the multiple sub-items of the second display area 42 along The arrangement direction of the sub-items is scrolled by a certain distance, so that the deviation between the selected sub-item and one item in the at least one sub-item changes gradually according to the arrangement sequence from one boundary sub-item to another boundary sub-item.
  • the following formula can be used to calculate the scrolling distance L2 that the sub-item list needs to scroll, so that the offset between the selected sub-item and one item in at least one sub-item can be calculated from one boundary sub-item to another boundary sub-item.
  • the arrangement order of the items changes gradually.
  • targetDemoX represents the distance between the selected sub-item and the left edge of the first display area (that is, the abscissa of the selected sub-item, with the lower left corner of the screen as the coordinate origin); here, targetDemoX can be set by the controller according to the selected sub-item The index under the project category to which it belongs can be obtained directly.
  • targetTabIndex- indicates the index of the item to which the selected subitem belongs in the first display area, that is, the number of items on the left side of the item in the first display area; here, the indexes of items 411-415 in the first display area are 0-4 respectively .
  • A- indicates the spacing between different items in the first exhibition area; A is greater than or equal to 0.
  • W- represents the width of an item in the first display area.
  • D- indicates the gap between the first item on the left side of the first display area and the left edge of the first display area; D is greater than or equal to 0.
  • the unit offset in (A+W) occupied by each sub-item associated with the item to which the selected sub-item belongs is calculated.
  • N represents the number of sub-items associated with the item to which the selected sub-item belongs.
  • targetDemoIndex represents the index of the selected sub-item in at least one sub-item associated with the project to which it belongs, that is, the number of sub-items to the left of the selected sub-item in the at least one sub-item; for example, item 411 is related
  • the indexes of the sub-items 4111-4113 of the association are 0-2 respectively.
  • the sub-item list 44 moves to the left Scroll a certain distance in the direction, so that the offset between the sub-item 4112 and the item 411 is offset, instead of there is no offset between the sub-item 4111 and the item 411 in the figure a in FIG. 9A. That is, as shown in figure a in FIG.
  • a-c among the sub-items 4111 to 4113, in the order of 4111, 4112, and 4113, the selected sub-items appear between the selected sub-items and the item 411
  • the offsets are 0, offset, 2*offset, and these offsets show a gradually increasing trend; on the contrary, these offsets show a gradually decreasing trend.
  • the selected sub-items are in the order of 4121, 4122, and the offset between the selected sub-items and the item 412 is 0, Offset, these offsets are gradually increasing; on the contrary, these offsets are gradually decreasing.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

一种显示设备（200），用以提升用户体验，包括：显示器（154，275）；用户接口（265）；控制器（110，250），用于执行：当基于用户输入确定选择器（43）在第一展示区（41）内移动至一个项目（411～415）时，将第二展示区（42）的多个子项目（4111～4113，4121～4122，4131～4134，4141～4144，4151～4155）滚动预设距离，使得多个子项目（4111～4113，4121～4122，4131～4134，4141～4144，4151～4155）中与被选择项目（411～415）相关联的边界子项目（4111，4113，4121，4122，4131，4134，4141，4144，4151，4155）滚动至被选择项目（411～415）周围位置。

Description

一种显示设备
本申请要求在2019年3月15日提交中国专利局、申请号为201910199348..0、发明名称为“一种显示设备”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请涉及显示技术领域，尤其涉及一种显示设备。
背景技术
显示设备上显示用户界面的可操作性，影响着用户体验感受。
然而，显示设备显示用户界面内容非常丰富，通常显示不同分组类别的内容时，仅提供当前选择的分组类别下的内容，而未提供其他分组类别下的内容，这样，虽然可实现分组类别的清晰可见，但是不利于用户浏览更多的内容。因此，需要提供一种用于提高用户体验感受的全新用户界面显示方法。
发明内容
本申请实施例提供一种显示设备，用以提升用户操作显示设备的用户体验。
第一方面，提供一种显示设备，包括：
显示器，用于显示GUI，所述GUI中至少包括第一展示区和第二展示区，所述第一展示区包括多个项目，所述第二展示区包括与所述项目相关联的至少一个子项目；以及指示所述项目被选择的选择器；
用户接口，用于接收控制所述选择器移动的移动指令；
控制器，用于执行：
当基于所述移动指令确定所述选择器在所述第一展示区内移动，且所述选择器移动至一个项目时，将所述第二展示区的多个子项目滚动预设距离，使得多个子项目中与被选择项目相关联的的边界子项目滚动至被选择项目周围位置；所述边界子项目是在与被选择项目相关联的至少一个子项目中布置于边缘的子项目。
在一些示例性的实施方式中，所述GUI中所述第二展示区内显示的子项目按照子项目布置方向滚动更新，以从所述GUI中移除显示在所述GUI中的子项目，同时在所述GUI中显示先前未在所述GUI中的子项目。
在一些示例性的实施方式中，所述第二展示区内的多个子项目水平地按行布置或垂直地按列布置。
在一些示例性的实施方式中，所述将所述第二展示区的多个子项目滚动预设距离，使得多个子项目中与被选择项目相关联的边界子项目滚动至所述被选择项目周围位置，具体包括：
将被水平地按行布置的多个子项目沿左方向或右方向滚动预设距离，使得与被选择项目相关联的至少一个子项目中的边界子项目滚动至所述被选择项目的上方向或下方向位置；或者，
将被垂直地按列布置的多个子项目沿上方向或下方向滚动预设距离，使得与被选择项目相关联的至少一个子项目中的边界子项目滚动至所述被选择项目的左方向或右方向位置。
在一些示例性的实施方式中，所述预设距离基于所述项目在第一展示区的宽度和所述项目在第一展示区内的索引被确定。
在一些示例性的实施方式中，所述预设距离基于所述项目在第一展示区的 宽度和所述项目在第一展示区内的索引、以及第一展示区内不同项目之间的间距被确定。
第二方面，提供另一种显示设备，包括：
显示器，用于显示GUI，所述GUI中至少包括第一展示区和第二展示区，所述第一展示区包括多个项目，所述第二展示区包括与所述项目相关联的至少一个子项目；以及指示所述子项目被选择的选择器；
用户接口，用于接收控制所述选择器移动的移动指令；
控制器，用于执行：
当基于所述移动指令确定所述选择器在所述第二展示区内移动，且所述选择器移动至一个子项目时，滚动第二展示区的多个子项目，使得至少一个子项目中被选择子项目与其所属项目之间呈现偏移。
在一些示例性的实施方式中，在与一个项目相关联的至少一个子项目中，按照从一个边界子项目至另一个边界子项目的布置顺序，被选择子项目与一个项目之间呈现的偏移渐进式变化；所述边界子项目是在与一个项目相关联的至少一个子项目中布置于边缘的子项目。
在一些示例性的实施方式中，所述偏移大于等于0，且小于被选择子项目所属项目在第一展示区的宽度。
在一些示例性的实施方式中，所述偏移由被选择子项目在与其所属项目相关联的子项目中的索引、以及与其所属项目相关联的子项目的数量被确定。
在一些示例性的实施方式中，控制器，还用于执行：
当基于所述移动指令确定所述选择器在所述第二展示区内移动，且所述选择器从与第一项目相关联边界子项目移动至与第二项目相关联的边界子项目时， 改变所述第一展示区内所述第二项目的显示状态以取代所述第一项目的显示状态。
附图说明
图1A中示例性示出了显示设备与控制装置之间操作场景的示意图；
图1B中示例性示出了图1A中控制装置100的配置框图；
图1C中示例性示出了图1A中显示设备200的配置框图；
图1D中示例性示出了显示设备200存储器中操作系统的架构配置框图。
图2中示例性示出了显示设备200提供的一个GUI400的示意图；
图3A-3E中示例性示出了通过操作控制装置100而使显示设备200提供的一个GUI400的示意图；
图4A-4E中示例性示出了通过操作控制装置100而使显示设备200提供的另一个GUI400的示意图；
图5A-5E中示例性示出了通过操作控制装置100而使显示设备200提供的又一个GUI400的示意图；
图6A-6B示例性示出了选择器在第一展示区内移动时显示设备提供的方法600的流程图；
图7示例性示出了选择器在第一展示区内移动时，第二展示区内多个子项目滚动距离的计算方法示意图；
图8A-8B示例性示出了选择器在第二展示区内移动时显示设备提供的方法800流程图；
图9A-9B示例性示出了选择器在第二展示区内移动时，第二展示区内多个子项目滚动距离的计算方法示意图。
具体实施方式
为使本申请示例性实施例的目的、技术方案和优点更加清楚，下面将结合本申请示例性实施例中的附图，对本申请示例性实施例中的技术方案进行清楚、完整地描述，显然，所描述的示例性实施例仅是本申请一部分实施例，而不是全部的实施例。
基于本申请中示出的示例性实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。此外，虽然本申请中公开内容按照示范性一个或几个实例来介绍，但应理解，可以就这些公开内容的各个方面也可以单独构成一个完整技术方案。
应当理解，本申请中说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，例如能够根据本申请实施例图示或描述中给出那些以外的顺序实施。
此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖但不排他的包含，例如，包含了一系列组件的产品或设备不必限于清楚地列出的那些组件，而是可包括没有清楚地列出的或对于这些产品或设备固有的其它组件。
本申请中使用的术语“模块”，是指任何已知或后来开发的硬件、软件、固件、人工智能、模糊逻辑或硬件或/和软件代码的组合，能够执行与该元件相关的功能。
本申请中使用的术语“手势”，是指用户通过一种手型的变化或手部运动等动作，用于表达预期想法、动作、目的/或结果的用户行为。
图1A中示例性示出了显示设备与控制装置之间操作场景的示意图。如图 1A所示，控制装置100和显示设备200之间可以有线或无线方式进行通信。
其中，控制装置100被配置为控制显示设备200，其可接收用户输入的操作指令，且将操作指令转换为显示设备200可识别和响应的指令，起着用户与显示设备200之间交互的中介作用。如：用户通过操作控制装置100上频道加减键，显示设备200响应频道加减的操作。
控制装置100可以是遥控器100A，包括红外协议通信或蓝牙协议通信，及其他短距离通信方式等，通过无线或其他有线方式来控制显示设备200。用户可以通过遥控器上按键、语音输入、控制面板输入等输入用户指令，来控制显示设备200。如：用户可以通过遥控器上音量加减键、频道控制键、上/下/左/右的移动按键、语音输入按键、菜单键、开关机按键等输入相应控制指令，来实现控制显示设备200的功能。
控制装置100也可以是智能设备，如移动终端100B、平板电脑、计算机、笔记本电脑等。例如，使用在智能设备上运行的应用程序控制显示设备200。该应用程序通过配置可以在与智能设备关联的屏幕上，通过直观的用户界面(UI)为用户提供各种控制。
示例性的，移动终端100B可与显示设备200安装软件应用，通过网络通信协议实现连接通信，实现一对一控制操作的和数据通信的目的。如：可以使移动终端100B与显示设备200建立控制指令协议，通过操作移动终端100B上提供的用户界面的各种功能键或虚拟按钮，来实现如遥控器100A布置的实体按键的功能。也可以将移动终端100B上显示的音视频内容传输到显示设备200上，实现同步显示功能。
显示设备200可被实施为电视，可提供广播接收电视功能以及计算机支持 功能的智能网络电视功能。显示设备示例的包括，数字电视、网络电视、智能电视、互联网协议电视(IPTV)等。
显示设备200，可以是液晶显示器、有机发光显示器、投影显示设备。具体显示设备类型、尺寸大小和分辨率等不作限定。
显示设备200还与服务器300通过多种通信方式进行数据通信。这里可允许显示设备200通过局域网(LAN)、无线局域网(WLAN)和其他网络进行通信连接。服务器300可以向显示设备200提供各种内容和互动。示例的，显示设备200可以发送和接收信息，例如：接收电子节目指南(EPG)数据、接收软件程序更新、或访问远程储存的数字媒体库。服务器300可以一组，也可以多组，可以一类或多类服务器。通过服务器300提供视频点播和广告服务等其他网络服务内容。
图1B中示例性示出了控制装置100的配置框图。如图1B所示，控制装置100包括控制器110、存储器120、通信器130、用户输入接口140、输出接口150、供电电源160。
控制器110包括随机存取存储器(RAM)111、只读存储器(ROM)112、处理器113、通信接口以及通信总线。控制器110用于控制控制装置100的运行和操作，以及内部各部件之间的通信协作、外部和内部的数据处理功能。
示例性的，当检测到用户按压在遥控器100A上布置的按键的交互或触摸在遥控器100A上布置的触摸面板的交互时，控制器110可控制产生与检测到的交互相应的信号，并将该信号发送到显示设备200。
存储器120，用于在控制器110的控制下存储驱动和控制控制装置100的各种运行程序、数据和应用。存储器120，可以存储用户输入的各类控制信号指 令。
通信器130在控制器110的控制下，实现与显示设备200之间控制信号和数据信号的通信。如：控制装置100经由通信器130将控制信号(例如触摸信号或按钮信号)发送至显示设备200上，控制装置100可经由通信器130接收由显示设备200发送的信号。通信器130可以包括红外信号接口131和射频信号接口132。例如：红外信号接口时，需要将用户输入指令按照红外控制协议转化为红外控制信号，经红外发送模块进行发送至显示设备200。再如：射频信号接口时，需将用户输入指令转化为数字信号，然后按照射频控制信号调制协议进行调制后，由射频发送端子发送至显示设备200。
用户输入接口140，可包括麦克风141、触摸板142、传感器143、按键144等中至少一者，从而用户可以通过语音、触摸、手势、按压等将关于控制显示设备200的用户指令输入到控制装置100。
输出接口150，通过将用户输入接口140接收的用户指令输出至显示设备200，或者，输出由显示设备200接收的图像或语音信号。这里，输出接口150可以包括LED接口151、产生振动的振动接口152、输出声音的声音输出接口153和输出图像的显示器154等。例如，遥控器100A可从输出接口150接收音频、视频或数据等输出信号，并且将输出信号在显示器154上显示为图像形式、在声音输出接口153输出为音频形式或在振动接口152输出为振动形式。
供电电源160，用于在控制器110的控制下为控制装置100各元件提供运行电力支持。形式可以为电池及相关控制电路。
图1C中示例性示出了显示设备200的硬件配置框图。如图1C所示，显示设备200中可以进一步包括调谐解调器210、通信器220、检测器230、外部 装置接口240、控制器250、存储器260、用户接口265、视频处理器270、显示器275、音频处理器280、音频输入接口285、供电电源290。
调谐解调器210，通过有线或无线方式接收广播电视信号，可以进行放大、混频和谐振等调制解调处理，用于从多个无线或有线广播电视信号中解调出用户所选择的电视频道的频率中所携带的音视频信号，以及附加信息(例如EPG数据)。
调谐解调器220，可根据用户选择，以及由控制器250控制，响应用户选择的电视频道的频率以及该频率所携带的电视信号。
调谐解调器220，根据电视信号的广播制式不同，可以接收信号的途径有很多种，诸如：地面广播、有线广播、卫星广播或互联网广播等；以及根据调制类型不同，可以数字调制方式或模拟调制方式；以及根据接收电视信号的种类不同，可以解调模拟信号和数字信号。
在其他一些示例性实施例中，调谐解调器220也可在外部设备中，如外部机顶盒等。这样，机顶盒通过调制解调后输出电视信号，经过外部装置接口240输入至显示设备200中。
通信器220，是用于根据各种通信协议类型与外部设备或外部服务器进行通信的组件。例如显示设备200可将内容数据发送至经由通信器220连接的外部设备，或者，从经由通信器220连接的外部设备浏览和下载内容数据。通信器220可以包括WIFI模块221、蓝牙通信协议模块222、有线以太网通信协议模块223等网络通信协议模块或近场通信协议模块，从而通信器220可根据控制器250的控制接收控制装置100的控制信号，并将控制信号实现为WIFI信号、蓝牙信号、射频信号等。
检测器230，是显示设备200用于采集外部环境或与外部交互的信号的组件。检测器230可以包括图像采集器231，如相机、摄像头等，可以用于采集外部环境场景，以自适应变化显示设备200的显示参数；以及用于采集用户的属性或与用户交互手势，以实现显示设备与用户之间互动的功能。还可以包括光接收器232，用于采集环境光线强度，以自适应显示设备200的显示参数变化等。
在其他一些示例性实施例中，检测器230，还可以包括温度传感器，如通过感测环境温度，显示设备200可自适应调整图像的显示色温。示例性的，当温度偏高的环境时，可调整显示设备200显示图像色温偏冷色调；当温度偏低的环境时，可以调整显示设备200显示图像色温偏暖色调。
在其他一些示例性实施例中，检测器230，还可以包括声音采集器，如麦克风，可以用于接收用户的声音，如用户控制显示设备200的控制指令的语音信号；或者，可以采集用于识别环境场景类型的环境声音，实现显示设备200可以自适应环境噪声。
外部装置接口240，是提供控制器210控制显示设备200与外部设备间数据传输的组件。外部装置接口240可按照有线/无线方式与诸如机顶盒、游戏装置、笔记本电脑等外部设备连接，可接收外部设备的诸如视频信号(例如运动图像)、音频信号(例如音乐)、附加信息(例如EPG)等数据。
其中，外部装置接口240可以包括：高清多媒体接口(HDMI)端子241、复合视频消隐同步(CVBS)端子242、模拟或数字分量端子243、通用串行总线(USB)端子244、组件(Component)端子(图中未示出)、红绿蓝(RGB)端子(图中未示出)等任一个或多个。
控制器250，通过运行存储在存储器260上的各种软件控制程序(如操作系统和各种应用程序)，来控制显示设备200的工作和响应用户的操作。
如图1C所示，控制器250包括随机存取存储器(RAM)251、只读存储器(ROM)252、图形处理器253、CPU处理器254、通信接口255、以及通信总线256。其中，RAM251、ROM252以及图形处理器253、CPU处理器254通信接口255通过通信总线256相连接。
ROM252，用于存储各种系统启动指令。如在接收到开机信号时，显示设备200电源开始启动，CPU处理器254运行ROM252中的系统启动指令，将存储在存储器260的操作系统拷贝至RAM251中，以开始运行启动操作系统。当操作系统启动完成后，CPU处理器254再将存储器260中各种应用程序拷贝至RAM251中，然后，开始运行启动各种应用程序。
图形处理器253，用于产生各种图形对象的屏幕图像，如图标、图像以及操作菜单等。图形处理器253可以包括运算器，用于通过接收用户输入各种交互指令进行运算，进而根据显示属性显示各种对象；以及包括渲染器，用于产生基于运算器得到的各种对象，将进行渲染的结果显示在显示器275上。
CPU处理器254，用于执行存储在存储器260中的操作系统和应用程序指令。以及根据接收的用户输入指令，来执行各种应用程序、数据和内容的处理，以便最终显示和播放各种音视频内容。
在一些示例性实施例中，CPU处理器254，可以包括多个处理器。多个处理器可包括一个主处理器以及多个或一个子处理器。主处理器，用于在显示设备预加载模式中执行显示设备200的一些初始化操作，和/或，在正常模式下显示画面的操作。多个或一个子处理器，用于执行在显示设备待机模式等状态下 的一种操作。
通信接口255，可包括第一接口到第n接口。这些接口可以是经由网络被连接到外部设备的网络接口。
控制器250可以控制显示设备200的整体操作。例如：响应于接收到用于选择在显示器275上显示的GUI对象的用户输入命令，控制器250便可以执行与由用户输入命令选择的对象有关的操作。
其中，该对象可以是可选对象中的任何一个，例如超链接或图标。该与所选择的对象有关的操作，例如显示连接到超链接页面、文档、图像等操作，或者执行与图标相对应的程序的操作。该用于选择GUI对象的用户输入命令，可以是通过连接到显示设备200的各种输入装置(例如，鼠标、键盘、触摸板等)输入命令或者是与用户说出语音相对应的语音命令。
存储器260，用于存储驱动和控制显示设备200运行的各种类型的数据、软件程序或应用程序。存储器260可以包括易失性和/或非易失性存储器。而术语“存储器”包括存储器260、控制器250的RAM251和ROM252、或显示设备200中的存储卡。
在一些实施例中，存储器260具体用于存储驱动显示设备200中控制器250的运行程序；存储显示设备200内置的和用户从外部设备下载的各种应用程序；存储用于配置由显示器275提供的各种GUI、与GUI相关的各种对象及用于选择GUI对象的选择器的视觉效果图像等数据。
在一些实施例中，存储器260具体用于存储调谐解调器210、通信器220、检测器230、外部装置接口240、视频处理器270、显示器275、音频处理器280等的驱动程序和相关数据，从外部装置接口接收的外部数据(例如音视频数 据)或用户接口接收的用户数据(例如按键信息、语音信息、触摸信息等)。
在一些实施例中，存储器260具体存储用于表示操作系统(OS)的软件和/或程序，这些软件和/或程序可包括，例如：内核、中间件、应用编程接口(API)和/或应用程序。示例性的，内核可控制或管理系统资源，以及其它程序所实施的功能(如所述中间件、API或应用程序)；同时，内核可以提供接口，以允许中间件、API或应用程序访问控制器，以实现控制或管理系统资源。
图1D中示例性示出了显示设备200存储器中操作系统的架构配置框图。该操作系统架构从上到下依次是应用层、框架层和内核层。
应用层，系统内置的应用程序以及非系统级的应用程序都是属于应用层。负责与用户进行直接交互。应用层可包括多个应用程序，如直播电视应用程序、视频点播应用程序、媒体中心应用程序、截图应用程序等。
直播电视应用程序，可以通过不同的信号源提供直播电视。例如，直播电视应用程可以使用来自有线电视、无线广播、卫星服务或其他类型的直播电视服务的输入提供电视信号。以及，直播电视应用程序可在显示设备200上显示直播电视信号的视频。
视频点播应用程序，可以提供来自不同存储源的视频。不同于直播电视应用程序，视频点播提供来自某些存储源的视频显示。例如，视频点播可以来自云存储的服务器端、来自包含已存视频节目的本地硬盘储存器。
媒体中心应用程序，可以提供各种多媒体内容播放的应用程序。例如，媒体中心，可以为不同于直播电视或视频点播，用户可通过媒体中心应用程序访问存储器内存储的各种图像或音视频。
截图应用程序，可以对显示器上当前显示画面进行截图，并对画面截图图 像中包含的识别物(如人物、频道台标、建筑等)进行诸如标识识别框、名称等的标注，以为用户提供显示画面中包含的各种识别物信息的展示功能。当前显示画面，可以是文字、图像、视频中的至少一个。
框架层(framework)，负责提供应用层所需要的API。例如，直播电视应用程序、视频点播应用程序、媒体中心应用程序可通过框架层提供的接口调用解码器进行音视频解码。又如，截图应用程序可通过框架层提供的接口调用已截取的当前显示画面的截图图像。
内核层，提供核心系统服务，例如：文件管理、内存管理、进程管理、网络管理、系统安全权限管理等服务。内核也同时提供系统软件和硬件之间的通信，为各种硬件提供设备驱动服务，例如：为显示器提供显示驱动程序、为摄像头提供摄像头驱动程序、为遥控器提供按键驱动程序、为WIFI模块提供WiFi驱动程序、为音频输出接口提供音频驱动程序、为电源管理(PM)模块提供电源管理驱动等。
示例性的，显示设备对显示器上的画面执行截图处理功能时，用户触摸遥控器上布置的截图按键，内核层中的按键驱动程序先将该截图按键对应的键值转换为截图输入指令，并将该截图输入指令传递至框架层；框架层将截图输入指令通知给截图应用程序，同时截图应用程序通知框架层开始对显示器上的画面进行截图处理，并存储该画面截图；从而截图应用程序获取到该画面截图后，显示在显示器上。
用户接口265，接收各种用户交互。具体的，用于将用户的输入信号发送给控制器250，或者，将从控制器250的输出信号传送给用户。示例性的，遥控器100A可将用户输入的诸如电源开关信号、频道选择信号、音量调节信号等输 入信号发送至用户接口265，再由用户接口265转送至控制器250；或者，遥控器100A可接收经控制器250处理从用户接口265输出的音频、视频或数据等输出信号，并且显示接收的输出信号或将接收的输出信号输出为音频或振动形式。
在一些实施例中，用户可在显示器275上显示的图形用户界面(GUI)输入用户命令，则用户接口265通过GUI接收用户输入命令。确切的说，用户接口265可接收用于控制选择器在GUI中的位置以选择不同的对象或项目的用户输入命令。
或者，用户可通过输入特定的声音或手势进行输入用户命令，则用户接口265通过传感器识别出声音或手势，来接收用户输入命令。
视频处理器270，用于接收外部的视频信号，根据输入信号的标准编解码协议，进行解压缩、解码、缩放、降噪、帧率转换、分辨率转换、图像合成等视频数据处理，可得到直接在显示器275上显示或播放的视频信号。
示例的，视频处理器270，包括解复用模块、视频解码模块、图像合成模块、帧率转换模块、显示格式化模块等。
其中，解复用模块，用于对输入音视频数据流进行解复用处理，如输入MPEG-2流(基于数字存储媒体运动图像和语音的压缩标准),则解复用模块将其进行解复用成视频信号和音频信号等。
视频解码模块，用于对解复用后的视频信号进行处理，包括解码和缩放处理等。
图像合成模块，如图像合成器，其用于将图形生成器根据用户输入或自身生成的GUI信号，与缩放处理后视频图像进行叠加混合处理，以生成可供显示 的图像信号。
帧率转换模块，用于对输入视频的帧率进行转换，如将输入的60Hz视频的帧率转换为120Hz或240Hz的帧率，通常的格式采用如插帧方式实现。
显示格式化模块，用于将帧率转换模块输出的信号，改变为符合诸如显示器显示格式的信号，如将帧率转换模块输出的信号进行格式转换以输出RGB数据信号。
显示器275，用于接收源自视频处理器270输出的图像信号，进行显示视频、图像以及菜单操控界面。例如，显示器可以显示来自调谐解调器210接收的广播信号中的视频，也可以显示来自通信器220或外部装置接口240输入的视频，还可以显示在存储器260中存储的图像。显示器275，同时显示显示设备200中产生且用于控制显示设备200的用户操控界面UI。
以及，显示器275可以包括用于呈现画面的显示屏组件以及驱动图像显示的驱动组件。或者，倘若显示器275为一种投影显示器，还可以包括一种投影装置和投影屏幕。
音频处理器280，用于接收外部的音频信号，根据输入信号的标准编解码协议，进行解压缩和解码，以及降噪、数模转换、和放大处理等音频数据处理，得到可以在扬声器286中播放的音频信号。
示例性的，音频处理器280可以支持各种音频格式。例如MPEG-2、MPEG-4、高级音频编码(AAC)、高效AAC(HE-AAC)等格式。
音频输出接口285，用于接收源自音频处理器280输出的音频信号。例如，音频输出接口可以输出经由调谐解调器210接收的广播信号中的音频，也可以输出经由通信器220或外部装置接口240输入的音频，还可以输出在存储器260 中存储的音频。音频输出接口285可包括扬声器286，或输出至外接设备的发生装置的外接音响输出端子287，如耳机输出端子。
在其他一些示例性实施例中，视频处理器270可以包括一个或多个芯片组成。音频处理器280，也可以包括一个或多个芯片组成。
以及，在其他一些示例性实施例中，视频处理器270和音频处理器280，可以为单独的芯片，也可以与控制器250一起集成在一个或多个芯片中。
供电电源290，用于在控制器250的控制下，将外部电源输入的电力为显示设备200提供电源供电支持。供电电源290可以是安装在显示设备200内部的内置电源电路，也可以是安装在显示设备200外部的电源。
图2中示例性示出了显示设备200提供的一个GUI400的示意图。
如图2所示，显示设备可向显示器提供GUI，该GUI包括多个展示区，各个展示区中包括布置的一个或多个不同项目。例如，第一展示区41和第二展示区42。以及该GUI还包括指示任一项目被选择的选择器43，可通过用户操作控制装置的输入而移动选择器在GUI中的位置，以改变选择不同的项目。
需要说明的是，多个展示区可以是可视的的界线，也可以是不可视的界线。如：可通过不同背景颜色来标识不同展示区，还可以通过边界线等可视的标识来标识不同展示区，也可以通过不可视的隐形边界来标识不同展示区。多个展示区也可以不存在可视的或非可视的边界，而仅在屏幕上显示一定范围区域中相关联项目，这些相关联项目具有相同的显示属性时，则该一定范围区域被视为同一展示区的边界的存在，如：第一展示区41中项目不可滚动，而第二展示区42中项目可滚动。
还需说明的是，项目是指在显示设备200中GUI的各展示区中显示以表示 诸如图标、缩略图、视频剪辑、链接等对应内容的视觉对象。例如：项目可以表示电影、电视剧的图像内容或视频剪辑、音乐的音频内容、应用程序，或其他用户访问内容历史信息。
一些实施例中，项目可显示图像缩略图。如项目为电影或电视剧时，项目可显示为电影或电视剧的海报。如项目为音乐时，可显示音乐专辑的海报。如项目为应用程序时，可显示为应用程序的图标，或当应用程序被执行最近执行时捕捉到应用程序的内容截图。如项目为用户访问历史时，可显示为最近执行过程中内容截图。项目可显示为视频剪辑。如：项目为电视或电视剧的预告片的视频剪辑动态画面。
此外，项目可以表示显示设备200与外部设备连接的接口或接口集合，或可表示连接至显示设备的外部设备名称等。如：信号源输入接口集合、或HDMI接口、USB接口、PC端子接口等。
项目的展示形式通常多样化。例如，项目可以包括文本内容和/或用于显示与文本内容相关的缩略图的图像，或与文本相关的视频剪辑。又如，项目可以是应用程序的文本和/或图标。
各个项目可具有相同尺寸，也可以具有不相同的尺寸。例如，第一展示区内各项目具有相同的宽度W1，第二展示区内各项目具有相同的宽度W2，此外，W1可以等于W2。
还需说明的是，选择器用于指示其中任意项目已被选择，如焦点对象。可根据用户通过控制装置100的输入，控制显示设备200中显示焦点对象的移动来选择或控制项目。如：用户可通过控制装置100上方向键控制焦点对象在项目之间的移动来选择和控制项目。
焦点对象指根据用户输入在项目之间移动的对象。示例的，如图3A中通过项目边缘绘制粗线来实现或标识焦点对象43的位置。在其他实施例中，焦点对象形式不限于示例，也可以通过改变聚焦项目的文本或图像的边框线、尺寸、颜色、透明度和轮廓和/或字体等标识焦点对象43的位置。
图3A-3E中示例性示出了通过操作控制装置100而使显示设备200提供的一个GUI400的示意图。
在图3A-3E示出的GUI中，提供包括多个不同项目的第一展示区41，这些项目用于被选择器43选择，使得显示设备在第二展示区42内显示与被选择的项目相关联的至少一个子项目。
其中，子项目是基于存储在显示设备内或后台配置的内容数据而分组至不同项目类别下的。例如，在项目为游戏类别时，其子项目可以为王者荣耀、英雄联盟、水果忍者等游戏链接；在项目为视频类别时，其子项目可以为大汉天子、翻译官等电视剧或电影链接；在项目为设置类别时，其子项目可以为音量设置、通知设置、权限设置等功能链接。
其中，第一展示区和第二展示区内的项目均水平地排列为一行。在其他实施例中，第一展示区和第二展示区内的项目也可垂直地排列为一列。
例如，如图3A所示，第一展示区41包括项目411～415，当前选择器指示项目411被选择，而第二展示区42内显示与被选择的项目411相关联的子项目4111～4113。
在图3A中，当用户按压控制装置上的向右方向键，如图3B所示，响应于输入的向右方向指令而移动选择器的位置使得选择器指示第一展示区41内项目 412被选择，则第二展示区42内显示与被选择的项目412相关联的子项目4121～4122，而不再显示与项目411相关联的子项目4111～4113。
在图3B中，当用户继续按压控制装置上的向右方向键，如图3C所示，响应于输入的向右方向指令而移动选择器的位置使得选择器指示第一展示区41内项目413被选择，则第二展示区42内显示与被选择的项目413相关联的子项目4131～4134，而不再显示与项目412相关联的子项目4121～4122。
在图3C中，当用户继续按压控制装置上的向右方向键，如图3D所示，响应于输入的向右方向指令而移动选择器的位置使得选择器指示第一展示区41内项目414被选择，则第二展示区42内显示与被选择的项目414相关联的子项目4141～4144，而不再显示与项目413相关联的子项目4131～4134。
在图3D中，当用户继续按压控制装置上的向右方向键，如图3E所示，响应于输入的向右方向指令而移动选择器的位置使得选择器指示第一展示区41内项目415被选择，则第二展示区42内显示与被选择的项目415相关联的子项目4151～4155，而不再显示与项目414相关联的子项目4141～4144。
在图3A-3E提供的GUI中，当选择器指示第一展示区内一个项目被选择时，在第二展示区内仅提供与该被选择的项目相关联的至少一个子项目，而未提供第一展示区内除该一个项目之外其它项目相关联的子项目。这样，虽然可实现子项目的分类清晰明了，但是不利于用户在当前GUI中浏览更多的子项目信息。另外，由于与项目相关联的子项目的数量根据缺省或后台配置，使得第二展示区内可能出现空白区域，美观度较差。
图4A-4E中示例性示出了通过操作控制装置100而使显示设备200提供的 另一个GUI400的示意图。
在图4A-4E示出的GUI中，提供包括多个项目的第一展示区41，这些项目用于被选择器43选择，使得显示设备在第二展示区42内显示与被选择的项目相关联的至少一个子项目，以及除被选择的项目之外其它项目相关联的子项目中的部分子项目。
其中，第二展示区内显示的子项目是包括与第一展示区内所有项目相关联的子项目的子项目列表的一部分。该子项目列表通常比GUI中的第二展示区长，所以第二展示区可仅显示子项目滚动列表中的部分子项目，也即第二展示区，可通过用户输入而滚动更新在GUI中显示的子项目。
其中，第一展示区和第二展示区内的项目均水平地排列为一行。在其他实施例中，第一展示区和第二展示区内的项目也可垂直地排列为一列。
接下来，通过图4A-4E来说明根据用户输入指示选择器在第一展示区内移动的GUI变化过程。
例如，如图4A所示，第一展示区41包括项目411～415，当前选择器指示项目411被选择，而第二展示区42内显示与被选择的项目411相关联的子项目4111～4113，以及与项目411相邻的项目412相关联的子项目4121～4122。
在图4A中，当用户按压控制装置上的向右方向键，如图4B所示，响应于输入的向右方向指令而移动选择器的位置使得选择器指示第一展示区41内项目412被选择，则第二展示区42沿左方向滚动一定距离，使得与被选择的项目412相关联的子项目4121～4122中的子项目4121滚动至项目412的正下方位置，同时，第二展示区42内显示与项目412相邻的项目411相关联的子项目4113、子项目4121～4122和与项目412相邻的项目413相关联的子项目4131～4132， 用以替换图4A中显示子项目4111～4113和子项目4121～4122。
在图4B中，当用户按压控制装置上的向右方向键，如图4C所示，响应于输入的向右方向指令而移动选择器的位置使得选择器指示第一展示区41内项目413被选择，则第二展示区42沿左方向滚动一定距离，使得与被选择的项目413相关联的子项目4131～4134中的子项目4131滚动至项目413的正下方位置，同时，第二展示区42内显示与项目413相邻的项目412相关联的子项目4121～4122、子项目4131～4133，用以替换图4B中显示子项目4113、子项目4121～4122和子项目4131～4132。
在图4C中，当用户按压控制装置上的向右方向键，如图4D所示，响应于输入的向右方向指令而移动选择器的位置使得选择器指示第一展示区41内项目414被选择，则第二展示区42沿左方向滚动一定距离，使得与被选择的项目414相关联的子项目4141～4144中的子项目4141滚动至项目414的正下方位置，同时，第二展示区42内显示与项目414相邻的项目413相关联的子项目4132～4134、子项目4141～4142，用以替换图4C中显示子项目4121～4122和子项目4131～4133。
在图4D中，当用户按压控制装置上的向右方向键，如图4E所示，响应于输入的向右方向指令而移动选择器的位置使得选择器指示第一展示区41内项目415被选择，则第二展示区42沿左方向滚动一定距离，使得与被选择的项目415相关联的子项目4151～4154中的子项目4151滚动至项目415的正下方位置，同时，第二展示区42内显示与项目415相邻的项目414相关联的子项目4141～4144、子项目4151，用以替换图4D中显示子项目4132～4134和子项目4141～4142。
同理，在图4E中，当用户按压控制装置上的向左方向键，响应于输入的向左方向指令而移动选择器的位置，使得GUI中显示图4E-4D-4C-4B-4A的逆变化过程。
在图4A-4E提供的GUI中，当选择器指示第一展示区内一个项目被选择时，在第二展示区内不仅提供与该被选择的项目相关联的至少一个子项目，而且提供第一展示区内除该一个项目之外其它项目相关联的子项目。这样，不仅可实现子项目的分类，而且用户在当前GUI中可浏览更多的子项目信息。另外，由于第二展示区可沿子项目布置方向滚动更新其内显示的子项目，使得第二展示区内不会出现空白区域，给用户提供美观感。
一些实施例中，当选择器指示第一展示区内一个项目被选择时，将第二展示区内的多个项目滚动一定距离，使得在第二展示区内，与第一展示区内被选择的项目相关联的至少一个子项目中的边界子项目移动至该被选择的项目的下方向位置。这样，可方便用户通过操作控制装置移动选择器的位置而使选择器指示该边界子项目被选择，从而可从该边界子项目开始沿一定顺序浏览该项目类别下的多个子项目，以符合用户一般的浏览习惯；同时还可链接到与该被选择的边界子项目对应的应用程序和/或功能相关联的GUI，以便于用户使用该边界子项目对应的功能。
这里，边界子项目是在与被选择的项目相关的至少一个子项目中，按照子项目布置方向布置于边缘的子项目，如子项目4121和子项目4122为与项目412关联的子项目4121～4122中的边界子项目，子项目4131和子项目4134为与项目413关联的子项目4131～4134中的边界子项目等。
例如，结合图4A和4B来说，当用户按压控制装置上的向右方向键，响应 于输入的向右方向指令而移动选择器的位置使得选择器从第一展示区41内项目411移动至项目412，则第二展示区42沿左方向滚动一定距离，使得与选择器指示选择的项目412相关联的至少一个子项目4121～4122中的边界子项目4121滚动至项目412的正下方位置。边界子项目4121为子项目4121～4122中沿从左至右方向的首个子项目。这样，当用户按压控制装置上的向下方向键时，可方便用户按照从左至右的顺序浏览同一项目类别下的多个子项目。
又如，结合图4B和4A来说，当用户按压控制装置上的向左方向键，响应于输入的向左方向指令而移动选择器的位置使得选择器从第一展示区41内项目412移动至项目411，则第二展示区42沿右方向滚动一定距离，使得与选择器指示选择的项目411相关联的至少一个子项目4111～4113中的边界子项目4111滚动至项目411的正下方位置。边界子项目4111为子项目4111～4113中沿从左至右方向的首个子项目。这样，当用户按压控制装置上的向下方向键时，可方便用户按照从左至右的顺序浏览同一项目类别下的多个子项目。
在一些实施例中，结合图4A和图5A来说，当用户按压控制装置上的向下方向键，响应于输入的向下方向指令而移动选择器的位置使得选择器从第一展示区41内项目411移动至第二展示区42内子项目4111，此时，第一展示区41内项目411与其他项目412～415区别显示，以向用户提示当前浏览的被选择子项目4111是属于项目411类别下的。例如，图5A中项目411的边框颜色显示为灰色，其他项目412～415的边框颜色显示为黑色。
接下来，通过图5A-5E来说明根据用户输入指示选择器在第二展示区内移动的GUI变化过程。
图5A-5E中示例性示出了通过操作控制装置100而使显示设备200提供的又一个GUI400的示意图。
这里图5A-5E示出的GUI与图4A-4E示出的GUI的布局风格一致。
在图5A-5E示出的GUI中，提供包括多个项目的第一展示区41，以及包括与多个项目相关联的多个子项目的第二展示区42。这些子项目用于被选择器43选择，从而在滚动第二展示区内多个子项目的同时，使得被选择子项目与其所属项目之间呈现一定偏移。
例如，如图5A所示，第一展示区41包括项目411～415，第二展示区包括与项目411相关联的子项目4111～4113、与项目412相关联的子项目4121～4122。当前选择器指示第二展示区内子项目4111被选择，子项目4111位于其所属项目411的正下方位置，也即子项目4111与其所属项目411之间的偏移offset0为0。
在图5A中，当用户按压控制装置上的向右方向键，如图5B所示，响应于输入的向右方向指令而移动选择器的位置使得选择器指示第二展示区42内子项目4112被选择，则第二展示区42内多个子项目沿左方向滚动一定距离，使得被选择子项目4112与其所属项目411之间的偏移为offset1。同时，图5B中仍然保持项目411的边框颜色显示为灰色，其他项目412～415的边框颜色显示为黑色。
在图5B中，当用户按压控制装置上的向右方向键，如图5C所示，响应于输入的向右方向指令而移动选择器的位置使得选择器指示第二展示区42内子项目4113被选择，则第二展示区42内多个子项目沿左方向滚动一定距离，使得被选择子项目4113与其所属项目411之间的偏移为offset2。同时，图5C中仍 然保持项目411的边框颜色显示为灰色，其他项目412～415的边框颜色显示为黑色。
在图5C中，当用户按压控制装置上的向右方向键，如图5D所示，响应于输入的向右方向指令而移动选择器的位置使得选择器指示第二展示区42内子项目4121被选择，则第二展示区42内多个子项目沿左方向滚动一定距离，使得被选择子项目4121位于其所属项目412的正下方位置，也即子项目4121与其所属项目412之间的偏移offset0为0。同时，图5D中项目412的边框颜色改变为灰色，其他项目411、413～415的边框颜色显示为黑色，以向用户提示当前被选择子项目4121是属于项目412类别下的。
在图5D中，当用户按压控制装置上的向右方向键，如图5E所示，响应于输入的向右方向指令而移动选择器的位置使得选择器指示第二展示区42内子项目4122被选择，则第二展示区42内多个子项目沿左方向滚动一定距离，使得被选择子项目4122与其所属项目412之间的偏移为offset1。同时，图5E中仍然保持项目412的边框颜色显示为灰色，其他项目411、413～415的边框颜色显示为黑色。
同理，在图5E中，当用户按压控制装置上的向左方向键，响应于输入的向左方向指令而移动选择器的位置，使得GUI中显示图5E-5D-5C-5B-5A的逆变化过程。
由上可知，一方面，同一项目类别下的至少一个子项目中，按照从一个边界子项目至另一个边界子项目的顺序依次指示选择器选择子项目，则被选择子项目与其所属项目之间呈现的偏移渐进式变化，以提示用户当前在同一项目类别下的至少一个子项目之间按照渐进式变化的方向或顺序进行浏览。
例如，图5A-5C所示，子项目4111、子项目4112、子项目4113与其所属项目411之间呈现的偏移分别为offset0、offset1、offset2，且offset0<offset1<offset2，即这些偏移按照从左至右顺序逐渐增大，能够向用户提示当前按照从左至右顺序浏览项目411类别下的子项目4111～4113。反之，图5C-5A所示，子项目4113、子项目4112、子项目4111与其所属项目411之间呈现的偏移分别为offset2、offset1、offset0，且offset2>offset1>offset0，即这些偏移按照从右至左顺序逐渐减小，能够向用户提示当前按照从右至左顺序浏览项目411类别下的子项目4111～4113。
又如，图5D-5E所示，子项目4121、子项目4122与其所属项目412之间呈现的偏移分别为offset0、offset1，且offset0<offset1，即这些偏移按照从左至右顺序逐渐增大，能够向用户提示当前按照从左至右顺序浏览项目412类别下的子项目4121～4122。反之，图5E-5D所示，子项目4122、子项目4121与其所属项目412之间呈现的偏移分别为offset1、offset0，且offset1>offset0，即这些偏移按照从右至左顺序逐渐减小，能够向用户提示当前按照从右至左顺序浏览项目412类别下的子项目4121～4122。
另一方面，被选择子项目与其所属项目之间呈现的偏移大于等于0，且小于被选择子项目所属项目在第一展示区的宽度，以提示用户当前在同一项目类别下的至少一个子项目之间进行浏览。
例如，图5A-5C所示，子项目4111、子项目4112、子项目4113与其所属项目411之间呈现的偏移分别为offset0、offset1、offset2，这些偏移大于等于0且小于项目411的宽度，能够向用户提示子项目4111～4113属于项目411类别。又如，图5D-5E所示，子项目4121、子项目4122与其所属项目412之间 呈现的偏移分别为offset0、offset1，这些偏移大于等于0且小于项目412的宽度，能够向用户提示子项目4121～4122属于项目412类别。
图6A-6B示例性示出了选择器在第一展示区内移动时显示设备提供的方法600的流程图。
结合图1C和图6A-6B来说，选择器在第一展示区内移动时显示设备提供的方法600，包括如下步骤S61～S63：
步骤S61，在显示器上显示包括第一展示区和第二展示区的GUI，其中，第一展示区包括多个项目，第二展示区包括与该项目相关的至少一个子项目；以及指示该项目或该子项目被选择的选择器。
例如，如图4A所示的GUI中，包括提供多个项目411～415的第一展示区41，以及提供与项目411相关联的项目4111～4113、与项目412相关联的项目4121～4122的第二展示区42，以及指示项目411被选择的选择器43。
步骤S62，通过用户接口接收控制选择器移动的移动指令。
例如，用户接口可以接收用户通过按压控制装置上的左/右方向键，控制选择器在GUI中向左/右方向移动的指令，以改变选择器在GUI中的位置。
步骤S63，通过控制器执行：当基于移动指令确定选择器在第一展示区内移动，且选择器移动至一个项目时，将第二展示区的多个子项目滚动预设距离，使得多个子项目中与被选择项目相关的至少一个子项目中的边界子项目滚动至被选择项目周围位置。
这里，被选择项目周围位置，可以是被选择项目的上方向、下方向、左方向、右方向位置；并且通过用户输入可以使选择器从被选择项目的位置移动至 被选择的项目周围位置。
例如，如图4A和4B所示，选择器从项目411移动至项目412时，将第二展示区的多个子项目滚动预设距离，使得多个子项目中与项目412相关的边界子项目4121滚动至项目412的下方向位置。
在一些实施例中，当通过控制器确定选择器移动至一个项目时，控制器具体执行以下步骤：
步骤S631，获取选择器移动前被选择项目在第一展示区内的当前索引TabIndex。
步骤S632，判断当前索引TabIndex是否为第一展示区内的最后一个索引；若否，则执行步骤S633；否则，结束流程。
步骤S633，获取选择器移动后被选择项目在第一展示区内的目标索引targetTabIndex。
这里，例如，选择器从左向右移动，则目标索引targetTabIndex＝TabIndex+1；选择器从右向左移动，则目标索引targetTabIndex＝TabIndex-1。
步骤S634，基于目标索引，获取被选择项目类别下的边界子项目的索引targetDemoIndex。
步骤S635，基于该边界子项目的索引，获取该边界子项目的的横坐标值targetDemoX。
步骤S636，根据公式1计算第二展示区内多个子项目需要滚动的滚动距离L1。
步骤S637，将第二展示区内的多个子项目滚动距离L1，使得与被选择项目相关的边界子项目滚动至被选择项目周围位置。
下面结合图6A-6B和图7来具体说明方法600。
图7示例性示出了选择器在第一展示区内移动时，第二展示区内多个子项目滚动距离的计算方法示意图。
如图7中a图所示，GUI中显示包括项目411～415的第一展示区41，包括子项目4113、4121～4122、4131～4132的第二展示区42，包括与项目411～415相关联的所有子项目的子项目列表44。其中，子项目列表共包括18个子项目，第二展示区可完整显示5个子项目。
用户可通过控制装置移动选择器在第一展示区41内的位置，从而将第二展示区42内的多个子项目沿子项目布置方向滚动一定距离，使得布置在子项目4113左侧并且之前未显示在GUI中的子项目4111～4112显示在第二展示区41中，或者，使得布置在子项目4132右侧并且之前未显示在GUI中的子项目4133～4155显示在第二展示区41中。
例如，如图7中a图和b图所示，当经由控制装置指示选择器从图7中a图中项目412移动至图7中b图中项目413时，子项目列表44向左方向滚动一定距离，使得第二展示区42内更新显示的5个子项目，即由图7中a图中显示的5个子项目4113、4121～4122、4131～4132更新为4121～4122、4131～4133。
又如，如图7中b图和d图所示，当经由控制装置指示选择器从图7中b图中项目413移动至图7中d图中项目414时，子项目列表44向左方向滚动一定距离，使得第二展示区内更新显示的5个子项目，即由图7中b图中显示的5个子项目4121～4122、4131～4133更新为4132～4134、4141～4142。
同时，用户可通过控制装置移动选择器在第一展示区41内的位置而使选择器指示一个项目被选择，从而将第二展示区42多个子项目沿子项目布置方向滚 动一定距离，使得与第一展示区内41被选择项目相关联的至少一个子项目中的边界子项目滚动至该项目正下方位置。
这里，可通过下列公式来计算子项目列表需要滚动的滚动距离L1，从而使得与被选择项目相关联的至少一个子项目中的边界子项目滚动至被选择项目正下方位置。
公式1：L1＝targetDemoX-targetTabIndex*(A+W)-D
上述公式中：
targetDemoX-表示与被选择项目相关联的边界子项目与第一展示区左侧边缘的距离(也即边界子项目的横坐标，以屏幕左下角为坐标原点)；这里，targetDemoX可由控制器根据边界子项目在被选择项目类别下的索引直接获取到。
targetTabIndex-表示被选择项目在第一展示区内的索引，即第一展示区内被选择项目左侧的项目数量；这里，第一展示区内项目411～415的索引分别为0～4。
A-表示第一展示区内不同项目之间的间距；A大于等于0。
W-表示第一展示区内一个项目的宽度。
D-表示第一展示区内左侧第一个项目与第一展示区左侧边缘的间隙；D大于等于0。
结合图7中a图和b图来说，当经由控制装置指示选择器从图7中a图中项目412移动至图7中b图中项目413时，将第二展示区内多个子项目沿左方向滚动一定距离，使得子项目4131滚动至项目413的正下方位置，即如图7中a图所示，需要将子项目4131从startposition位置滚动至endposition位置， 需要滚动的滚动距离L1＝startposition-endposition，而项目413的索引targetTabIndex为2，所以startposition＝targetDemoX，endposition＝D+2*(A+W)，因此可得出L＝targetDemoX-targetTabIndex*(A+W)-D＝targetDemoX-2*(A+W)-D。
结合图7中b图和a图来说，当经由控制装置指示选择器从图7中b图中项目413移动至图7中a图中项目412时，将第二展示区内多个子项目沿右方向滚动一定距离，使得子项目4121滚动至项目412的正下方位置，即如图7中b图所示，需要将子项目4121从startposition位置滚动至endposition位置，需要滚动的滚动距离L1＝startposition-endposition，而项目412的索引targetTabIndex为1，所以startposition＝targetDemoX，endposition＝D+1*(A+W)，所以可得出L1＝targetDemoX-targetTabIndex*(A+W)-D＝targetDemoX-1*(A+W)-D。
结合图7中c图和d图来说，当经由控制装置指示选择器从图7中c图中项目413移动至图7中d图中项目414时，将第二展示区内多个子项目沿右方向滚动一定距离，使得子项目4141滚动至项目414的正下方位置，即如图7中c图所示，需要将子项目4141从startposition位置滚动至endposition位置，需要滚动的滚动距离L1＝startposition-endposition，而项目414的索引targetTabIndex为3，所以startposition＝targetDemoX，end position＝D+3*(A+W)，所以可得出L1＝targetDemoX-targetTabIndex*(A+W)-D＝targetDemoX-3*(A+W)-D。
在图7中a图-d图中，第一展示区内项目和第二展示区内子项目具有相同的宽度W，可使用户直观体验项目的布置具有统一风格和属性，且符合用户习 惯。
但是，第一展示区内不同项目之间的间距与第二展示区内不同子项目之间的间距不一定相同。
如图7中a图所示，第一展示区内不同项目之间具有相同的间距A；而第二展示区内同一类别下的不同子项目之间具有相同的间距B，如子项目4121和子项目4122之间间距为B、子项目4131和子项目4132之间间距为B，不同类别下子项目中的边缘子项目之间具有相同的间距A，如子项目4113和子项目4121之间间距为A、子项目4122和子项目4131之间间距为A。这里，一方面，不同项目之间的间距A和不同类别下子项目中的边缘子项目之间的间距A相同，可使用户体验到第一展示区和第二展示区内的项目分类清晰且一致；另一方面，间距B可以小于间距A，从而可使用户直观的区分第二展示区内同一类别下的子项目和不同类别下的子项目。
如图9A中a图所示，第一展示区内不同项目之间具有相同的间距A；而第二展示区内同一类别下的不同子项目之间具有相同的间距B，如子项目4121和子项目4122之间间距为B、子项目4131和子项目4132之间间距为B，不同类别下子项目中的边缘子项目之间具有相同的间距C，如子项目4113和子项目4121之间间距为C、子项目4122和子项目4131之间间距为C。这里间距C可以大于间距A，间距A可以大于间距B，从而也可使用户直观的区分第二展示区内同一类别下的子项目和不同类别下的子项目。
然而，本实施例并不限定各项目之间的间距。如第一展示区内不同项目之间具有相同的间距A，而第二展示区内不同子项目之间也具有相同的间距A，也可使用户直观体验项目的布置具有统一风格和属性。
此外，本实施例也不限定不同类别下的子项目的区分形式，除上述采用同一类别下的子项目之间的间距小于不同类别下的子项目之间的间距之外，还可以采用同一类别下的子项目的背景颜色与不同类别下的子项目的背景颜色不一样来区分。
图8A-8B示例性示出了选择器在第二展示区内移动时显示设备提供的方法800流程图。
结合图1C和图8A-8B来说，选择器在第二展示区内移动时显示设备提供的方法800，包括如下步骤S81～S83：
步骤S81，在显示器上显示包括第一展示区和第二展示区的GUI，其中，第一展示区包括多个项目，第二展示区包括与该项目相关的至少一个子项目；以及指示该项目或该子项目被选择的选择器。
例如，如图5A所示的GUI中，包括提供多个项目411～415的第一展示区41，以及提供与项目411相关联的项目4111～4113、与项目412相关联的项目4121～4122的第二展示区42，以及指示项目4111被选择的选择器43。
步骤S82，通过用户接口接收控制选择器移动的移动指令。
例如，用户接口可以接收用户通过按压控制装置上的左/右方向键，控制选择器在GUI中向左/右方向移动的指令，以改变选择器在GUI中的位置。
步骤S83，通过控制器执行：当基于移动指令确定选择器在第二展示区内移动时，且选择器移动至一个子项目时，滚动第二展示区的多个子项目，使得至少一个子项目中被选择子项目与其所属项目之间呈现偏移。
例如，如图5A和5B所示，选择器从子项目4111移动至子项目4112时， 将第二展示区的多个子项目滚动预设距离，使得被选择子项目4112与其所属项目之间呈现偏移offset1。
在一些实施例中，当通过控制器确定选择器移动至一个子项目时，控制器具体执行以下步骤：
步骤S831，获取选择器移动后被选择子项目所属项目在第一展示区内的目标索引targetTabIndex。
步骤S832，基于该目标索引，获取被选择子项目在其所属项目类别下的索引targetDemoIndex。
步骤S833，基于该被选择子项目的索引，获取该被选择子项目的的横坐标值targetDemoX。
步骤S834，根据公式1计算被选择子项目滚动至其所属项目正下方位置的滚动距离L1。
步骤S835，根据公式2计算目标索引内每个子项目所占其所属项目的单位偏移offset。
步骤S836，根据公式3计算被选择子项目与其所属项目之间的偏移actualOffset。
步骤S837，根据公式4计算第二展示区内多个子项目需要滚动的滚动距离L2。
步骤S838，将第二展示区内的多个子项目滚动距离L2，使得被选择子项目与其所属项目之间呈现一定偏移。
下面结合图8A-8B和图9A-9B来具体说明方法800。
图9A-9B示例性示出了选择器在第二展示区内移动时，第二展示区内多个 子项目滚动距离的计算方法示意图。
如图9A中a图所示，GUI中显示包括项目411～415的第一展示区41，包括子项目4111～4113、4121～4122的第二展示区42，包括与项目411～415相关联的所有子项目的子项目列表44。其中，子项目列表共包括18个子项目，第二展示区可完整显示5个子项目。
用户可通过控制装置移动选择器在第二展示区42内的位置，从而将第二展示区42内的多个子项目沿子项目布置方向滚动一定距离，使得布置在子项目4122右侧并且之前未显示在GUI中的子项目4131～4155显示在第二展示区42中。
同时，用户可通过控制装置移动选择器在第二展示区42内的位置，且确定选择器在与一个项目相关联的至少一个子项目之间移动时，将第二展示区42多个子项目沿子项目布置方向滚动一定距离，使得至少一个子项目中被选择子项目与一个项目之间呈现的偏移，按照从一个边界子项目至另一个边界子项目的布置顺序渐进式变化。
这里，可通过下列公式来计算子项目列表需要滚动的滚动距离L2，从而使得至少一个子项目中被选择子项目与一个项目之间呈现的偏移，按照从一个边界子项目至另一个边界子项目的布置顺序呈渐进式变化。
首先，根据公式1，计算被选择子项目滚动到被选择子项目所属项目正下方位置的距离L1。
公式1：L1＝targetDemoX-targetTabIndex*(A+W)-D
上述公式1中：
targetDemoX-表示与被选择子项目与第一展示区左侧边缘的距离(也即被 选择子项目的横坐标，以屏幕左下角为坐标原点)；这里，targetDemoX可由控制器根据被选择子项目在其所属项目类别下的索引直接获取到。
targetTabIndex-表示被选择子项目所属项目在第一展示区内的索引，即第一展示区内所属项目左侧的项目数量；这里，第一展示区内项目411～415的索引分别为0～4。
A-表示第一展示区内不同项目之间的间距；A大于等于0。
W-表示第一展示区内一个项目的宽度。
D-表示第一展示区内左侧第一个项目与第一展示区左侧边缘的间隙；D大于等于0。
其次，根据公式2，计算与被选择子项目所属项目相关联的每个子项目在(A+W)中所占的单位偏移offset。
公式2：offset＝(A+W)/N；
上述公式2中：N-表示与被选择子项目所属项目相关联的子项目的数量。
再次，根据公式3，计算被选择子项目与被选择子项目所属项目之间的偏移：
公式3：actualOffset＝targetDemoIndex*offset；
上述公式3中：targetDemoIndex-表示被选择子项目在与其所属项目相关联的至少一个子项目中的索引，即在该至少一个子项目中被选择子项目左侧的子项目数量；例如项目411相关联的子项目4111～4113的索引分别为0～2。
最后，根据公式4，计算子项目列表需要滚动的滚动距离L2：
公式4：L2＝L1–actualOffset。
例如，结合图9A中a图和b图所示，当经由控制装置指示选择器从图9A中a图中子项目4111移动至图9A中b图中子项目4112时，子项目列表44向 左方向滚动一定距离，使得子项目4112与项目411之间呈现的偏移为offset，以替代图9A中a图中子项目4111与项目411之间无偏移。即如图9A中a图所示，需要将子项目4112从startposition位置滚动至endposition位置，需要滚动的滚动距离L2＝startposition-endposition。而项目411在第一展示区内的索引为0，子项目4112在与其所属项目411相关联的至少一个子项目中的索引为1，与项目411相关联的子项目的数量为3，所以，根据公式1计算L1＝＝targetDemoX-0*(A+W)-D，根据公式2计算offset＝(A+W)/3，根据公式3计算actualOffset＝1*offset，最后可得L2＝L1-actualOffset＝targetDemoX-D-offset。
又如，结合图9A中b图和c图所示，当经由控制装置指示选择器从图9A中b图中子项目4112移动至图9A中c图中子项目4113时，子项目列表44向左方向滚动一定距离，使得子项目4113与项目411之间呈现的偏移为2*offset。即如图9A中b图所示，需要将子项目4113从startposition位置滚动至endposition位置，需要滚动的滚动距离L2＝startposition-endposition。而项目411在第一展示区内的索引为0，子项目4113在与其所属项目411相关联的至少一个子项目中的索引为2，与项目411相关联的子项目的数量为3，所以，根据公式1计算L1＝＝targetDemoX-0*(A+W)-D，根据公式2计算offset＝(A+W)/3，根据公式3计算actualOffset＝2*offset，最后可得L2＝L1-actualOffset＝targetDemoX-D-2*offset。
又如，结合图9A中c图和d图所示，当经由控制装置指示选择器从图9A中c图中子项目4113移动至图9A中d图中子项目4121时，子项目列表44向左方向滚动一定距离，使得子项目4121与项目412之间呈现的偏移为0。即如 图9A中c图所示，需要将子项目4121从startposition位置滚动至endposition位置，需要滚动的滚动距离L2＝startposition-endposition。而项目412在第一展示区内的索引为1，子项目4121在与其所属项目412相关联的至少一个子项目中的索引为0，与项目412相关联的子项目的数量为2，所以，根据公式1计算L1＝＝targetDemoX-1*(A+W)-D，根据公式2计算offset＝(A+W)/2，根据公式3计算actualOffset＝0*offset，最后可得L2＝L1-actualOffset＝targetDemoX-(A+W)-D。
这里，当选择器即将指示的被选择子项目为其所属项目的边界子项目时，还可以直接按照公式1来计算子项目列表需要滚动的滚动距离L2，也即此时L2＝L1。例如如图9A中c图所示，需要将子项目4121从startposition位置滚动至endposition位置，需要滚动的滚动距离L2＝startposition-endposition，即L2＝L1＝targetDemoX-(A+W)-D。
又如，结合图9A中d图和e图所示，当经由控制装置指示选择器从图9A中d图中子项目4121移动至图9A中e图中子项目4122时，子项目列表44向左方向滚动一定距离，使得子项目4122与项目412之间呈现的偏移为offset。即如图9A中d图所示，需要将子项目4122从startposition位置滚动至endposition位置，需要滚动的滚动距离L2＝startposition-endposition。而项目412在第一展示区内的索引为1，子项目4122在与其所属项目412相关联的至少一个子项目中的索引为1，与项目412相关联的子项目的数量为2，所以，根据公式1计算L1＝＝targetDemoX-1*(A+W)-D，根据公式2计算offset＝(A+W)/2，根据公式3计算actualOffset＝1*offset，最后可得L2＝L1-actualOffset＝targetDemoX-(A+W)-D-offset。
又如，结合图9B中f图和c图所示，当经由控制装置指示选择器从图9B中f图中子项目4121移动至图9B中c图中子项目4113时，子项目列表44向右方向滚动一定距离，使得子项目4113与项目411之间呈现的偏移为2*offset。即如图9B中f图所示，需要将子项目4113从startposition位置滚动至endposition位置，需要滚动的滚动距离L2＝startposition-endposition。而项目411在第一展示区内的索引为0，子项目4113在与其所属项目411相关联的至少一个子项目中的索引为2，与项目411相关联的子项目的数量为3，所以，根据公式1计算L1＝＝targetDemoX-0*(A+W)-D，根据公式2计算offset＝(A+W)/3，根据公式3计算actualOffset＝2*offset，最后可得L2＝L1-actualOffset＝targetDemoX--D-2offset。
由此可知，如图9A中a图-c图所示，在子项目4111～4113中，按照被选择子项目依次为4111、4112、4113的顺序，被选择子项目与项目411之间呈现的偏移依次为0、offset、2*offset，这些偏移呈逐渐增大趋势；反之，这些偏移则呈逐渐减小趋势。如图9A中d图-e图所示，在子项目4121～4122中，按照被选择子项目依次为4121、4122的顺序，被选择子项目与项目412之间呈现的偏移依次为0、offset，这些偏移呈逐渐增大趋势；反之，这些偏移则呈逐渐减小趋势。
此外，由公式3和公式2可得，被选择子项目与被选择子项目所属项目之间的偏移actualOffset＝targetDemoIndex*offset＝targetDemoIndex*(A+W)/N，所以该偏移大于等于0，且小于被选择子项目所属项目在第一展示区的宽度和项目的间距之和。
此外，由公式3和公式2可得，被选择子项目与被选择子项目所属项目之 间的偏移actualOffset＝targetDemoIndex*offset＝targetDemoIndex*(A+W)/N，所以该偏移的大小与同一项目类别下子项目的数量N有关。同一类别下子项目的数量N越大，处于该类别下相同索引targetDemoIndex处的被选择子项目与其所属项目之间呈现的偏移actualOffset越小。
例如，如图9A中b图所示，子项目4112与项目411之间呈现的偏移为offset＝(A+W)/3；如图9A中e图所示，子项目4122与项目412之间呈现的偏移为offset＝(A+W)/2；这里，由于项目411类别下的子项目数量3大于项目412类别下的子项目数量2，所以子项目4112与项目411之间呈现的偏移小于子项目4122与项目412之间呈现的偏移。
尽管已描述了本申请的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例作出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本申请范围的所有变更和修改。
显然，本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样，倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内，则本申请也意图包含这些改动和变型在内。

Claims (22)

  1. 一种显示设备，其特征在于，包括：
    显示器，用于显示GUI，所述GUI中至少包括第一展示区和第二展示区，所述第一展示区包括多个项目，所述第二展示区包括与所述项目相关联的至少一个子项目；以及指示所述项目被选择的选择器；
    用户接口，用于接收控制所述选择器移动的移动指令；
    控制器，用于执行：
    当基于所述移动指令确定所述选择器在所述第一展示区内移动，且所述选择器移动至一个项目时，将所述第二展示区的多个子项目滚动预设距离，使得多个子项目中与被选择项目相关联的的边界子项目滚动至被选择项目周围位置；所述边界子项目是在与被选择项目相关联的至少一个子项目中布置于边缘的子项目。
  2. 根据权利要求1所述的显示设备，其特征在于，所述GUI中所述第二展示区内显示的子项目按照子项目布置方向滚动更新，以从所述GUI中移除显示在所述GUI中的子项目，同时在所述GUI中显示先前未在所述GUI中的子项目。
  3. 根据权利要求1所述的显示设备，其特征在于，所述第二展示区内的多个子项目水平地按行布置或垂直地按列布置。
  4. 根据权利要求3所述的显示设备，其特征在于，所述将所述第二展示区的多个子项目滚动预设距离，使得多个子项目中与被选择项目相关联的边界子项目滚动至所述被选择项目周围位置，具体包括：
    将被水平地按行布置的多个子项目沿左方向或右方向滚动预设距离，使得与被选择项目相关联的至少一个子项目中的边界子项目滚动至所述被选择项目 的上方向或下方向位置；或者，
    将被垂直地按列布置的多个子项目沿上方向或下方向滚动预设距离，使得与被选择项目相关联的至少一个子项目中的边界子项目滚动至所述被选择项目的左方向或右方向位置。
  5. 根据权利要求1所述的显示设备，其特征在于，所述预设距离基于所述项目在第一展示区的宽度和所述项目在第一展示区内的索引被确定。
  6. 根据权利要求1所述的显示设备，其特征在于，所述预设距离基于所述项目在第一展示区的宽度和所述项目在第一展示区内的索引、以及第一展示区内不同项目之间的间距被确定。
  7. 一种显示设备，其特征在于，包括：
    显示器，用于显示GUI，所述GUI中至少包括第一展示区和第二展示区，所述第一展示区包括多个项目，所述第二展示区包括与所述项目相关联的至少一个子项目；以及指示所述子项目被选择的选择器；
    用户接口，用于接收控制所述选择器移动的移动指令；
    控制器，用于执行：
    当基于所述移动指令确定所述选择器在所述第二展示区内移动，且所述选择器移动至一个子项目时，滚动第二展示区的多个子项目，使得至少一个子项目中被选择子项目与其所属项目之间呈现偏移。
  8. 根据权利要求7所述的显示设备，其特征在于，在与一个项目相关联的至少一个子项目中，按照从一个边界子项目至另一个边界子项目的布置顺序，被选择子项目与一个项目之间呈现的偏移渐进式变化；所述边界子项目是在与一个项目相关联的至少一个子项目中布置于边缘的子项目。
  9. 根据权利要求8所述的显示设备，其特征在于，所述偏移大于等于0，且小于被选择子项目所属项目在第一展示区的宽度。
  10. 根据权利要求9所述的显示设备，其特征在于，所述偏移由被选择子项目在与其所属项目相关联的子项目中的索引、以及与其所属项目相关联的子项目的数量被确定。
  11. 根据权利要求8所述的显示设备，其特征在于，控制器，还用于执行：
    当基于所述移动指令确定所述选择器在所述第二展示区内移动，且所述选择器从与第一项目相关联边界子项目移动至与第二项目相关联的边界子项目时，改变所述第一展示区内所述第二项目的显示状态以取代所述第一项目的显示状态。
  12. 一种图形用户界面的显示方法，其特征在于，包括：
    在显示器上显示GUI，所述GUI中至少包括第一展示区和第二展示区，所述第一展示区包括多个项目，所述第二展示区包括与所述项目相关联的至少一个子项目；以及指示所述项目被选择的选择器；
    接收控制所述选择器移动的移动指令；
    当基于所述移动指令确定所述选择器在所述第一展示区内移动，且所述选择器移动至一个项目时，将所述第二展示区的多个子项目滚动预设距离，使得多个子项目中与被选择项目相关联的的边界子项目滚动至被选择项目周围位置；
    其中，所述边界子项目是在与被选择项目相关联的至少一个子项目中布置于边缘的子项目。
  13. 根据权利要求12所述的方法，其特征在于，所述GUI中所述第二展示区内显示的子项目按照子项目布置方向滚动更新，以从所述GUI中移除显示 在所述GUI中的子项目，同时在所述GUI中显示先前未在所述GUI中的子项目。
  14. 根据权利要求12所述的方法，其特征在于，所述第二展示区内的多个子项目水平地按行布置或垂直地按列布置。
  15. 根据权利要求14所述的方法，其特征在于，所述将所述第二展示区的多个子项目滚动预设距离，使得多个子项目中与被选择项目相关联的边界子项目滚动至所述被选择项目周围位置，具体包括：
    将被水平地按行布置的多个子项目沿左方向或右方向滚动预设距离，使得与被选择项目相关联的至少一个子项目中的边界子项目滚动至所述被选择项目的上方向或下方向位置；或者，
    将被垂直地按列布置的多个子项目沿上方向或下方向滚动预设距离，使得与被选择项目相关联的至少一个子项目中的边界子项目滚动至所述被选择项目的左方向或右方向位置。
  16. 根据权利要求12所述的方法，其特征在于，所述预设距离基于所述项目在第一展示区的宽度和所述项目在第一展示区内的索引被确定。
  17. 根据权利要求12所述的方法，其特征在于，所述预设距离基于所述项目在第一展示区的宽度和所述项目在第一展示区内的索引、以及第一展示区内不同项目之间的间距被确定。
  18. 一种图形用户界面的显示方法，其特征在于，包括：
    在显示器上显示GUI，所述GUI中至少包括第一展示区和第二展示区，所述第一展示区包括多个项目，所述第二展示区包括与所述项目相关联的至少一个子项目；以及指示所述子项目被选择的选择器；
    接收控制所述选择器移动的移动指令；
    当基于所述移动指令确定所述选择器在所述第二展示区内移动，且所述选择器移动至一个子项目时，滚动第二展示区的多个子项目，使得至少一个子项目中被选择子项目与其所属项目之间呈现偏移。
  19. 根据权利要求18所述的方法，其特征在于，在与一个项目相关联的至少一个子项目中，按照从一个边界子项目至另一个边界子项目的布置顺序，被选择子项目与一个项目之间呈现的偏移渐进式变化；所述边界子项目是在与一个项目相关联的至少一个子项目中布置于边缘的子项目。
  20. 根据权利要求19所述的方法，其特征在于，所述偏移大于等于0，且小于被选择子项目所属项目在第一展示区的宽度。
  21. 根据权利要求20所述的方法，其特征在于，所述偏移由被选择子项目在与其所属项目相关联的子项目中的索引、以及与其所属项目相关联的子项目的数量被确定。
  22. 根据权利要求19所述的方法，其特征在于，还包括：
    当基于所述移动指令确定所述选择器在所述第二展示区内移动，且所述选择器从与第一项目相关联边界子项目移动至与第二项目相关联的边界子项目时，改变所述第一展示区内所述第二项目的显示状态以取代所述第一项目的显示状态。
PCT/CN2019/127296 2019-03-15 2019-12-23 一种显示设备 Ceased WO2020186863A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201910199348.0 2019-03-15
CN201910199348.0A CN109960556B (zh) 2019-03-15 2019-03-15 一种显示设备

Publications (1)

Publication Number Publication Date
WO2020186863A1 true WO2020186863A1 (zh) 2020-09-24

Family

ID=67024373

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2019/127296 Ceased WO2020186863A1 (zh) 2019-03-15 2019-12-23 一种显示设备

Country Status (2)

Country Link
CN (1) CN109960556B (zh)
WO (1) WO2020186863A1 (zh)

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109960556B (zh) * 2019-03-15 2021-11-05 海信视像科技股份有限公司 一种显示设备
US11093108B2 (en) 2019-07-12 2021-08-17 Qingdao Hisense Media Networks Ltd. Method for displaying user interface and display device
CN111698557B (zh) * 2019-07-12 2022-06-24 青岛海信传媒网络技术有限公司 用户界面显示方法及显示设备
WO2021217345A1 (zh) * 2020-04-27 2021-11-04 青岛海信传媒网络技术有限公司 内容显示方法及显示设备
CN112199560B (zh) * 2020-10-13 2024-05-28 Vidaa美国公司 一种设置项的搜索方法及显示设备

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101552837A (zh) * 2009-03-11 2009-10-07 惠州Tcl移动通信有限公司 一种菜单显示方法
CN103729135A (zh) * 2012-10-15 2014-04-16 三星电子株式会社 用于在便携式终端设备中显示信息的装置和方法
US20160210024A1 (en) * 2015-01-19 2016-07-21 Samsung Electronics Co., Ltd. Method and electronic device for item management
CN109154931A (zh) * 2016-07-28 2019-01-04 三星电子株式会社 显示内容的方法和适用于该方法的电子设备
CN109960556A (zh) * 2019-03-15 2019-07-02 青岛海信电器股份有限公司 一种显示设备

Family Cites Families (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7469381B2 (en) * 2007-01-07 2008-12-23 Apple Inc. List scrolling and document translation, scaling, and rotation on a touch-screen display
JP2008234628A (ja) * 2007-02-20 2008-10-02 Canon Inc 携帯型電子機器
JP4632102B2 (ja) * 2008-07-17 2011-02-16 ソニー株式会社 情報処理装置、情報処理方法及び情報処理プログラム
CN101924892B (zh) * 2010-08-20 2013-03-20 深圳市同洲电子股份有限公司 数字电视接收终端的菜单展示方法、系统及接收终端
CN102467326A (zh) * 2010-11-16 2012-05-23 富泰华工业（深圳）有限公司 菜单显示装置及其显示控制方法
CN103365402A (zh) * 2012-03-31 2013-10-23 青岛海信电器股份有限公司 显示设备的控制方法和装置
JP6025483B2 (ja) * 2012-09-28 2016-11-16 富士ゼロックス株式会社 表示制御装置、画像表示装置、およびプログラム
CN103049176A (zh) * 2013-01-22 2013-04-17 网神信息技术（北京）股份有限公司 菜单显示方法和装置
CN103324437A (zh) * 2013-05-24 2013-09-25 东莞宇龙通信科技有限公司 一种实现对象批量操作的方法及装置
JP5939581B2 (ja) * 2013-07-08 2016-06-22 インターナショナル・ビジネス・マシーンズ・コーポレーションＩｎｔｅｒｎａｔｉｏｎａｌ Ｂｕｓｉｎｅｓｓ Ｍａｃｈｉｎｅｓ Ｃｏｒｐｏｒａｔｉｏｎ 表示画面上に表示された移動対象であるオブジェクトを移動する方法、並びに、その電子装置及び電子装置プログラム
CN104536670B (zh) * 2014-09-16 2018-04-20 华为技术有限公司 基于用户界面的交互方法和相关装置
KR20160084240A (ko) * 2015-01-05 2016-07-13 삼성전자주식회사 디스플레이 장치 및 디스플레이 방법
JP6772580B2 (ja) * 2016-06-24 2020-10-21 セイコーエプソン株式会社 電子機器、制御プログラム
CN108307221A (zh) * 2018-01-25 2018-07-20 青岛海信电器股份有限公司 智能电视以及便于选择教育课程内容的方法

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101552837A (zh) * 2009-03-11 2009-10-07 惠州Tcl移动通信有限公司 一种菜单显示方法
CN103729135A (zh) * 2012-10-15 2014-04-16 三星电子株式会社 用于在便携式终端设备中显示信息的装置和方法
US20160210024A1 (en) * 2015-01-19 2016-07-21 Samsung Electronics Co., Ltd. Method and electronic device for item management
CN109154931A (zh) * 2016-07-28 2019-01-04 三星电子株式会社 显示内容的方法和适用于该方法的电子设备
CN109960556A (zh) * 2019-03-15 2019-07-02 青岛海信电器股份有限公司 一种显示设备

Also Published As

Publication number Publication date
CN109960556B (zh) 2021-11-05
CN109960556A (zh) 2019-07-02

Similar Documents

Publication Publication Date Title
CN111698557B (zh) 用户界面显示方法及显示设备
CN109618206B (zh) 呈现用户界面的方法和显示设备
WO2021114529A1 (zh) 用户界面展示方法及显示设备
WO2021147299A1 (zh) 一种内容显示方法及显示设备
CN111343490A (zh) 显示设备及内容推荐方法
CN109960556B (zh) 一种显示设备
CN112463269B (zh) 用户界面显示方法及显示设备
WO2021088320A1 (zh) 显示设备和内容显示方法
CN111405338A (zh) 一种智能画质的切换方法及显示设备
WO2021189708A1 (zh) 一种显示设备开启屏幕保护的方法及显示设备
CN111726673B (zh) 一种频道切换方法及显示设备
WO2021189712A1 (zh) 网页视频全屏播放切换小窗口播放的方法及显示设备
WO2020207115A1 (zh) 一种提供菜单项的图形用户界面方法及显示设备
WO2021134998A1 (zh) 功能设定方法及显示设备
US12056418B2 (en) Content-based voice output method and display apparatus
WO2021212667A1 (zh) 一种多媒资数据显示方法及显示设备
CN112004126A (zh) 搜索结果显示方法及显示设备
WO2021109450A1 (zh) Epg界面的展示方法及显示设备
CN111045557A (zh) 焦点对象的移动方法及显示设备
WO2021196432A1 (zh) 一种控件对应的内容的显示方法及显示设备
CN111629249A (zh) 一种开机图片的播放方法及显示设备
CN109922364A (zh) 一种显示设备
CN112004127B (zh) 一种信号状态显示方法及显示设备
CN113259733B (zh) 一种显示设备
CN112235621B (zh) 一种可视区域的显示方法及显示设备

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 19919636

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 19919636

Country of ref document: EP

Kind code of ref document: A1