WO2021008127A1 - 用户界面显示方法及显示设备 - Google Patents

用户界面显示方法及显示设备 Download PDF

Info

Publication number
WO2021008127A1
WO2021008127A1 PCT/CN2020/072447 CN2020072447W WO2021008127A1 WO 2021008127 A1 WO2021008127 A1 WO 2021008127A1 CN 2020072447 W CN2020072447 W CN 2020072447W WO 2021008127 A1 WO2021008127 A1 WO 2021008127A1
Authority
WO
WIPO (PCT)
Prior art keywords
item
items
display area
focus
view display
Prior art date
Application number
PCT/CN2020/072447
Other languages
English (en)
French (fr)
Inventor
张欣
Original Assignee
青岛海信传媒网络技术有限公司
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 青岛海信传媒网络技术有限公司 filed Critical 青岛海信传媒网络技术有限公司
Priority to US16/994,872 priority Critical patent/US11093108B2/en
Publication of WO2021008127A1 publication Critical patent/WO2021008127A1/zh

Links

Images

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/443—OS processes, e.g. booting an STB, implementing a Java virtual machine in an STB or power management in an STB
    • H04N21/4438—Window management, e.g. event handling following interaction with the user interface
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/472—End-user interface for requesting content, additional data or services; End-user interface for interacting with content, e.g. for content reservation or setting reminders, for requesting event notification, for manipulating displayed content

Definitions

  • the embodiments of the present application relate to display technology. More specifically, it relates to a user interface display method and display device.
  • display devices can provide several different applications, such as live broadcast applications, video on demand (VOD), media centers, and so on. And with the continuous development of technology, more and more applications are provided by display devices.
  • live broadcast applications video on demand (VOD)
  • VOD video on demand
  • Figure 1 is a schematic diagram of a typical homepage interface of a display device in the related art.
  • two navigation bars and one main page are provided in the home page interface of the display device.
  • the first navigation bar at the top is often used to set some very useful functions, such as search, clock and setting display device functions, etc.
  • the second navigation bar on the second row displays the main application options of the display device.
  • the main page in the third row displays some or all of the items corresponding to each application option in the second navigation bar, and the items include function icons, thumbnails, video clips, etc.
  • the user can select or control various application options and items by controlling the movement of the focus object on the homepage interface through a control device (such as a remote control).
  • a control device such as a remote control
  • the focus object can be moved to the right on the application options until it moves to the last one in the row
  • the focus object is an application option at the end of the second navigation bar, and the user wants to select an application option at the starting position, he needs to press the "left" button on the remote control multiple times to reach the focus object The location you want to select.
  • the above-mentioned display method of the homepage interface will bring inconvenience to the user's selection operation, especially when the amount of data in each row of the page is large, it may take a long time for the user to reach the desired location, thereby reducing user experience.
  • An exemplary embodiment of the present application provides a user interface display method and display device, so that the user can reduce user operations when selecting a focus object.
  • a display device which mainly includes:
  • a display configured to display a user interface, the user interface including a plurality of view display areas; each view display area includes layout of one or more different items, and the user interface also includes an indication that the item is selected The focus object;
  • the items in the view display area are controlled to be displayed in a fixed focus cycle; otherwise, the view display is controlled
  • the projects in the area are displayed in a fixed-focus acyclic manner.
  • a user interface display method which mainly includes:
  • Display a user interface wherein the user interface includes multiple view display areas; each view display area includes one or more different items in the layout, and the user interface also includes a focus object indicating that the item is selected;
  • the items in the view display area are controlled to be displayed in a fixed focus cycle; otherwise, the view display is controlled
  • the projects in the area are displayed in a fixed-focus acyclic manner.
  • Figure 1 is a schematic diagram of a typical homepage interface of a display device in related technologies
  • FIG. 2 exemplarily shows a schematic diagram of an operation scene between the display device and the control device according to the embodiment
  • FIG. 3 exemplarily shows a block diagram of the hardware configuration of the display device 200 according to the embodiment
  • Fig. 4 exemplarily shows a hardware configuration block diagram of the control device 100 according to the embodiment
  • FIG. 5 exemplarily shows a schematic diagram of the functional configuration of the display device 200 according to the embodiment
  • Fig. 6a exemplarily shows a schematic diagram of software configuration in the display device 200 according to the embodiment
  • FIG. 6b exemplarily shows a configuration diagram of an application program in the display device 200 according to the embodiment
  • FIG. 7 exemplarily shows a schematic diagram of the homepage interface in the display device 200 according to the embodiment.
  • FIG. 8 exemplarily shows a schematic flowchart of a method for presenting a user interface in the display device 200 according to an embodiment
  • FIGS. 9a-9c exemplarily show schematic diagrams of operations between the control device 100 and the display device 200 according to the embodiment
  • 10a and 10b illustrate another schematic diagram of operation between the control device 100 and the display device 200 according to the embodiment
  • FIG. 11a exemplarily shows a schematic diagram of the overall hierarchical structure of the Linux system in the display device 200 according to the embodiment
  • FIG. 11b exemplarily shows a schematic diagram of a key response process of the Linux system in the display device 200 according to the embodiment
  • FIG. 11c exemplarily shows a schematic diagram of data interaction of the Linux system in the display device 200 according to the embodiment
  • FIG. 12 exemplarily shows a schematic flow diagram of a method for controlling items in the view display area of the display device 200 to be displayed in a fixed-focus loop mode
  • FIG. 13a-13d exemplarily show a schematic diagram of the effect achieved on the homepage interface of the display device 200 according to the method in FIG. 12;
  • FIG. 14 exemplarily shows a schematic flow diagram of another method for controlling the items in the view display area of the display device 200 to be displayed in a fixed-focus loop mode
  • FIG. 15 exemplarily shows a schematic diagram of the implementation effect corresponding to the method in FIG. 14;
  • FIG. 16 exemplarily shows a schematic flow diagram of another method for controlling items in the view display area of the display device 200 to be displayed in a fixed-focus loop mode
  • FIG. 17 exemplarily shows a schematic diagram of the implementation effect corresponding to the method in FIG. 16;
  • FIG. 18 exemplarily shows a flow diagram of a method for controlling the title display in the view display area of the display device 200;
  • FIG. 19 exemplarily shows schematic diagram 1 of the implementation effect corresponding to the method in FIG. 18;
  • FIG. 20 exemplarily shows the second schematic diagram of the implementation effect corresponding to the method in FIG. 18;
  • FIG. 21 exemplarily shows a schematic flowchart of a method for controlling the display of defined items in the display device 200.
  • this embodiment provides a user interface display method and display device, which can achieve different fixed-focus displays according to the number of items in the view display area. Among them, when the amount of items is large, the fixed-focus loop display method is adopted, Help users quickly find what they need and reduce operations.
  • the method provided in this embodiment is not only applicable to the main page of the display device, but also applicable to other interface display of the display device.
  • module used in the various embodiments of this application can refer to any known or later developed hardware, software, firmware, artificial intelligence, fuzzy logic, or a combination of hardware or/and software code that can execute related to the component Function.
  • remote control used in the various embodiments of this application refers to a component of an electronic device (such as the display device disclosed in this application), which can generally control the electronic device wirelessly within a short distance.
  • This component can generally use infrared and/or radio frequency (RF) signals and/or Bluetooth to connect to electronic devices, and can also include functional modules such as WiFi, wireless USB, Bluetooth, and motion sensors.
  • RF radio frequency
  • a handheld touch remote control uses a user interface in a touch screen to replace most of the physical built-in hard keys in general remote control devices.
  • gesture used in the embodiments of the present 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.
  • the term "hardware system” used in the various embodiments of this application may refer to an integrated circuit (IC), printed circuit board (Printed circuit board, PCB) and other mechanical, optical, electrical, and magnetic devices with computing , Control, storage, input and output functions.
  • the hardware system is also usually referred to as a motherboard or a chip.
  • Fig. 2 exemplarily shows a schematic diagram of an operation scenario between the display device and the control device according to the embodiment. As shown in FIG. 2, the user can operate the display device 200 by controlling the device 100.
  • the control device 100 may be a remote controller 100A, which can communicate with the display device 200 through infrared protocol communication, Bluetooth protocol communication, ZigBee protocol communication or other short-distance communication methods for wireless or other communication
  • the display device 200 is controlled in a wired manner.
  • 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 power on/off keys on the remote control. Function.
  • the control device 100 can also be a smart device, such as a mobile terminal 100B, a tablet computer, a computer, a notebook computer, etc., which can be connected through a local area network (LAN, Wide Area Network), a wide area network (WAN, Wide Area Network), and a wireless local area network ((WLAN) , Wireless Local Area Network) or other networks communicate with the display device 200, and realize the control of the display device 200 through an application program corresponding to the display device 200.
  • LAN Local area network
  • WAN Wide Area Network
  • WLAN wireless local area network
  • the application can provide users with various controls through an intuitive user interface (UI, User Interface) on the screen associated with the smart device.
  • UI User Interface
  • both the mobile terminal 100B and the display device 200 can be installed with software applications, so that the connection and communication between the two can be realized through a network communication protocol, thereby realizing one-to-one control operation and data communication.
  • the mobile terminal 100B can establish a control command protocol with the display device 200, synchronize the remote control keyboard to the mobile terminal 100B, and control the display device 200 by controlling the user interface of the mobile terminal 100B; or the mobile terminal 100B
  • the audio and video content displayed on the screen is transmitted to the display device 200 to realize the synchronous display function.
  • the display device 200 can also communicate with the server 300 through multiple communication methods.
  • the display device 200 may be allowed to communicate with the server 300 via a local area network, a wireless local area network, or other networks.
  • the server 300 may provide various contents and interactions to the display device 200.
  • the display device 200 transmits and receives information, interacts with an Electronic Program Guide (EPG, Electronic Program Guide), receives software program updates, or accesses a remotely stored digital media library.
  • EPG Electronic Program Guide
  • the server 300 may be a group or multiple groups, and may be one or more types of servers.
  • the server 300 provides other network service content such as video on demand and advertising services.
  • the display device 200 may be a liquid crystal display, an OLED (Organic Light Emitting Diode) display, a projection display device, or a smart TV.
  • OLED Organic Light Emitting Diode
  • the specific display device type, size, resolution, etc. are not limited, and those skilled in the art can understand that the display device 200 can make some changes in performance and configuration as required.
  • the display device 200 may additionally provide a smart network TV function that provides a computer support function. Examples include Internet TV, Smart TV, Internet Protocol TV (IPTV) and so on.
  • IPTV Internet Protocol TV
  • FIG. 3 exemplarily shows a block diagram of the hardware configuration of the display device 200 according to an exemplary embodiment.
  • the display device 200 may include a tuner and demodulator 220, a communicator 230, a detector 240, an external device interface 250, a controller 210, a memory 290, a user input interface, a video processor 260-1, and audio Processor 260-2, display 280, audio input interface 272, power supply.
  • the tuner demodulator 220 receives broadcast signals through wired or wireless means, and can perform modulation and demodulation processing such as amplification, mixing and resonance, and is used to demodulate the frequency of the channel selected by the user from multiple wireless or wired broadcast signals.
  • modulation and demodulation processing such as amplification, mixing and resonance
  • the audio and video signals carried, and additional information (such as EPG data signals).
  • the tuning demodulator 220 can be selected by the user and controlled by the controller 210, and responds to the channel frequency selected by the user and the signal carried by the frequency.
  • the tuner and demodulator 220 can receive signals in many ways according to different signal broadcasting systems, such as terrestrial broadcasting, cable broadcasting, satellite broadcasting or Internet broadcasting; and according to different modulation types, it can be digital or analog. Modulation method; and according to different types of received signals, analog 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 audio and video signals through modulation and demodulation, and inputs them to the display device 200 through the input/output interface 250.
  • the communicator 230 is a component for communicating with external devices or external servers according to various communication protocol types.
  • the communicator 230 may include a WIFI module 231, a Bluetooth communication protocol module 232, a wired Ethernet communication protocol module 233 and other network communication protocol modules or near field communication protocol modules.
  • the display device 200 may establish a control signal and a data signal connection with an external control device or content providing device through the communicator 230.
  • the communicator may receive the control signal of the remote controller 100 according to the control of the controller.
  • the detector 240 is a component of the display device 200 for collecting signals from the external environment or interacting with the outside.
  • the detector 240 may include a light receiver 242, a sensor used to collect the intensity of ambient light, which can adaptively display parameter changes by collecting ambient light, etc.; it may also include an image collector 241, such as a camera, a camera, etc., which can be used to collect external Environmental scenes, as well as gestures used to collect user attributes or interact with users, can adaptively change display parameters, and can also recognize user gestures to achieve the function of interaction with users.
  • the detector 240 may further 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 240 may also include a sound collector, such as a microphone, which may be used to receive the user's voice, including the voice signal of the user's control instruction for controlling the display device 200, or to collect environmental sound for Recognizing the environmental scene type, the display device 200 can adapt to the environmental noise.
  • a sound collector such as a microphone
  • the external device interface 250 provides a component for the controller 210 to control data transmission between the display device 200 and other external devices.
  • the external device interface 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 250 may include: a high-definition multimedia interface (HDMI) terminal 251, a composite video blanking synchronization (CVBS) terminal 252, an analog or digital component terminal 253, a universal serial bus (USB) terminal 254, red, green, and blue ( RGB) terminal (not shown in the figure) and any one or more.
  • HDMI high-definition multimedia interface
  • CVBS composite video blanking synchronization
  • USB universal serial bus
  • RGB red, green, and blue
  • the controller 210 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/or various application programs) stored on the memory 290.
  • various software control programs such as an operating system and/or various application programs
  • the controller 210 includes a random access memory RAM 213, a read only memory ROM 214, a graphics processor 216, a CPU processor 212, a communication interface 218, and a communication bus.
  • RAM213 and ROM214, graphics processor 216, CPU processor 212, and communication interface 218 are connected by a bus.
  • the graphics processor 216 is used to generate various graphics objects, such as icons, operation menus, and user input instructions to display graphics. Including an arithmetic unit, which performs operations by receiving various interactive commands input by the user, and displays various objects according to display attributes. As well as including a renderer, various objects obtained based on the arithmetic unit are generated, and the rendering result is displayed on the display 280.
  • the CPU processor 212 is configured to execute operating system and application program instructions stored in the memory 290. And according to receiving various interactive instructions input from the outside, to execute various applications, data and content, so as to finally display and play various audio and video content.
  • the CPU processor 212 may include multiple processors.
  • the multiple processors may include one main processor and multiple or one sub-processors.
  • the main processor is used to perform some operations of the display device 200 in the pre-power-on mode, and/or to display images in the normal mode.
  • the communication interface may include the first interface 218-1 to the nth interface 218-n. These interfaces may be network interfaces connected to external devices via a network.
  • the controller 210 may control the overall operation of the display device 200. For example, in response to receiving a user command for selecting a UI object to be displayed on the display 280, the controller 210 may perform an operation related to the object selected by the user command.
  • the object may be any one of the selectable objects, such as a hyperlink or an icon.
  • Operations related to the selected object for example: display operations connected to hyperlink pages, documents, images, etc., or perform operations corresponding to the icon.
  • the user command for selecting the UI 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 290 includes storing various software modules for driving and controlling the display device 200.
  • various software modules stored in the memory 290 include: a basic module, a detection module, a communication module, a display control module, a browser module, and various service modules.
  • the basic module is the underlying software module used for signal communication between various hardware in the display device 200 and sending processing and control signals to the upper module.
  • the detection module is a management module used to collect various information from various sensors or user input interfaces, and perform digital-to-analog conversion and analysis management.
  • the voice recognition module includes a voice analysis module and a voice command database module.
  • the display control module is a module for controlling the display 280 to display image content, and can be used to play information such as multimedia image content and UI interfaces.
  • the communication module is a module used for control and data communication with external devices.
  • the browser module is a module used to perform data communication between browsing servers.
  • the service module is a module used to provide various services and various applications.
  • the memory 290 is also used to store and receive external data and user data, images of various items in various user interfaces, and visual effect diagrams of focus objects.
  • the user input interface is used to send a user's input signal to the controller 210, or to transmit a signal output from the controller to the user.
  • the control device (such as a mobile terminal or a remote control) may send input signals input by the user, such as a power switch signal, a channel selection signal, and a volume adjustment signal, to the user input interface, and then the user input interface forwards the input signal to the controller;
  • the control device may receive output signals such as audio, video, or data output from the user input interface processed by the controller, 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 280, and the user input interface receives the user input command through the graphical user interface.
  • GUI graphical user interface
  • the user can input a user command by inputting a specific sound or gesture, and the user input interface recognizes the sound or gesture through the sensor to receive the user input command.
  • the video processor 260-1 is used to receive 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.
  • the video signal is displayed or played directly on the display 280.
  • the video processor 260-1 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. For example, if MPEG-2 is input, the demultiplexing module will demultiplex into a video signal and an audio signal.
  • 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 an image signal for display.
  • Frame rate conversion module used to convert the frame rate of the input video, such as converting the frame rate of the input 24Hz, 25Hz, 30Hz, 60Hz video to the frame rate of 60Hz, 120Hz or 240Hz, where the input frame rate can be compared with the source
  • the video stream is related, and the output frame rate can be related to the update rate of the display screen.
  • the input has a usual format, such as frame insertion.
  • the display formatting module is used to change the signal output by the frame rate conversion module into a signal that conforms to a display format such as a display, such as format conversion of the signal output by the frame rate conversion module to output RGB data signals.
  • the display 280 is used to receive the image signal input from the video processor 260-1, display video content and images, and a menu control interface.
  • the display 280 includes a display screen component for presenting a picture and a driving component for driving image display.
  • the displayed video content can be from the video in the broadcast signal received by the tuner and demodulator 220, or from the video content input by the communicator or the interface of an external device.
  • the display 220 simultaneously displays a user manipulation interface UI generated in the display device 200 and used to control the display device 200.
  • the display 280 it also includes a driving component for driving the display.
  • the display 280 is a projection display, it may also include a projection device and a projection screen.
  • the audio processor 260-2 is used to receive 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, and the result can be in the speaker 272 The audio signal to be played.
  • the audio output interface 270 is used to receive the audio signal output by the audio processor 260-2 under the control of the controller 210.
  • the audio output interface may include a speaker 272 or output to an external audio output terminal 274 of a generator of an external device, such as : External audio terminal or headphone output terminal, etc.
  • the video processor 260-1 may include one or more chips.
  • the audio processor 260-2 may also include one or more chips.
  • the video processor 260-1 and the audio processor 260-2 may be separate chips, or they may be integrated with the controller 210 in one or more chips.
  • the power supply 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 210.
  • the power supply may include a built-in power supply circuit installed inside the display device 200, or may be a power supply installed outside the display device 200, such as a power interface that provides an external power supply in the display device 200.
  • Fig. 4 exemplarily shows a configuration block diagram of the control device 100 according to an exemplary embodiment.
  • the control device 100 includes a controller 110, a communicator 130, a user input/output interface 140, a memory 190, and a power supply 180.
  • the control device 100 is configured to control the display device 200, and can receive input operation instructions from the user, and convert the operation instructions into instructions that the display device 200 can recognize and respond to, and play an intermediary role in the interaction between the user and the display device 200.
  • 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.
  • control device 100 may be a smart device.
  • control device 100 can install various applications for controlling the display device 200 according to user requirements.
  • the mobile terminal 100B or other smart electronic devices can perform similar functions to the control device 100 after installing an application for controlling the display device 200.
  • the user can install various function keys or virtual buttons of the graphical user interface that can be provided on the mobile terminal 100B or other smart electronic devices by installing applications to realize the function of the physical keys of the control device 100.
  • the controller 110 includes a processor 112, RAM 113 and ROM 114, a communication interface, and a communication bus.
  • the controller 110 is used to control the operation and operation of the control device 100, as well as the communication and cooperation between internal components, and external and internal data processing functions.
  • the communicator 130 realizes communication of control signals and data signals with the display device 200 under the control of the controller 110. For example, the received user input signal is sent to the display device 200.
  • the communicator 130 may include at least one of communication modules such as a WIFI module 131, a Bluetooth module 132, and an NFC module 133.
  • the user input/output interface 140 wherein the input interface includes at least one of input interfaces such as a microphone 141, a touch panel 142, a sensor 143, and a button 144.
  • input interfaces such as a microphone 141, a touch panel 142, a sensor 143, and a button 144.
  • the user can implement the user instruction input function through voice, touch, gesture, pressing and other actions.
  • the input interface converts the received analog signal into a digital signal and the digital signal into a corresponding instruction signal, which is sent to the display device 200.
  • the output interface includes an interface for sending the received user instruction to the display device 200.
  • it may be an infrared interface or a radio frequency interface.
  • 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, and 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.
  • control device 100 includes at least one of a communicator 130 and an output interface.
  • the control device 100 is configured with a communicator 130, such as: WIFI, Bluetooth, NFC and other modules, which can encode user input instructions through the WIFI protocol, or Bluetooth protocol, or NFC protocol, and send to the display device 200.
  • a communicator 130 such as: WIFI, Bluetooth, NFC and other modules, which can encode user input instructions through the WIFI protocol, or Bluetooth protocol, or NFC protocol, and send to the display device 200.
  • the memory 190 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 190 can store various control signal instructions input by the user.
  • the power supply 180 is used to provide operating power support for each element of the control device 100 under the control of the controller 110. Can battery and related control circuit.
  • FIG. 5 exemplarily shows a functional configuration diagram of the display device 200 according to an exemplary embodiment.
  • the memory 290 is used to store an operating system, application programs, content, user data, etc., and executes the system operation of driving the display device 200 and responds to various operations of the user under the control of the controller 210.
  • the memory 290 may include volatile and/or non-volatile memory.
  • the memory 290 is specifically used to store the operating program that drives the controller 210 in the display device 200, and store various application programs built in the display device 200, various application programs downloaded by the user from an external device, and various application-related programs. Graphical user interface, and various objects related to the graphical user interface, user data information, and various internal data supporting applications.
  • the memory 290 is used for storing system software such as an operating system (OS) kernel, middleware, and applications, as well as storing input video data and audio data, and other user data.
  • OS operating system
  • the memory 290 is specifically used to store driver programs and related data such as the video processor 260-1 and the audio processor 260-2, the display 280, the communication interface 230, the tuner and demodulator 220, the detector 240, and the input/output interface.
  • the memory 290 may store software and/or programs.
  • the software programs used to represent an operating system (OS) include, for example, kernels, middleware, application programming interfaces (APIs), and/or application programs.
  • OS operating system
  • the kernel may control or manage system resources, or functions implemented by other programs (such as the middleware, API, or application program), and the kernel may provide interfaces to allow middleware and APIs, or applications to access the controller , To achieve control or management of system resources.
  • the memory 290 includes a broadcast receiving module 2901, a channel control module 2902, a volume control module 2903, an image control module 2904, a display control module 2905, an audio control module 2906, an external command recognition module 2907, a communication control module 2908, and an optical receiver Module 2909, power control module 2910, operating system 2911, and other application programs 2912, browser module, etc.
  • the controller 210 executes various software programs in the memory 290, such as: broadcast signal reception and demodulation function, channel selection control function, volume selection control function, image control function, display control function, audio control function, external command recognition function , Communication control function, optical signal receiving function, power control function, software control platform supporting various functions, browser function and other applications.
  • Fig. 6a exemplarily shows a configuration block diagram of the software system in the display device 200 according to an exemplary embodiment.
  • the operating system 2911 includes operating software for processing various basic system services and for implementing hardware-related tasks, and serves as a medium for data processing between application programs and hardware components.
  • part of the operating system kernel may include a series of software to manage the hardware resources of the display device and provide services for other programs or software codes.
  • part of the operating system kernel may include one or more device drivers, and the device drivers may be a set of software codes in the operating system to help operate or control devices or hardware associated with the display device.
  • the drive may contain code to manipulate video, audio, and/or other multimedia components. Examples include displays, cameras, Flash, WiFi, and audio drivers.
  • the accessibility module 2911-1 is used to modify or access the application program, so as to realize the accessibility of the application program and the operability of its display content.
  • the communication module 2911-2 is used to connect to other peripherals via related communication interfaces and communication networks.
  • the user interface module 2911-3 is used to provide objects that display the user interface for access by various applications, and can realize user operability.
  • the control application 2911-4 is used to control process management, including runtime applications.
  • the event transmission system 2914 can be implemented in the operating system 2911 or in the application 2912. In some embodiments, it is implemented in the operating system 2911 on the one hand, and implemented in the application program 2912 at the same time, for monitoring various user input events, and responding to the recognition results of various events or sub-events according to various events. And implement one or more sets of predefined operations processing procedures.
  • the event monitoring module 2914-1 is used to monitor input events or sub-events of the user input interface.
  • the event recognition module 2914-1 is used to input the definitions of various events to various user input interfaces, recognize various events or sub-events, and transmit them to the processing to execute the corresponding one or more groups of processing programs .
  • the event or sub-event refers to the input detected by one or more sensors in the display device 200 and the input of an external control device (such as the control device 100).
  • an external control device such as the control device 100.
  • various sub-events of voice input, gesture input sub-events of gesture recognition, and sub-events of remote control button command input of control devices include multiple forms, including but not limited to one or a combination of pressing up/down/left/right/, confirming keys, and pressing keys.
  • non-physical buttons such as moving, pressing, and releasing.
  • the interface management module 2913 is used to directly or indirectly receive various user input events or sub-events monitored by the event transmission system 2914, and update the display effects of the items in the homepage interface, including but not limited to the fixed-focus circular scrolling display of the items in the interface , Or the fixed focus scrolling display of each item in the interface.
  • the application layer 2912 includes various application programs that can be executed on the display device 200.
  • the application program may include, but is not limited to, one or more application programs, such as: live broadcast application, video on demand application, media center application, application center, game application, etc.
  • Live broadcast applications can provide live content through different sources.
  • a live broadcast application may use input from cable broadcast, wireless broadcast, satellite service, or other types of live broadcast services to provide signals.
  • the live broadcast application program may display the video of the live broadcast signal on the display device 200.
  • Video-on-demand applications can provide videos from different storage sources. Unlike live streaming 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 can be different from live broadcast or video on demand, and users can access various images or audio services through the media center application.
  • Application center can provide storage of various applications.
  • the application program may be a game, an application program, or some other application program that is related to a computer system or other device but can be run on a display device.
  • the application center can obtain these applications from different sources, store them in the local storage, and then run on the display device 200.
  • FIG. 7 exemplarily shows a schematic diagram of a homepage interface in the display device 200 according to an exemplary embodiment.
  • the user interface includes multiple view display areas. For example, it includes a first view display area 201, a second view display area 202, and a third view display area 203. One or more view display areas are arranged in each view display area. Different items. And, the user interface also includes a selector indicating that any item is selected, and the user can input to change the selection of different items.
  • the multiple view display areas may be visible boundaries or invisible boundaries.
  • different view display areas can be identified by the different background colors of the display areas of each view, visible marks such as boundary lines can also be used, or there can be invisible invisible boundaries.
  • there is no visible or invisible boundary and only the related items in a certain area are displayed on the screen.
  • the certain area is regarded as the same kind.
  • the existence of the boundary of the view partition for example, the items in the view display area 201 are simultaneously reduced or enlarged, but the change of the view display area 202 is different.
  • one or more of the above-mentioned view display areas may be a zoomable view display.
  • Scalable can mean that the size or proportion of the view display area on the screen is scalable, or that the size or proportion of the items in the view display is scalable on the screen.
  • Items refer to visual objects displayed in each view display area of the user interface of the display device 200 to represent corresponding content such as icons, thumbnails, and video clips.
  • 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.
  • "items” may display image thumbnails.
  • the project when the project is a movie or TV series, the project can be displayed as a poster of the movie or TV series. If 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 of a movie or TV series.
  • the item may indicate an interface or a set of interfaces displayed by 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.
  • each item may include text content and/or an image for displaying thumbnails related to the text content, or video clips related to the text.
  • each item may be the text or icon of the application.
  • Each item can have the same size or different sizes. In some implementation examples, the size of the item can be changed.
  • “Selector” is used to indicate that any item has been selected, such as cursor or focus object.
  • the cursor is moved on the display device 200 to select or control items.
  • the movement of the focus object displayed in the display device 200 can be selected to select the control item, and one or more items can be selected or controlled.
  • 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 Figure 9a, a thick line is drawn on the edge of the item to realize or identify the position of the focus object.
  • the focus form is not limited to examples. It can be a tangible or intangible form that can be recognized by the user, such as a cursor, such as a 3D deformation of the item, and the border line and size of the text or image of the focused item can also be changed. , Color, transparency, outline, and/or font.
  • each item in the first view display area 201 is the text and/or icons of various applications
  • each item in the second view display area 202 is a poster thumbnail or video clip
  • the third view display area 203 Each item is system-related text and/or icons.
  • the view display areas in this embodiment are arranged horizontally on the screen. In actual applications, they may also be arranged vertically or at any other angle.
  • the event transmission system 2914 can monitor the user input of each predefined event or sub-event, and directly or indirectly provide the interface management module 2913 with the control of the recognized event or sub-event.
  • the interface management module 2913 is used to monitor the state of the user interface (including the position and/or size, change process, etc. of view partitions, items, focus or cursor objects, etc.), and execute the display of each view in the interface according to the event or sub-event
  • the fixed-focus scrolling display of each item in the area, or the fixed-focus scrolling display of each item is used to monitor the state of the user interface (including the position and/or size, change process, etc. of view partitions, items, focus or cursor objects, etc.), and execute the display of each view in the interface according to the event or sub-event.
  • the user interface may include one or more view display areas, and the number of view display areas on the display screen is arranged according to the amount of different classified content to be displayed.
  • FIG. 8 exemplarily shows a schematic flowchart of a method for presenting a user interface in the display device 200 according to the embodiment. As shown in Figure 8, the method specifically includes the following steps:
  • S801 Receive a user input for moving the focus object in the view display area.
  • the controller of the display device 200 is configured to monitor the type of the user input event, such as monitoring whether the key input is a left or right key command. If the monitoring user input event is the left or right key input, the position detection of the selector in the user interface is performed, and further, it is determined whether the selector is located on the item in the view display area. If it is, the key input is an update The focus object in the display area of the view corresponds to the left or right movement of the focus object, and then responds to the key input.
  • S802 Move the target item to the position of the focus object, where if the number of items in the view display area is greater than the maximum number of items that can be displayed on the screen of the display, control the items in the view display area to follow Display in a fixed-focus circular manner; otherwise, control the items in the view display area to be displayed in a fixed-focus acyclic manner.
  • the items in the control view display area are scrolled and displayed on the user interface in a circular manner, or displayed on the user interface in a non-cyclic manner; at the same time, the target item is moved to the position of the focus object, so that The display position of the selected target item in the user interface remains unchanged, that is, fixed focus display.
  • Figures 9a-9c exemplarily show schematic diagrams of operations between the control device 100 and the display device 200 according to the embodiment. It is assumed that there are 9 items in the display area 201 of the first view, among which items 8 and 9 are beyond the display range of the screen and are not displayed on the screen as shown in FIG. 9a at first.
  • the items in the display area 201 of the first view may be applications promoted by the display device, and each item is presented in the form of icons.
  • the current selector is located on the first item application 1 in the first view display area 201, and at the same time, the selected item, that is, the focus object, is identified by drawing thick lines on the edges and magnifying icons. If the user input on the control device 100 is a right-click operation, such as pressing the right button on the remote control once, it means that the focus object needs to be switched from the current application 1 to the application 2.
  • the fixed focus scrolling display in this way, the user can conveniently view the selected item, effectively preventing the situation where the specific location of the current focus object is not known due to multiple operations on the control device 100.
  • FIG. 10a and 10b exemplarily show another schematic diagram of the operation between the control apparatus 100 and the display device 200 according to the embodiment.
  • this embodiment sets the data in the first row of the view display area to be edited by the user.
  • Items that is, the number of items in the view display area is less than the maximum number of items that can be displayed on the screen of the display. If the circular scrolling display is used, the distance between the beginning and the end of the item queue will be too large. In this case, this embodiment will not Adopt a circular scrolling display.
  • the focus object is application 3.
  • applications 1 and 2 are no longer displayed in the project queue after being moved out of the screen on the left side of the screen. Therefore, the present embodiment automatically selects the display mode according to the number of items, which can help the user to quickly find the desired content, while ensuring the visual beauty of the user interface, which helps to improve the user experience.
  • FIG. 11a exemplarily shows a schematic diagram of the overall hierarchical structure of the Linux system in the display device 200 according to the embodiment.
  • the system can be roughly divided into three major parts: bottom driver, middleware, and upper UI.
  • the upper UI layer can be refined into a data layer and a visual layer. When the data layer changes, It can drive the change of the page display of the visual layer.
  • FIG. 11b exemplarily shows a schematic diagram of a key response process of the Linux system in the display device 200 according to the embodiment. As shown in Figure 11b, the specific response process is as follows:
  • the bottom layer driver in the system receives the key signal from the control device.
  • control device 100 is a remote control.
  • the remote control When the user presses the right button of the remote control, the remote control emits infrared light and sends it to the infrared receiving interface of the display device 200, and then transmits it to the bottom driver. After the bottom driver receives the infrared signal, it corresponds to it. Is the key code.
  • S1102 Use the signal conversion device in the display device to convert the key code into a browser rule code and send it to the browser in the system.
  • a distributed feedback (DFB) semiconductor laser is used to map the key code, convert it into a browser rule code, and send the browser rule code to the browser in the display device system.
  • DFB distributed feedback
  • S1103 The browser sends the browser rule code to the UI layer.
  • the browser After the browser receives the browser rule code, it does not perform key processing and directly distributes it to the UI layer.
  • S1104 The UI layer judges whether the data in its data layer has changed.
  • step S1105 use the changed data to drive the change of the visual layer display; otherwise, perform step S1106: directly drive the display of the visual layer.
  • the display of the UI is mainly based on the browser.
  • the UI acts as a local URL.
  • the driver opens the browser, and the browser opens the UI by default. index.html to pull up the UI. Therefore, the browser, as the display carrier of the UI, plays a very important role.
  • FIG. 11c exemplarily shows a schematic diagram of data interaction of the Linux system in the display device 200 according to the embodiment. As shown in Figure 11c, operating the UI on the display device can affect its response speed for the following reasons:
  • the interaction between the UI view layer and other parts The visual layer of the UI basically does not involve the interaction with the bottom layer.
  • the part that can interact with the bottom layer driver and the browser is the data layer.
  • it In order to increase the operation speed of the UI, it must To reduce the number of data interactions with the UI; from the perspective of the UI, the place that can minimize the number of interactions is the data interaction between the View layer and the Model layer of the UI;
  • this embodiment uses the following three different methods to display the items in the view display area in a fixed-focus cycle.
  • FIG. 12 exemplarily shows a flow diagram of a method for controlling the items in the view display area of the display device 200 to be displayed in a fixed focus cycle. As shown in Figure 12, the method mainly includes the following steps:
  • S1201 According to the user input and the current item corresponding to the focus object, determine whether an item will be moved out of the screen in the view display area.
  • the remote control when the user presses the right button of the remote control, the remote control emits infrared light and sends it to the infrared receiving interface of the display device 200, and then transmits it to the bottom driver. After the bottom driver receives the infrared signal, it corresponds to the key code; then, use The distributed feedback (DFB) semiconductor laser in the display device 200 maps the key code, converts it into a browser rule code, and sends the browser rule code to the browser in the display device system; the browser receives After the browser rule code, no key processing is performed, and it is directly distributed to the UI layer.
  • the UI layer processes the browser rule code and detects the position of the selector in the user interface. When it is determined that the selector is located on an item in the view display area, it means that the key input is to update the focus in the view display area Object.
  • DFB distributed feedback
  • the movement of the focus object for the convenience of description, the change of the selected item indicated by the focus object is referred to as After the movement of the focus object) operation, in the display area of the view, whether any item will be moved out of the screen, for example, the item selected by the focus object is application 1 in Figure 9a, which is the first item, and the user presses it once Right-click on the remote control, that is, when the user input is the focus object to move an item to the right, no item will move out of the screen. Except that the focus object is the first item, any time the focus object is moved to the right, an item will move out of the screen.
  • step S1202 If there are items to be moved out of the screen, step S1202 is executed, otherwise, step S1204 is executed.
  • S1202 Move the data corresponding to the item to be moved out of the screen to the end of the item array in the UI data layer, and refresh the item array.
  • S1204 Control the outer box to increase a corresponding width in a direction opposite to the moving direction of the focus object, wherein the width value is set according to the requirement of moving the target item to the position of the focus object.
  • the width of the outer box needs to be determined according to the width of the moved item in the view display area, the gap between each item, and the width of the head and tail of the item queue.
  • each view display area is divided into two layers, and this embodiment is defined as an outer box and an inner box.
  • the outer box mainly controls the fixed focus display, which contains all the data in the view display area of the entire row, and the entire row of data will move together during the focus object switching action;
  • the inner box controls the focus object display style, single-pointing a view
  • the currently selected item needs to move with the outer box and also needs to change the style of out-of-focus itself.
  • the target item will be selected In addition to moving with the outer box, you also need to change the focus style yourself.
  • FIGS. 13a-13d exemplarily show schematic diagrams of the effect achieved on the homepage interface of the display device 200 according to the method in FIG. 12.
  • this embodiment still takes the first view display area in the first row as an example.
  • the shaded box is the outer box 2011, which contains all the items inside, and the corresponding item array in this state is ⁇ item1, item2, item3...item9 ⁇ .
  • the outer box is based on the width of the first item, the gap between the first and second items, and The blank width on the left side of the first item is increased by the corresponding width on the left side.
  • the width will be determined according to the width of the second item.
  • the inner layer The box control switches the focus object from the first item to the second item, and then the display interface in Figure 13b is obtained.
  • the outer box does not need to be moved every time, it only needs to move the width of one item to the left when the focus is switched for the first time, that is, when no item is moved out of the screen, and then fix the position, thereby reducing the animation overlay .
  • FIG. 14 exemplarily shows a schematic flow diagram of another method for controlling the items in the view display area of the display device 200 to be displayed in a fixed focus cycle. As shown in Figure 14, the method includes the following steps:
  • S1401 Determine a target item according to the user input and the current item corresponding to the focus object.
  • the current focus object is the first item in the view display area, if the display device receives Right-click command, the corresponding target item is the second item in the view display area; the current focus object is the last item in the view display area, if the display device receives the same right-click command, the corresponding target item is the view The first item in the display area.
  • S1402 According to the distance between the target item and the current item, control the outer box to move a corresponding distance in a direction opposite to the moving direction of the focus object.
  • the data of the item array in the UI data layer is formed by connecting two sets of data corresponding to all items in the view display area.
  • Data1 data group corresponding to all items in the view display area
  • Data2 data group corresponding to all items in the view display area
  • the outer box is controlled to move a corresponding distance in the opposite direction of the moving direction of the focus object according to the distance between the target item and the current item.
  • the distance between the target item and the current item needs to be based on the width of each item being moved, the gap between each item, and the width of the head and tail of the item queue.
  • FIG. 15 exemplarily shows a schematic diagram of the implementation effect corresponding to the method in FIG. 14. It should be noted that, what is shown in FIG. 15 is not the actual display effect diagram on the screen of the display device, but only a schematic diagram representing its cyclic display.
  • the data of the item array in the UI data layer is connected by two sets of data corresponding to all items in the view display area, two sets of items will be displayed when the page is displayed, and the width of the outer box corresponds to The width corresponding to the two sets of items.
  • the first row to the third row in FIG. 15 are the rendering effect diagrams where the focus objects are item 1, item 2, and item 3, respectively.
  • the copied data Data2 will never be focused, but instead of the original data Data1 being moved out of the screen of the display device, and displayed on the screen to achieve a visual loop display.
  • Figure 15 shows the situation where the user presses the right button to move the visual focus to the right. If you want to achieve the visual focus to the left, you can display it in the reverse direction of the arrow in Figure 15.
  • the data array is not refreshed every time the focus object is switched, and there is no need to refresh the page DOM tree again, thereby effectively improving the user interface jam phenomenon when the focus object is switched.
  • FIG. 16 exemplarily shows a flow diagram of another method for controlling the items in the view display area of the display device 200 to be displayed in a fixed focus cycle. As shown in Figure 16, the method includes the following steps:
  • S1601 Determine a target item according to the user input and the current item corresponding to the focus object.
  • the current focus object corresponds to the first item in the display area of a certain view. If the key information input by the user is that the focus object moves to the left, the corresponding target item is the last item in the display area of the view.
  • S1602 According to the distance between the target item and the current item, control the outer box to move a corresponding distance in a direction opposite to the moving direction of the focus object.
  • the focus object needs to move seven items to the right.
  • the distance that the outer box moves to the left is based on the first to the first item. The distance between the seven items is determined, as long as the updated target item is ensured to move to the position of the focus object.
  • S1603 Determine whether an item will be moved out of the screen in the view display area.
  • step S1604 is executed.
  • the item array is Data[ ⁇ item0 ⁇ , ⁇ item1 ⁇ , ⁇ item2 ⁇ ,..., ⁇ itemn-1 ⁇ ]
  • item0 has moved out of the screen
  • the display width of each item, and the two blanks in the middle use the translateX function to move the position of item0 to the end of the item queue horizontally.
  • it displays as the third in Figure 17 Row; then move the focus object, each time the item that has just moved out of the screen in front of the queue will be moved to the end of the queue.
  • the outer box needs to place the moved item at the end of the item team, its tail width will also be corresponding Increase the corresponding width to ensure that the display position of the updated focus object on the screen is fixed.
  • the sequence structure of the item array itself remains unchanged, but the display position of each item is controlled during display.
  • FIG. 17 exemplarily shows a schematic diagram of the implementation effect corresponding to the method in FIG. 16.
  • the tail of the outer box needs to increase the corresponding width, and then the display effect of the third row in Figure 17 can be obtained.
  • the outer box continues to move to the left, and as the items moved off the screen are added to the end of the line, its width becomes wider and wider, but it should be noted that the increase in the width of the outer box is only the display area No data is added, and other animations are not involved, so the impact on memory and performance is negligible.
  • the focus object corresponds to the last item
  • the user if the user continues to press the right button, it indicates that the target focus object corresponds to the first item, and the system recognizes it as this The operation focus object moves to the left, and then returns to the first line in Figure 17.
  • Figure 17 shows the situation where the user presses the right button to move the visual focus to the right. If the visual focus is to be moved to the left, it is shown in the reverse direction of the arrow in Figure 17.
  • each item block corresponds to a different title.
  • the title can also be displayed in a loop following the item line.
  • FIG. 18 exemplarily shows a schematic flowchart of a method for controlling the title display in the view display area of the display device 200. As shown in Figure 18, the method includes the following steps:
  • S1801 Determine whether the view display area includes a title row, and whether the number of items in the view display area is less than or equal to the maximum number of items that can be displayed on the screen of the display.
  • step S1802 when the user interface is created, if the view display area includes a title row, and the number of items in the view display area is less than or equal to the maximum number of items that can be displayed on the screen, that is, the items in the view display area use fixed focus acyclic If it is displayed in a way, step S1802 is executed, otherwise, step S1803 is executed.
  • S1802 Display the title row near the first item in the item block where it is located, where the item block is displayed on the screen.
  • FIG. 19 exemplarily shows the first schematic diagram of the implementation effect corresponding to the method in FIG. 18.
  • the display area of this view is defined to be displayed in a fixed-focus acyclic manner. Both titles are set to the top of the item block currently displayed on the screen. Of course, you can also display it below Identify any position of the role.
  • the title 1 position does not move, and the title 2 moves one item width with the focus object at a time, until the first item block is moved out
  • the position of Title 2 is fixed at the top of the line on the far left of the screen until the second project block is out of the screen.
  • the title above it can be quickly displayed on the screen. This embodiment sets the title of the project block that has been removed from the screen. Nearest to the screen position.
  • FIG. 20 exemplarily shows the second schematic diagram of the implementation effect corresponding to the method in FIG. 18.
  • the display area of this view is defined as a fixed-focus loop display. Both titles are set to be above the item block currently displayed on the screen. When the item moves, the title is always at the initial position. Above the first item of the corresponding item block.
  • step S1802 when displaying the title in the title row, you can also follow the method provided in step S1802 or all follow the method provided in step S1803 in the two display modes of fixed focus cycle and non-circular display in the item row. Methods.
  • this embodiment also provides a method for determining specific display rules for item display according to the number of items in the view display area when the user interface is created.
  • FIG. 21 exemplarily shows a schematic flowchart of a method for controlling the display of defined items in the display device 200. As shown in Figure 20, the method mainly includes the following steps:
  • the data boundary data includes: the number of items in the view display area, the display width of each item, the width of the screen, and the preset spacing between adjacent items. It should be noted that, in this embodiment, the first and last items in the defined view display area are also adjacent items, and the front and back blank width is the space between the two items.
  • S2102 Determine whether the number of items in the view display area is greater than the maximum number of items that can be displayed on the screen of the display according to the boundary data.
  • each item is displayed The display width between l.
  • L >(Am)/l+1, that is, when the number of items in the display area of the view is greater than the maximum number of items that can be displayed on the screen, the first Boolean value, such as a true value, will be returned to the ListView component.
  • step S2103 otherwise, when the number of items in the view display area is less than or equal to the maximum number of items that can be displayed on the screen, the second Boolean value, such as false, is returned to the ListView component to perform step S2104.
  • the above formula is obtained by arranging the items without intervals except the beginning and the end of the item queue. In specific applications, certain modifications can be made on this basis.
  • the ListView component renders the page, and then the visual user interface is successfully called up.
  • this embodiment in order to reduce the refresh of the DOM tree structure, this embodiment also designs that if an instruction to call the user interface is received, the number of items in the display area of each view and the display width of each item are determined first. , Whether the preset spacing between each item has changed, in addition, when the view display area includes multiple project blocks, it will also determine whether the spacing between the project blocks has changed. If there is no data change, it will be based on the created Good DOM data structure for user interface rendering.
  • the display mode can be automatically switched according to the number of items, for example, to set a certain view.
  • the number of items in the display area can be edited by the user. After adding or deleting items, or when the data in the area is updated, when the number of items happens to exceed or less than the maximum amount of data that can be displayed on the screen, the display mode will automatically switch .
  • the data layer of the UI stores the data displayed on the page.
  • the visual layer is notified.
  • the visual layer monitors the data changes in the data layer, and then calculates the data boundary of the number of items that can be displayed on the display device screen That is, by determining whether the number of items in the view display area is greater than the maximum number of items that can be displayed on the screen of the display, it is determined which item display mode should be used for the current visual display. For details, please refer to steps S2102 to S2104.
  • the items in the view display area will follow the fixed focus cycle
  • the way of display that is, as the project moves, the project that is removed from the screen can reappear at the end of the project group to realize the circular display of data, which can facilitate the user to view the content of the project in the view display area.
  • the user is in the beginning and end When switching between the focus objects, you can quickly select the desired item with fewer key operations, and use the fixed focus method to display the item, which can facilitate the user to view the selected item.
  • the fixed-focus non-circular display mode is adopted to prevent the problem of excessive distance between the beginning and the end of the item and affecting the appearance. Therefore, the solution provided in this embodiment can help the user to quickly find the desired content, while ensuring the visual beauty of the user interface, which helps to improve the user experience.

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Human Computer Interaction (AREA)
  • Databases & Information Systems (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

本申请提供一种显示设备，包括显示器，用于显示用户界面，所述用户界面包括多个布局一个或多个不同项目的视图显示区，以及焦点对象；控制器，用于执行：在焦点对象更新时，当视图显示区内的项目数量大于屏幕显示的最大数量时，则视图显示区内的项目按照定焦循环方式展示，否则，按照定焦非循环方式展示方式。

Description

用户界面显示方法及显示设备
本申请要求在2019年7月12日提交中国专利局、申请号为201910632023.7、发明名称为“用户界面显示方法及显示设备”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请实施例涉及显示技术。更具体地讲，涉及用户界面显示方法及显示设备。
背景技术
相关技术中，显示设备可提供数个不同的应用，例如直播应用、视频点播(video on demand，VOD)、媒体中心等。并且随着技术的不断发展，显示设备所提供的应用也越来越多。
图1为相关技术中一种典型的显示设备主页界面示意图。如图1所示，为了向用户呈现各类应用，在显示设备的主页界面内，设置有两个导航栏和一个主页面。其中，位于顶端的第一导航栏往往会用于设置一些非常用功能，如，搜索、时钟以及设置显示设备各项功能等等；第二行的第二导航栏显示显示设备的主要应用选项，第三行的主页面中显示第二导航栏中各应用选项对应的部分或全部项目，该项目包括功能图标、缩略图、视频剪辑等。在上述主页界面下，用户可以通过控制装置(如遥控器)控制主页界面上的焦点对象移动来选择或控制各应用选项以及项目。例如，当焦点对象位于第二导航栏时，当用户每按一次遥控器上的“右”按键时，便可实现焦点对象在应用选项上向右移动 一次，直至移动到该行中末尾的一个应用选项，如果焦点对象为第二导航栏最末尾的一个应用选项时，用户想要选定起始位置的一个应用选项，则需要多次按压遥控器上的“左”按键，焦点对象才能到达希望选取的位置。
显然，上述主页界面的显示方式，会给用户选取操作带来不便，尤其是当页面中每一行中的数据量大时，用户可能需要耗费很长时间，才能到达希望选取的位置，从而降低了用户体验。
发明内容
本申请示例性的实施方式中提供一种用户界面显示方法及显示设备，以使用户在焦点对象选取时，减少用户操作。
第一方面，提供一种显示设备，主要包括：
显示器，该显示器被配置为显示用户界面，所述用户界面包括多个视图显示区；各个视图显示区中包括布局一个或多个不同项目，以及，该用户界面中还包括指示所述项目被选择的焦点对象；
与所述显示器通信连接的控制器，所述控制器被配置为执行呈现用户界面，其中，呈现用户界面方法如下：
接收移动所述视图显示区内的焦点对象的用户输入，使目标项目移动至所述焦点对象所在位置；
其中，如果所述视图显示区内的项目数量大于所述显示器的屏幕能够显示的最大项目数量，则控制所述视图显示区内的项目按照定焦循环方式展示；否则，则控制所述视图显示区内的项目按照定焦非循环方式展示。
第二方面，提供一种用户界面显示方法，主要包括：
显示用户界面；其中，所述用户界面包括多个视图显示区；各个视图显示 区中包括布局一个或多个不同项目，以及，所述用户界面中还包括指示所述项目被选择的焦点对象；
接收移动所述视图显示区内的焦点对象的用户输入，使目标项目移动至所述焦点对象所在位置；
其中，如果所述视图显示区内的项目数量大于所述显示器的屏幕能够显示的最大项目数量，则控制所述视图显示区内的项目按照定焦循环方式展示；否则，则控制所述视图显示区内的项目按照定焦非循环方式展示。
附图说明
为了更清楚地说明本申请实施例或相关技术中的技术方案，下面将对实施例或相关技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1为相关技术中一种典型的显示设备主页界面示意图；
图2中示例性示出了根据实施例中显示设备与控制装置之间操作场景的示意图；
图3中示例性示出了根据实施例中显示设备200的硬件配置框图；
图4中示例性示出了根据实施例中控制设备100的硬件配置框图；
图5中示例性示出了根据实施例中显示设备200的功能配置示意图；
图6a中示例性示出了根据实施例中显示设备200中软件配置示意图；
图6b中示例性示出了根据实施例中显示设备200中应用程序的配置示意图；
图7中示例性示出了根据实施例中显示设备200中主页界面的示意图；
图8中示例性示出了根据实施例中显示设备200中呈现用户界面的一种方法流程示意图；
图9a-9c中示例性示出了根据实施例中控制装置100与显示设备200之间操作示意图；
图10a和10b中示例性示出了另一种根据实施例中控制装置100与显示设备200之间操作示意图；
图11a中示例性示出了根据实施例中显示设备200中Linux系统整体层级构造示意图；
图11b中示例性示出了根据实施例中显示设备200中Linux系统按键响应流程示意图；
图11c中示例性示出了根据实施例中显示设备200中Linux系统数据交互示意图；
图12中示例性示出了一种控制显示设备200中视图显示区内的项目按照定焦循环方式展示方法的流程示意图；
图13a-13d中示例性示出了按照图12中的方法在显示设备200的主页界面实现效果示意图；
图14中示例性示出了另一种控制显示设备200中视图显示区内的项目按照定焦循环方式展示方法的流程示意图；
图15中示例性示出了按照图14中的方法对应的实现效果示意图；
图16中示例性示出了又一种控制显示设备200中视图显示区内的项目按照定焦循环方式展示方法的流程示意图；
图17中示例性示出了按照图16中的方法对应的实现效果示意图；
图18中示例性示出了一种控制显示设备200中视图显示区内的标题展示方法的流程示意图；
图19中示例性示出了按照图18中的方法对应的实现效果示意图一；
图20中示例性示出了按照图18中的方法对应的实现效果示意图二；
图21中示例性示出了一种控制显示设备200中定义项目展示方法的流程示意图。
具体实施方式
为使本申请示例性实施例的目的、技术方案和优点更加清楚，下面将结合本申请示例性实施例中的附图，对本申请示例性实施例中的技术方案进行清楚、完整地描述，显然，所描述的示例性实施例仅是本申请一部分实施例，而不是全部的实施例。
针对相关技术中的显示设备主页显示方法，用户在进行焦点对象选择时，特别是在一个视图显示区内位于项目组队首和队尾之间的焦点对象切换时，操作过程复杂，特别随着显示设备功能的增加，运营数据也在不断增加的趋势下，上述问题更加突出。
针对该问题，本实施例提供了用户界面显示方法及显示设备，可以根据视图显示区内项目的数量实现不同的定焦展示，其中，当项目量较多时，采用的定焦循环展示方式，以帮忙用户快速找到所需内容，减少操作。
需要说明的是，本实施例提供的方法不仅适用于显示设备主页面，还可以适用于显示设备的其它界面显示。
下面首先结合附图对本申请所涉及的概念进行说明。在此需要指出的是，以下对各个概念的说明，仅为了使本申请的内容更加容易理解，并不表示对本 申请保护范围的限定。
本申请各实施例中使用的术语“模块”，可以是指任何已知或后来开发的硬件、软件、固件、人工智能、模糊逻辑或硬件或/和软件代码的组合，能够执行与该元件相关的功能。
本申请各实施例中使用的术语“遥控器”，是指电子设备(如本申请中公开的显示设备)的一个组件，该组件通常可在较短的距离范围内无线控制电子设备。该组件一般可以使用红外线和/或射频(RF)信号和/或蓝牙与电子设备连接，也可以包括WiFi、无线USB、蓝牙、动作传感器等功能模块。例如：手持式触摸遥控器，是以触摸屏中用户界面取代一般遥控装置中的大部分物理内置硬键。
本申请各实施例中使用的术语“手势”，是指用户通过一种手型的变化或手部运动等动作，用于表达预期想法、动作、目的/或结果的用户行为。
本申请各实施例中使用的术语“硬件系统”，可以是指由集成电路(Integrated Circuit，IC)、印刷电路板(Printed circuit board，PCB)等机械、光、电、磁器件构成的具有计算、控制、存储、输入和输出功能的实体部件。在本申请各个实施例中，硬件系统通常也会被称为主板(motherboard)或芯片。
图2中示例性示出了根据实施例中显示设备与控制装置之间操作场景的示意图。如图2所示，用户可通过控制装置100来操作显示设备200。
其中，控制装置100可以是遥控器100A，其可与显示设备200之间通过红外协议通信、蓝牙协议通信、紫蜂(ZigBee)协议通信或其他短距离通信方式进行通信，用于通过无线或其他有线方式来控制显示设备200。用户可以通过遥控器上按键、语音输入、控制面板输入等输入用户指令，来控制显示设备200。如：用户可以通过遥控器上音量加减键、频道控制键、上/下/左/右的移动按键、 语音输入按键、菜单键、开关机按键等输入相应控制指令，来实现控制显示设备200的功能。
控制装置100也可以是智能设备，如移动终端100B、平板电脑、计算机、笔记本电脑等，其可以通过本地网(LAN，Local Area Network)、广域网(WAN，Wide Area Network)、无线局域网((WLAN，Wireless Local Area Network)或其他网络与显示设备200之间通信，并通过与显示设备200相应的应用程序实现对显示设备200的控制。例如，使用在智能设备上运行的应用程序控制显示设备200。该应用程序可以在与智能设备关联的屏幕上通过直观的用户界面(UI，User Interface)为用户提供各种控制。
示例的，移动终端100B与显示设备200均可安装软件应用，从而可通过网络通信协议实现二者之间的连接通信，进而实现一对一控制操作的和数据通信的目的。如：可以使移动终端100B与显示设备200建立控制指令协议，将遥控控制键盘同步到移动终端100B上，通过控制移动终端100B上用户界面，实现控制显示设备200的功能；也可以将移动终端100B上显示的音视频内容传输到显示设备200上，实现同步显示功能。
如图2所示，显示设备200还可与服务器300通过多种通信方式进行数据通信。在本申请各个实施例中，可允许显示设备200通过局域网、无线局域网或其他网络与服务器300进行通信连接。服务器300可以向显示设备200提供各种内容和互动。
示例的，显示设备200通过发送和接收信息，以及电子节目指南(EPG，Electronic Program Guide)互动，接收软件程序更新，或访问远程储存的数字媒体库。服务器300可以是一组，也可以是多组，可以是一类或多类服务器。通 过服务器300提供视频点播和广告服务等其他网络服务内容。
显示设备200，可以是液晶显示器、OLED(Organic Light Emitting Diode)显示器、投影显示设备、智能电视。具体显示设备类型，尺寸大小和分辨率等不作限定，本领技术人员可以理解的是，显示设备200可以根据需要做性能和配置上的一些改变。
显示设备200除了提供广播接收电视功能之外，还可以附加提供计算机支持功能的智能网络电视功能。示例的包括，网络电视、智能电视、互联网协议电视(IPTV)等。
图3中示例性示出了根据示例性实施例中显示设备200的硬件配置框图。如图3所示，显示设备200中可以包括调谐解调器220、通信器230、检测器240、外部装置接口250、控制器210、存储器290、用户输入接口、视频处理器260-1、音频处理器260-2、显示器280、音频输入接口272、供电电源。
调谐解调器220，通过有线或无线方式接收广播信号，可以进行放大、混频和谐振等调制解调处理，用于从多个无线或有线广播信号中解调出用户所选择频道的频率中所携带的音视频信号，以及附加信息(例如EPG数据信号)。
调谐解调器220，可根据用户选择，以及由控制器210控制，响应用户选择的频道频率以及该频率所携带的信号。
调谐解调器220，根据信号广播制式不同，可以接收信号的途径有很多种，诸如：地面广播、有线广播、卫星广播或互联网广播等；以及根据调制类型不同，可以数字调制方式，也可以模拟调制方式；以及根据接收信号种类不同，可以解调模拟信号和数字信号。
在其他一些示例性实施例中，调谐解调器220也可在外置设备中，如外置 机顶盒等。这样，机顶盒通过调制解调后输出音视频信号，经过输入/输出接口250输入至显示设备200中。
通信器230是用于根据各种通信协议类型与外部设备或外部服务器进行通信的组件。例如：通信器230可以包括WIFI模块231，蓝牙通信协议模块232，有线以太网通信协议模块233等其他网络通信协议模块或近场通信协议模块。
显示设备200可以通过通信器230与外部控制设备或内容提供设备之间建立控制信号和数据信号的连接。例如，通信器可根据控制器的控制接收遥控器100的控制信号。
检测器240，是显示设备200用于采集外部环境或与外部交互的信号的组件。检测器240可以包括光接收器242，用于采集环境光线强度的传感器，可以通过采集环境光来自适应显示参数变化等；还可以包括图像采集器241，如相机、摄像头等，可以用于采集外部环境场景，以及用于采集用户的属性或与用户交互手势，可以自适应变化显示参数，也可以识别用户手势，以实现与用户之间互动的功能。
在其他一些示例性实施例中，检测器240，还可包括温度传感器，如通过感测环境温度，显示设备200可自适应调整图像的显示色温。示例性的，当温度偏高的环境时，可调整显示设备200显示图像色温偏冷色调；当温度偏低的环境时，可以调整显示设备200显示图像色温偏暖色调。
在其他一些示例性实施例中，检测器240还可包括声音采集器，如麦克风，可以用于接收用户的声音，包括用户控制显示设备200的控制指令的语音信号，或采集环境声音，用于识别环境场景类型，显示设备200可以自适应环境噪声。
外部装置接口250，提供控制器210控制显示设备200与外部其他设备间 数据传输的组件。外部装置接口可按照有线/无线方式与诸如机顶盒、游戏装置、笔记本电脑等的外部设备连接，可接收外部设备的诸如视频信号(例如运动图像)、音频信号(例如音乐)、附加信息(例如EPG)等数据。
其中，外部装置接口250可以包括：高清多媒体接口(HDMI)端子251、复合视频消隐同步(CVBS)端子252、模拟或数字分量端子253、通用串行总线(USB)端子254、红绿蓝(RGB)端子(图中未示出)等任一个或多个。
控制器210，通过运行存储在存储器290上的各种软件控制程序(如操作系统和/或各种应用程序)，来控制显示设备200的工作和响应用户的操作。
如图3所示，控制器210包括随机存取存储器RAM213、只读存储器ROM214、图形处理器216、CPU处理器212、通信接口218、以及通信总线。其中，RAM213和ROM214以及图形处理器216、CPU处理器212、通信接口218通过总线相连接。
ROM213，用于存储各种系统启动的指令。如在收到开机信号时，显示设备200电源开始启动，CPU处理器212运行ROM中系统启动指令，将存储在存储器290的操作系统拷贝至RAM214中，以开始运行启动操作系统。当操作系统启动完成后，CPU处理器212再将存储器290中各种应用程序拷贝至RAM214中,然后，开始运行启动各种应用程序。
图形处理器216，用于产生各种图形对象，如：图标、操作菜单、以及用户输入指令显示图形等。包括运算器，通过接收用户输入各种交互指令进行运算，根据显示属性显示各种对象。以及包括渲染器，产生基于运算器得到的各种对象，进行渲染的结果显示在显示器280上。
CPU处理器212，用于执行存储在存储器290中操作系统和应用程序指令。 以及根据接收外部输入的各种交互指令，来执行各种应用程序、数据和内容，以便最终显示和播放各种音视频内容。
在一些示例性实施例中，CPU处理器212，可以包括多个处理器。多个处理器可包括一个主处理器以及多个或一个子处理器。主处理器，用于在预加电模式中执行显示设备200一些操作，和/或在正常模式下显示画面的操作。多个或一个子处理器，用于执行在待机模式等状态下的一种操作。
通信接口，可包括第一接口218-1到第n接口218-n。这些接口可以是经由网络被连接到外部设备的网络接口。
控制器210可以控制显示设备200的整体操作。例如：响应于接收到用于选择在显示器280上显示UI对象的用户命令，控制器210便可以执行与由用户命令选择的对象有关的操作。
其中，所述对象可以是可选对象中的任何一个，例如超链接或图标。与所选择的对象有关操作，例如：显示连接到超链接页面、文档、图像等操作，或者执行与图标相对应程序的操作。用于选择UI对象用户命令，可以是通过连接到显示设备200的各种输入装置(例如，鼠标、键盘、触摸板等)输入命令或者与由用户说出语音相对应的语音命令。
存储器290，包括存储用于驱动和控制显示设备200的各种软件模块。如：存储器290中存储的各种软件模块，包括：基础模块、检测模块、通信模块、显示控制模块、浏览器模块、和各种服务模块等。
其中，基础模块是用于显示设备200中各个硬件之间信号通信、并向上层模块发送处理和控制信号的底层软件模块。检测模块是用于从各种传感器或用户输入接口中收集各种信息，并进行数模转换以及分析管理的管理模块。
例如：语音识别模块中包括语音解析模块和语音指令数据库模块。显示控制模块是用于控制显示器280进行显示图像内容的模块，可以用于播放多媒体图像内容和UI界面等信息。通信模块，是用于与外部设备之间进行控制和数据通信的模块。浏览器模块，是用于执行浏览服务器之间数据通信的模块。服务模块，是用于提供各种服务以及各类应用程序在内的模块。
同时，存储器290还用于存储接收外部数据和用户数据、各种用户界面中各个项目的图像以及焦点对象的视觉效果图等。
用户输入接口，用于将用户的输入信号发送给控制器210，或者，将从控制器输出的信号传送给用户。示例性的，控制装置(例如移动终端或遥控器)可将用户输入的诸如电源开关信号、频道选择信号、音量调节信号等输入信号发送至用户输入接口，再由用户输入接口转送至控制器；或者，控制装置可接收经控制器处理从用户输入接口输出的音频、视频或数据等输出信号，并且显示接收的输出信号或将接收的输出信号输出为音频或振动形式。
在一些实施例中，用户可在显示器280上显示的图形用户界面(Graphical User Interface，GUI)输入用户命令，则用户输入接口通过图形用户界面接收用户输入命令。或者，用户可通过输入特定的声音或手势进行输入用户命令，则用户输入接口通过传感器识别出声音或手势，来接收用户输入命令。
视频处理器260-1，用于接收视频信号，根据输入信号的标准编解码协议，进行解压缩、解码、缩放、降噪、帧率转换、分辨率转换、图像合成等视频数据处理，可得到直接在显示器280上显示或播放的视频信号。
示例的，视频处理器260-1，包括解复用模块、视频解码模块、图像合成模块、帧率转换模块、显示格式化模块等。
其中，解复用模块，用于对输入音视频数据流进行解复用处理，如输入MPEG-2,则解复用模块进行解复用成视频信号和音频信号等。
视频解码模块，用于对解复用后的视频信号进行处理，包括解码和缩放处理等。
图像合成模块，如图像合成器，其用于将图形生成器根据用户输入或自身生成的GUI信号，与缩放处理后视频图像进行叠加混合处理，以生成可供显示的图像信号。
帧率转换模块，用于对输入视频的帧率进行转换，如将输入的24Hz、25Hz、30Hz、60Hz视频的帧率转换为60Hz、120Hz或240Hz的帧率，其中，输入帧率可以与源视频流有关，输出帧率可以与显示屏的更新率有关。输入有通常的格式采用如插帧方式实现。
显示格式化模块，用于将帧率转换模块输出的信号，改变为符合诸如显示器显示格式的信号，如将帧率转换模块输出的信号进行格式转换以输出RGB数据信号。
显示器280，用于接收源自视频处理器260-1输入的图像信号，进行显示视频内容和图像以及菜单操控界面。显示器280包括用于呈现画面的显示屏组件以及驱动图像显示的驱动组件。显示视频内容，可以来自调谐解调器220接收的广播信号中的视频，也可以来自通信器或外部设备接口输入的视频内容。显示器220，同时显示显示设备200中产生且用于控制显示设备200的用户操控界面UI。
以及，根据显示器280类型不同，还包括用于驱动显示的驱动组件。或者，倘若显示器280为一种投影显示器，还可以包括一种投影装置和投影屏幕。
音频处理器260-2，用于接收音频信号，根据输入信号的标准编解码协议，进行解压缩和解码，以及降噪、数模转换、和放大处理等音频数据处理，得到可以在扬声器272中播放的音频信号。
音频输出接口270，用于在控制器210的控制下接收音频处理器260-2输出的音频信号，音频输出接口可包括扬声器272，或输出至外接设备的发生装置的外接音响输出端子274，如：外接音响端子或耳机输出端子等。
在其他一些示例性实施例中，视频处理器260-1可以包括一个或多个芯片组成。音频处理器260-2，也可以包括一个或多个芯片组成。
以及，在其他一些示例性实施例中，视频处理器260-1和音频处理器260-2，可以为单独的芯片，也可以与控制器210一起集成在一个或多个芯片中。
供电电源，用于在控制器210控制下，将外部电源输入的电力为显示设备200提供电源供电支持。供电电源可以包括安装显示设备200内部的内置电源电路，也可以是安装在显示设备200外部的电源，如在显示设备200中提供外接电源的电源接口。
图4中示例性示出了根据示例性实施例中控制装置100的配置框图。如图4所示，控制装置100包括控制器110、通信器130、用户输入/输出接口140、存储器190、供电电源180。
控制装置100被配置为控制显示设备200，以及可接收用户的输入操作指令，且将操作指令转换为显示设备200可识别和响应的指令，起着用户与显示设备200之间交互中介作用。如：用户通过操作控制装置100上频道加减键，显示设备200响应频道加减的操作。
在一些实施例中，控制装置100可是一种智能设备。如：控制装置100可 根据用户需求安装控制显示设备200的各种应用。
在一些实施例中，如图2所示，移动终端100B或其他智能电子设备，可在安装操控显示设备200的应用之后，可以起到控制装置100类似功能。如：用户可以通过安装应用，在移动终端100B或其他智能电子设备上可提供的图形用户界面的各种功能键或虚拟按钮，以实现控制装置100实体按键的功能。
控制器110包括处理器112、RAM113和ROM114、通信接口以及通信总线。控制器110用于控制控制装置100的运行和操作，以及内部各部件之间通信协作以及外部和内部的数据处理功能。
通信器130在控制器110的控制下，实现与显示设备200之间控制信号和数据信号的通信。如：将接收到的用户输入信号发送至显示设备200上。通信器130可包括WIFI模块131、蓝牙模块132、NFC模块133等通信模块中至少一种。
用户输入/输出接口140，其中，输入接口包括麦克风141、触摸板142、传感器143、按键144等输入接口中至少一者。如：用户可以通过语音、触摸、手势、按压等动作实现用户指令输入功能，输入接口通过将接收的模拟信号转换为数字信号，以及数字信号转换为相应指令信号，发送至显示设备200。
输出接口包括将接收的用户指令发送至显示设备200的接口。在一些实施例中，可以是红外接口，也可以是射频接口。如：红外信号接口时，需要将用户输入指令按照红外控制协议转化为红外控制信号，经红外发送模块进行发送至显示设备200。再如：射频信号接口时，需将用户输入指令转化为数字信号，然后按照射频控制信号调制协议进行调制后，由射频发送端子发送至显示设备200。
在一些实施例中，控制装置100包括通信器130和输出接口中至少一者。控制装置100中配置通信器130，如：WIFI、蓝牙、NFC等模块，可将用户输入指令通过WIFI协议、或蓝牙协议、或NFC协议编码，发送至显示设备200.
存储器190，用于在控制器110的控制下存储驱动和控制控制装置100的各种运行程序、数据和应用。存储器190，可以存储用户输入的各类控制信号指令。
供电电源180，用于在控制器110的控制下为控制装置100各元件提供运行电力支持。可以电池及相关控制电路。
图5中示例性示出了根据示例性实施例中显示设备200功能配置示意图。如图5所示，存储器290用于存储操作系统、应用程序、内容和用户数据等，在控制器210控制下执行驱动显示设备200的系统运行以及响应用户的各种操作。存储器290可以包括易失性和/或非易失性存储器。
存储器290，具体用于存储驱动显示设备200中控制器210的运行程序，以及存储显示设备200内置各种应用程序，以及用户从外部设备下载的各种应用程序、以及与应用程序相关的各种图形用户界面，以及与图形用户界面相关的各种对象，用户数据信息，以及各种支持应用程序的内部数据。存储器290用于存储操作系统(OS)内核、中间件和应用等系统软件，以及存储输入的视频数据和音频数据、及其他用户数据。
存储器290，具体用于存储视频处理器260-1和音频处理器260-2、显示器280、通信接口230、调谐解调器220、检测器240、输入/输出接口等驱动程序和相关数据。
在一些实施例中，存储器290可以存储软件和/或程序，用于表示操作系统 (OS)的软件程序包括，例如：内核、中间件、应用编程接口(API)和/或应用程序。示例性的，内核可控制或管理系统资源，或其它程序所实施的功能(如所述中间件、API或应用程序)，以及内核可以提供接口，以允许中间件和API，或应用访问控制器，以实现控制或管理系统资源。
示例的，存储器290，包括广播接收模块2901、频道控制模块2902、音量控制模块2903、图像控制模块2904、显示控制模块2905、音频控制模块2906、外部指令识别模块2907、通信控制模块2908、光接收模块2909、电力控制模块2910、操作系统2911、以及其他应用程序2912、浏览器模块等等。控制器210通过运行存储器290中各种软件程序，来执行诸如：广播信号接收解调功能、频道选择控制功能、音量选择控制功能、图像控制功能、显示控制功能、音频控制功能、外部指令识别功能、通信控制功能、光信号接收功能、电力控制功能、支持各种功能的软件操控平台、以及浏览器功能等其他应用。
图6a中示例性示出了根据示例性实施例中显示设备200中软件系统的配置框图。如图6a中所示，操作系统2911，包括用于处理各种基础系统服务和用于实施硬件相关任务的执行操作软件，充当应用程序和硬件组件之间完成数据处理的媒介。
一些实施例中，部分操作系统内核可以包含一系列软件，用以管理显示设备硬件资源，并为其他程序或软件代码提供服务。
其他一些实施例中，部分操作系统内核可包含一个或多个设备驱动器，设备驱动器可以是操作系统中的一组软件代码，帮助操作或控制显示设备关联的设备或硬件。驱动器可以包含操作视频、音频和/或其他多媒体组件的代码。示例的，包括显示屏、摄像头、Flash、WiFi和音频驱动器。
其中，可访问性模块2911-1，用于修改或访问应用程序，以实现应用程序的可访问性和对其显示内容的可操作性。
通信模块2911-2，用于经由相关通信接口和通信网络与其他外设的连接。
用户界面模块2911-3，用于提供显示用户界面的对象，以供各应用程序访问，可实现用户可操作性。
控制应用程序2911-4，用于控制进程管理，包括运行时间应用程序等。
事件传输系统2914，可在操作系统2911内或应用程序2912中实现。一些实施例中，一方面在在操作系统2911内实现，同时在应用程序2912中实现，用于监听各种用户输入事件，将根据各种事件指代响应各类事件或子事件的识别结果，而实施一组或多组预定义的操作的处理程序。
其中，事件监听模块2914-1，用于监听用户输入接口输入事件或子事件。
事件识别模块2914-1，用于对各种用户输入接口输入各类事件的定义，识别出各种事件或子事件，且将其传输给处理用以执行其相应一组或多组的处理程序。
其中，事件或子事件，是指显示设备200中一个或多个传感器检测的输入，以及外界控制设备(如控制装置100等)的输入。如：语音输入各种子事件，手势识别的手势输入子事件，以及控制装置的遥控按键指令输入的子事件等。示例的，遥控器中一个或多个子事件包括多种形式，包括但不限于按键按上/下/左右/、确定键、按键按住等中一个或组合。以及非实体按键的操作，如移动、按住、释放等操作。
界面管理模块2913，用于直接或间接接收来自于事件传输系统2914监听到各用户输入事件或子事件，更新主页界面中的项目显示效果，包括但不限于 界面中各项目的定焦循环滚动显示、或者界面中各项目的定焦滚动显示。
如图6b中所示，应用程序层2912包含可在显示设备200执行的各种应用程序。应用程序可包含但不限于一个或多个应用程序，如：直播应用程序、视频点播应用程序、媒体中心应用程序、应用程序中心、游戏应用等。
直播应用程序，可以通过不同的信号源提供直播内容。例如，直播应用程可以使用来自有线广播、无线广播、卫星服务或其他类型的直播服务的输入提供信号。以及，直播应用程序可在显示设备200上显示直播信号的视频。
视频点播应用程序，可以提供来自不同存储源的视频。不同于直播应用程序，视频点播提供来自某些存储源的视频显示。例如，视频点播可以来自云存储的服务器端、来自包含已存视频节目的本地硬盘储存器。
媒体中心应用程序，可以提供各种多媒体内容播放的应用程序。例如，媒体中心，可以为不同于直播或视频点播，用户可通过媒体中心应用程序访问各种图像或音频所提供服务。
应用程序中心，可以提供储存各种应用程序。应用程序可以是一种游戏、应用程序，或某些和计算机系统或其他设备相关但可以在显示设备中运行的其他应用程序。应用程序中心可从不同来源获得这些应用程序，将它们储存在本地储存器中，然后在显示设备200上可运行。
图7中示例性示出了根据示例性实施例中显示设备200中主页界面的示意图。如图7所示，用户界面包括多个视图显示区，示例的，包括第一视图显示区201、第二视图显示区202和第三视图显示区203，各个视图显示区中布局一个或多个不同项目。以及，用户界面中还包括指示任一项目被选择的选择器，可通过用户输入，以改变选择不同的项目。
需要说明的是，多个视图显示区可以是可视的界线，也可以是不可视的界线。如：可通过各视图显示区的背景颜色不同标识不同视图显示区，还可以通过边界线等可视的标识，也可以有不可视的隐形边界。也可以不存在可视的或非可视的边界，而仅在屏幕上显示一定范围区域中相关联项目，具有尺寸和/或排布相同改变属性时，而该一定范围区域则被视同一种视图分区的边界的存在，如：视图显示区201中项目同时缩小或放大，而视图显示区202的变化不同。
其中，一些实施例中，上述视图显示区中的一个或多个视图显示区可以为可缩放视图显示。“可缩放”，可以表示视图显示区在屏幕上尺寸或占比是可缩放的，或视图显示中的项目在在屏幕上尺寸或占比是可缩放的。
“项目”是指在显示设备200中用户界面的各视图显示区中显示以表示，诸如图标、缩略图、视频剪辑等对应内容的视觉对象。例如：项目可以表示电影、电视剧的图像内容或视频剪辑、音乐的音频内容、应用程序，或其他用户访问内容历史信息。
一些实施例中，“项目”可显示图像缩略图。如：当项目为电影或电视剧时，项目可显示为电影或电视剧的海报。如项目为音乐时，可显示音乐专辑的海报。如项目为应用程序时，可显示为应用程序的图标，或当应用程序被执行最近执行时捕捉到应用程序的内容截图。如项目为用户访问历史时，可显示为最近执行过程中内容截图。“项目”可显示为视频剪辑。如：项目为电影或电视剧的预告片的视频剪辑动态画面。
此外，项目可以表示显示设备200与外接设备连接的接口或接口集合显示，或可表示连接至显示设备的外部设备名称等。如：信号源输入接口集合、或HDMI接口、USB接口、PC端子接口等。
示例的，项目如图9a中，在第一视图显示区201中用于显示的项目主要为应用数据、如图中的应用1-7，在第二视图显示区202中用于显示的项目主要为在线的影片、如图中的海报1-5，在第三视图显示区203中用于显示的项目主要为设备系统相关数据，如图中的运营数据1-5。一些实施例中，每个项目可以包括文本内容和/或用于显示与文本内容相关的缩略图的图像，或与文本相关的视频剪辑。另一些实施例中，每个项目可以是应用程序的文本或图标。
各个项目可具有相同尺寸，也可以具有不相同的尺寸。在一些实施示例中，项目的尺寸可以被改变。
“选择器”用于指示其中任意项目已被选择，如:光标或焦点对象。根据用户通过控制装置100上输入，控制在显示设备200上光标移动来选择或控制项目。可根据用户通过控制装置100的输入，可使显示设备200中显示焦点对象的移动来选择控制项目，可选择或控制其中一个或多个项目。如：用户可通过控制装置100上方向键控制焦点对象在项目之间的移动来选择和控制项目。
焦点对象指根据用户输入在项目之间移动的对象。示例的，如图9a中通过项目边缘绘制粗线来实现或标识焦点对象位置。在其他实施例中，焦点形式不限于示例，可以是光标等有形或无形可被用户识别的形态，如可以项目的3D变形等形式，也可以改变聚焦的项目的文本或图像的边框线、尺寸、颜色、透明度和轮廓和/或字体等标识。
一些实施例中，上述各视图显示区中各项目中分别关联有不同内容或链接。示例性的，第一视图显示区201中各项目为各种应用程序的文本和/或图标，第二视图显示区202中各项目为海报的缩略图或视频剪辑，第三视图显示区203中各项目为系统相关的文本和/或图标。需要说明的是，本实施例中的视图显示 区在屏幕中为横向排布，在实际应用过程中，还可以为纵向排布，或者其它任意角度排布。
事件传输系统2914，可监听到的各预定义的事件或子事件的用户输入，将识别出事件或子事件的控制直接或间接提供给界面管理模块2913。
界面管理模块2913，用于用户界面状态(包括视图分区、项目、焦点或光标对象等位置和/或大小、变化过程等)的监控，以及根据该事件或子事件，可执行界面中各视图显示区中各项目的定焦循环滚动显示、或者各项目的定焦滚动显示。
在其他一些实施例中，用户界面可包括一个或多个视图显示区，根据待显示不同分类内容量布局显示屏幕上的视图显示区数量。
图8中示例性示出了根据实施例中显示设备200中呈现用户界面的一种方法流程示意图。如图8所示，该方法具体包括如下步骤：
S801:接收移动所述视图显示区内的焦点对象的用户输入。
接收用户输入，确定所述用户输入事件的类型，其中，显示设备200的控制器被配置为监控用户输入事件类型，如监控按键输入是否为左或者右按键指令。若监控用户输入事件是左或者右按键输入时，则进行选择器在用户界面中的位置检测，进一步，确定选择器是否位于视图显示区内的项目上，如果是，则说明该按键输入为更新该视图显示区内的焦点对象，即对应着焦点对象左移或者右移，进而响应该按键输入。
S802：使目标项目移动至所述焦点对象所在位置，其中，如果所述视图显示区内的项目数量大于所述显示器的屏幕能够显示的最大项目数量，则控制所述视图显示区内的项目按照定焦循环方式展示；否则，则控制所述视图显示区 内的项目按照定焦非循环方式展示。
即根据预设项目展示规则，控制视图显示区内的项目按照循环方式在用户界面滚动展示、或者按照非循环方式在用户界面移动展示；同时，将目标项目移动至所述焦点对象所在位置，使被选择的目标项目在用户界面中的显示位置不变，即定焦显示。
图9a-9c中示例性示出了根据实施例中控制装置100与显示设备200之间操作示意图。设第一视图显示区201内共有9个项目，其中，起初如在图9a中，项目8和9超出屏幕的显示范围，未在屏幕中显示出。
本实例中，第一视图显示区201中的项目，可以为显示设备推广的应用，各项目采用图标的方式呈现。
如图9a所示，当前选择器位于第一视图显示区201内的第一个项目应用1上，同时，被选中的项目，即焦点对象采用边缘绘制粗线和图标放大来进行标识。如果用户在控制装置100上输入的为右键操作，如按压一次遥控器上的右键，则说明焦点对象需要由当前的应用1切换至应用2，显示设备200响应用户输入后，呈现的界面如图9b所示，第一视图显示区201中的所有项目左移一个项目的宽度，进而保证切换后的焦点对象即应用2的位置仍处于图9a中焦点对象为应用1时所在的位置，实现了定焦滚动展示，这样，用户可以方便查看被选择的项目，有效防止因在控制装置100上多次操作，不知当前焦点对象具体位置的情况。
在本申请某些实施例中，如果用户在图9b的基础上，连续按压三次遥控器上的右键或者按下遥控器的右键直到焦点对象切换为应用5时再松开右键，则呈现如图9c所示的用户界面；同时，应用1至3在屏幕左侧被移出屏幕后，会 继续排在项目队列的队尾，在屏幕中等待显示，如图9c所示，应用1和2在屏幕中重新显示出来，即实现了视图显示区内项目的定焦滚动循环展示。这样，可以方便用户查看该视图显示区内项目，同时，如果用户想将重新选择应用1，可以直接继续按右键操作即可，无需再多次按左键执行返回的操作，当然，如果用户需要，如焦点对象所对应的当前项目与目标项目距离近的情况下，也可以执行按左键的操作。
图10a和10b中示例性示出了另一种根据实施例中控制装置100与显示设备200之间操作示意图。为了视图显示区内显示项目的灵活性，本实施例设置第一行视图显示区内的数据用户可自行编辑，如图10a所示，用户删除了部分应用后，该视图显示区内只有五个项目，即视图显示区内的项目数量小于显示器的屏幕能够显示的最大项目数量，如果再采用循环滚动显示，就会出现项目队列首尾距离过大的情况，本实施例在这种情况下不再采用循环滚动展示方式。
如图10b所示，焦点对象为应用3，同时，应用1和2在屏幕左侧被移出屏幕后，不再在项目队列重新显示。因此，本实施例自动根据项目数量选择展现模式，可以帮助用户快速找到所需内容的同时，还可以保证用户界面视觉上的美观，有助于提高用户体验。
在目前致力于显示设备做到操作运行更流畅，且同时减少软件程序本身耗损内存量、降低生产成本的环境下，如何实现在显示设备上实现定焦展示的同时不影响显示设备性能，也是本实施例要解决的一个问题。
随着显示设备可以实现功能越来越多，目前显示设备系统通常采用具有良好的稳定性、丰富的软件支持等优点的Linux系统。图11a中示例性示出了根据实施例中显示设备200中Linux系统整体层级构造示意图。如图11a所示， 该系统大体上可以分为底层驱动、中间件和上层UI三个大部分，其中，上层的UI层又可细化为数据层和视觉层，当数据层的变化时，便可以驱动视觉层的页面显示的变化。
基于上述该系统，对于用户界面的效果显示，其本质上是按键驱动页面的响应，再去执行页面上的每部分操作的过程，如下图中未Linux系统按键响应流程。图11b中示例性示出了根据实施例中显示设备200中Linux系统按键响应流程示意图。如图11b所示，其具体响应流程如下：
S1101:系统中底层驱动接收来自控制装置的按键信号。
例如，控制装置100为遥控器，当用户按遥控器右键时，遥控器发出红外线并发送至显示设备200中红外线接收接口，然后传出给底层驱动，底层驱动接收该红外线信号后，将其对应为按键码。
S1102:利用显示设备中的信号转换装置，将所述按键码转换为浏览器规则码后，发送给系统中浏览器。
例如，利用分布反馈式(DFB)半导体激光器映射所述按键码，将其转换为浏览器规则码，并将该浏览器规则码发送给显示设备系统中浏览器。
S1103:所述浏览器将所述浏览器规则码发送至给UI层。
所述浏览器接收到该浏览器规则码后，不进行按键处理，直接将其分发给UI层。
S1104:所述UI层判断其数据层中的数据是否有变化。
如果有变化，则执行步骤S1105：利用变化后的数据驱动视觉层显示的变化；否则，则执行步骤S1106:直接驱动视觉层的显示。
从上述驱动流程中可以看出，UI的展现主要基于浏览器，同在网页中一样， UI整体作为一个本地网址，例如，在显示设备开机过程中，驱动打开浏览器，浏览器默认打开UI的index.html以拉起UI。因此，浏览器作为UI的展现承载，起到了很重要的作用，为了减轻UI带给浏览器的压力，我们应该尽量减少加在浏览器的数据量，以及和浏览器相关的交互操作。
图11c中示例性示出了根据实施例中显示设备200中Linux系统数据交互示意图。如图11c所示，在显示设备上对UI进行操作，能影响到其响应速度的主要有以下几个原因：
1)数据量：数据量的多少会很明显的影响到浏览器拉起页面、页面操作的速度，数据越多，速度越慢；
2)UI视图层与其它部分的交互：UI运行过程中其视觉层基本上不涉及和底层的交互，能与底层驱动和浏览器有交互的部分是数据层，为了增加UI的操作速度，必须要减少其与UI的数据交互次数；从UI的方面讲，能够尽量减少交互次数的地方为UI的View层和Model层之间数据交互；
3)显示设备本身内存、硬件的性能；
4)承载UI的浏览器本身的性能。
基于上述原因，从UI的角度能够增快运行速度的方向只有3个：减少驱动UI展现的数据量、减少UI的视觉层和数据层之间的数据交互次数；减少数据层和底层驱动之间的数据交互次数。因为显示设备本身的功能需求限制了第三方面的优化，所以上述前两方面进行优化。在此背景下，本实施例分别采用了以下三种不同的方法去实现视图显示区内的项目按照定焦循环方式展示。
图12中示例性示出了一种控制显示设备200中视图显示区内的项目按照定焦循环方式展示方法的流程示意图。如图12所示，该方法主要包括如下步骤：
S1201：根据所述用户输入以及所述焦点对象所对应的当前项目，判断所述视图显示区内是否将有项目被移出所述屏幕。
例如，当用户按遥控器右键时，遥控器发出红外线并发送至显示设备200中红外线接收接口，然后传出给底层驱动，底层驱动接收该红外线信号后，将其对应为按键码；然后，利用显示设备200中的分布反馈式(DFB)半导体激光器映射所述按键码，将其转换为浏览器规则码，并将该浏览器规则码发送给显示设备系统中浏览器；所述浏览器接收到该浏览器规则码后，不进行按键处理，直接将其分发给UI层。UI层对该浏览器规则码进行处理，进行选择器在用户界面中的位置检测，当确定当选择器位于视图显示区内的项目上，则说明该按键输入为更新该视图显示区内的焦点对象。
在本申请某些实施例中，根据用户输入以及所述焦点对象所对应的当前项目，判断执行焦点对象的移动(为描述方便本实施例将焦点对象所指示的被选择项目的变化，简称为焦点对象的移动)操作后，在该视图显示区内是否将有项目被移出所述屏幕，例如焦点对象所选定的项目为图9a中的应用1、即第一个项目，用户按了一次遥控器右键、即用户输入为焦点对象右移一个项目，则不会有项目移出屏幕，而除焦点对象为第一个项目，任何一次焦点对象右移都会有项目移出屏幕。
如果将有项目被移出所述屏幕，则执行步骤S1202，否则，则执行步骤S1204。
S1202：将所述将要被移出所述屏幕的项目对应的数据移动至UI数据层中项目数组的末尾，刷新所述项目数组。
S1203：根据刷新后的所述项目数组，刷新UI View层。
每次移动刷新一次项目数组内容，便会改变一下其中的项目的顺序，此时显示在屏幕上的项目顺序也改变，进而实现视觉上的循环显示效果。
S1204：控制外层盒子在焦点对象移动方向的反方向上增加对应的宽度，其中，所述宽度值根据使所述目标项目移动至所述焦点对象所在位置的需求设定。
如用户按左键操作，对应的为焦点对象向左移，进而需要控制外层盒子右移，并且为保证被选定的目标项目在屏幕上呈现的位置不变，即使目标项目移动至当前焦点对象所在位置，则外层盒子的宽度需要根据该视图显示区内被移动项目的宽度、各项目之间的间隙、以及项目队列首部和尾部留白宽度确定。
本实施例中，对于各视图显示区所有的实现方式都分为两层，本实施例定义为外层盒子和内层盒子。其中，外层盒子主要控制定焦显示，包含了整行的视图显示区中所有数据，在焦点对象切换动作中整行的数据会一起移动；内层盒子控制焦点对象显示样式，单指一个视图显示区中的某个项目，在焦点对象切换过程中，当前被选定的项目除了需要跟随外层盒子移动外还需要自己本身进行失焦的样式变换，同样的，将被选定的目标项目除了需要跟随外层盒子移动外还需要自己本身进行获焦的样式变换。
图13a-13d中示例性示出了按照图12中的方法在显示设备200的主页界面实现效果示意图。
如图13a-13d所示，本实施例仍是以第一行的第一视图显示区为例，设第一视图显示区内共有9个项目，其中，如在图13a中，为开机初始位置，项目8和9超出屏幕的显示范围，未在屏幕中显示出，项目7在屏幕中部分显示出来。
阴影标出的为外层盒子2011，其内部包含了所有的项目，在该状态下对应的项目数组为{item1，item2，item3……item9}}。
在图13a的基础上，如果用户执行按右键操作，则对应的焦点对象右移一个项目，对应的，外层盒子根据第一个项目的宽度、第一和第二个项目之间的间隙以及第一个项目左侧的留白宽度在左侧增加相应的宽度，其中，当第一和第二个项目宽度不一致时，该宽度还要根据第二个项目的宽度值决定，同时，内层盒子控制将焦点对象由第一个项目切换至第二个项目，进而得到图13b中的显示界面。
在图13b的基础上，如果用户执行按右键操作，则对应的焦点对象右移一个项目，或者，在图13a的基础上，如果用户执行按两次的右键操作，则对应的焦点对象右移两个项目，此时，当执行焦点对象切换后，由于应用1会被移出屏幕，所以，此时会通知UI中launcher的数据层，改变数据层中对应数据Data中的内容顺序，将item1移动到队尾，进而刷新后的，项目数组为{item2，item3，item4……item1}}。由于数据层中的数据结构变化，对应的，视觉层在进行显示时，显示在屏幕上的项目顺序也对应改变，进而实现视觉上的循环显示效果，得到图13c的显示效果。
同样的，在图13c的基础上，如果用户执行按右键操作，则对应的焦点对象右移一个项目，当然，也可以在图13a和b的基础上进行焦点对象更新，此时，当执行焦点对象切换后，由于应用2会被移出屏幕，对应的，将item2移动到队尾，进而刷新后的，项目数组为{item3，item4，item5……item2}}，得到图13d的显示效果，其中被移出屏幕的应用1重新在屏幕中显示。
利用上述实施方案，外部盒子不需要每次执行移动，只需要在第一次焦点切换、即没有项目被移出屏幕的时候，左移一个项目的宽度，之后固定位置即可，进而可以减少动画叠加。
但是，上述方案除在第一次焦点切换外，每次焦点切换对应的都需要重新刷新Data中的内容，改变其中的数据顺序，进而会增加浏览器的压力。此外，基于Vue框架的数据驱动页面的机制，此时数据刷新会导致重新刷新DOM(文档对象模型，Document Object Model)树结构，而每次刷新DOM的时候，容易引起用户界面出现卡顿现象的问题。基于上述问题，本实施例提供了另一种方案。
图14中示例性示出了另一种控制显示设备200中视图显示区内的项目按照定焦循环方式展示方法的流程示意图。如图14所示，该方法包括如下步骤：
S1401:根据所述用户输入以及所述焦点对象所对应的当前项目，确定目标项目。
当用户在控制器上执行按键操作时，通过对按键消息的识别以及焦点对象的所对应的当前项目，例如，当前焦点对象为视图显示区内的第一个项目，如果显示设备接收到的为右键指令，则对应的目标项目为视图显示区内的第二个项目；当前焦点对象为视图显示区内的最后一个项目，如果显示设备接收到的同样为右键指令，对应的目标项目则为视图显示区内的第一个项目。
S1402:根据所述目标项目与当前项目之间的间距，控制外层盒子在焦点对象移动方向的反方向上移动相应的距离。
本实施例中，UI数据层中项目数组的数据由两组所述视图显示区内所有项目对应的数据连接而成，例如，设视图显示区内所有项目对应的数据组为Data1、如{item2，item3，item4……item1}}，将Data1复制一份设为Data2，将Data1和Data2连接，形成一个新数组Data，作UI数据层中项目数组，其内容为Data1和Data2的连接值，Data＝Data1.concat(Data2)。这样，进行View展示的时候 将展示2倍的原数据内容。
基于上述数据结构，在进行焦点切换时，则根据所述目标项目与当前项目之间的间距，控制外层盒子在焦点对象的待移动方向的反方向上移动相应的距离。其中，为保证焦点对象在所述屏幕上的显示位置固定，目标项目与当前项目之间的间距需要根据被移动的各项目的宽度、各项目之间的间隙、项目队列首部和尾部留白宽度中的部分或全部因素确定，另外，当该视图显示区内有不同的项目块时，还可能需要根据项目块之间的间隙确定。如图9所示，在第二和第三视图显示区内，一行内的项目还进行了分类，本实施例将每一类其命名为一个项目块。
图15中示例性示出了按照图14中的方法对应的实现效果示意图。需要说明的是，图15中的并不是显示设备屏幕中的实际显示效果图，只是代表其循环展示的示意图。
由于本实施例中，UI数据层中项目数组的数据由两组所述视图显示区内所有项目对应的数据连接而成，所以，页面展示时会展示两组项目，外层盒子的宽度也对应为两组项目对应的宽度。在图15中的第一行至第三行分别是焦点对象为项目1、项目2和项目3的呈现效果图。当index＝0的item，即项目1需要循环从列表后方展现的时候，屏幕中显示出来的便是复制数据Data2的内容。
最终，当焦点对象移动到原数据Data1的最后一个项目时，即如图15中的最后一行，如果继续执行按右键移动，则对应的焦点对象会被移动到第一个项目，进而显示结果将复位到如图15中的第一行的行初始位置，同样的，如果在如图15中的第一行的行初始位置按左键，将把焦点移动到如图15中的最后一行的位置。
也就是说，在该方法中，被复制的数据Data2永远不会被附焦点，只是作为原数据Data1被移出显示设备屏幕部分的代替，并展示在屏幕上，实现视觉上的循环显示。
图15中示出的为用户按右键，使视觉上的焦点右移的情况，如果想要实现视觉上的焦点左移，则按照图15中箭头逆向的方式展示。
利用本实施例提供的方法，在每次焦点对象切换时不再重新刷新数据数组，进而无需重新刷新页面DOM树，进而可以有效改善焦点对象切换时的用户界面卡顿现象。
但是，上述方法由于在展示时对数据进行了复制，导致页面的DOM树数量增加了一倍，进而会导致启动页面时耗时也相应增加，例如，用户在按home键启动launcher的时候，主页页面需要很久才会被拉起来，进而影响了用户体验效果。同时，因为数据量的增加，必定会消耗一定的缓存。基于上述问题，本实施例提供了另一种方案。
图16中示例性示出了又一种控制显示设备200中视图显示区内的项目按照定焦循环方式展示方法的流程示意图。如图16所示，该方法包括如下步骤：
S1601：根据所述用户输入以及所述焦点对象所对应的当前项目，确定目标项目。
例如，当前焦点对象对应于某一视图显示区的第一个项目上，如果用户输入的按键信息为焦点对象左移，则对应的目标项目为该视图显示区的最后一个项目上。
S1602：根据所述目标项目与当前项目之间的间距，控制外层盒子在焦点对象移动方向的反方向上移动相应的距离。
例如，当前焦点对象对应的项目为第一个项目，目标项目为第八个项目，则焦点对象需要右移七个项目，相应的，外层盒子向左移动的距离，则根据第一至第七个项目之间的间距确定，只要保证更新后的目标项目移动至所述焦点对象所在位置的即可。
S1603：判断所述视图显示区内是否将有项目被移出所述屏幕。
如果切换焦点对象后，会有焦点对象移动出屏幕，则执行步骤S1604。
S1604：将所述将要被移出所述屏幕的项目translateX到焦点对象更新前所对应的项目队列尾部。
例如，设项目数组为Data[{item0},{item1},{item2},...,{itemn-1}]，当焦点从item1移动到item2时，item0已经移出屏幕，则在显示的时候，则根据屏幕宽度、每个项目的显示宽度以及两个中间留白等数据，利用translateX函数，把item0的位置横向移动到项目队列尾部，留出首尾间距后，显示如图17中的第三行；再进行焦点对象移动，每次都会将队前刚移出到屏幕外的item移动到队列尾部，同时，由于外层盒子需要在项目队尾放置移动过来的项目，所以其尾部宽度也会相应的增加相应的宽度，以保证更新后的焦点对象在屏幕上的显示位置固定。
利用本实施例中的方法，项目数组本身顺序结构不变，只是显示的时候控制了每个项目的显示位置。
图17中示例性示出了按照图16中的方法对应的实现效果示意图。如图17中的第二行，当焦点对象在index＝1位置、即第二个项目时，在此基础上若焦点对象右移一个项目，则index＝0的第一个项目将会被移出屏幕，所以需要将其移动到项目组队尾，并且将外层盒子左移一个项目的宽度，以使各项目整体 左移一个项目的宽度，同时由于第一个项目被移动到队尾，所以外层盒子的尾部需要增加对应的宽度，进而可以得到如图17中的第三行的显示效果。
按照上述方式继续移动，外层盒子继续左移，并且随着被移出屏幕的项目添加至队尾，其宽度也越来越宽，但是需要说明的是，外层盒子宽度的增加，只是显示区域的增加，其中并没有添加任何数据，也并不涉及其余动画，所以对于内存和性能的影响可以忽略不计。在本申请某些实施例中，如图17中最后一行所示，当焦点对象对应于最后一个项目时，如果用户继续按右键，则指示目标焦点对象对应于第一个项目，系统识别为该操作焦点对象左移，进而便返回到图17中第一行。
图17中示出的为用户按右键，使视觉上的焦点右移的情况，如果想要实现视觉上的焦点左移，则按照图17中箭头逆向的方式展示。
利用本实施例提供的方法，由于不涉及项目数组中数据的变化以及数据的增加，进而可以解决移动刷数据导致页面反应迟钝，以及增加虚拟数据，导致增加DOM数量浪费内存，导致启动慢的问题。
如图9所示，本实施例中在第二和第三视图显示区内均这有两个项目块，并且每个项目块对应不同的标题。为了方便用户使用，本实施例设置在项目循环展示时，标题也可以跟随项目行进行循环展示。需要说明的是，当视图显示区内设有不同的项目块时，在设置项目展示时，在上述项目滚动循环实现方法中，在计算项目位置以及移动动画时，需要同时考虑块与块之间的间距问题。
图18中示例性示出了一种控制显示设备200中视图显示区内的标题展示方法的流程示意图。如图18所示，该方法包括如下步骤：
S1801：判断所述视图显示区中包括标题行、并且所述视图显示区内的项目 数量是否小于或等于所述显示器的屏幕能够显示的最大项目数量。
其中，在用户界面创建时，如果视图显示区内包括标题行，并且该视图显示区内的项目数量小于或等于屏幕能够显示的最大项目数量、即该视图显示区中的项目采用定焦非循环的方式展示，则执行步骤S1802，否则执行步骤S1803。
S1802：使所述标题行显示在其所在的项目块中第一个项目附近，其中，所述项目块显示在所述屏幕中。
图19中示例性示出了按照图18中的方法对应的实现效果示意图一。如图19所示，该视图显示区中被定义为采用定焦非循环的方式展示，两个标题均设定为当前显示在屏幕中的项目块的上方，当然，还可以下方等可以起到标识作用的任意位置。当在如19的第一行的呈现的状态下，当向右移动焦点对象时，标题1位置不动、标题2每次随着焦点对象移动一个项目的宽度，直到第一个项目块被移出屏幕后，在进行焦点对象在第二个项目块内切换时，标题2的位置固定在屏幕最左方的队首，直到第二个项目块都被出屏幕。在本申请某些实施例中，为了方便被移出屏幕的项目块再屏幕中重新显示时，其上方的标题可以在屏幕中快速显示，本实施例设置被移出屏幕的项目块的标题设置在其最靠近屏幕位置的附近。
S1803：使所述标题行跟随在其所对应的项目块移动。
例如，令标题始终跟随其所在项目块的第一个项目移动，当然，还可以设置为跟随着其它的项目移动。其中，在动画设置时，由于标题行始终跟随在其所对应的项目块移动，但是又因为项目行是一个单独list，标题不在这个list中，所以本实施例设计标题行的动画单独进行计算。
图20中示例性示出了按照图18中的方法对应的实现效果示意图二。如图20所示，该视图显示区中被定义为采用定焦循环的方式展示，两个标题均设定为当前显示在屏幕中的项目块的上方，当项目移动时，标题始终位于初始其对应的项目块的第一个项目的上方。
需要说明的是，在进行标题行中的标题展示，还可以在项目行按照定焦循环和非循环两种展示方式下，都按照步骤S1802中所提供改的方法或者都按照步骤S1803中所提供的方法。
另外，本实施例还提供了在用户界面创建时，根据视图显示区中的项目数量，确定项目展示具体展示规则的方法。
图21中示例性示出了一种控制显示设备200中定义项目展示方法的流程示意图。如图20所示，该方法主要包括如下步骤：
S2101:如果接收到调用用户界面的指令，则获取所述视图显示区的边界数据。
其中,所述数据边界数据包括:视图显示区内的项目数量、各所述项目的显示宽度、所述屏幕的宽度、以及相邻项目之间的预设间距。需要说明的是，本实施例中定义视图显示区内第一个和最后一个项目也为相邻项目，其前后留白宽度为该两个项目之间的间距。
S2102:根据所述边界数据，判断所述视图显示区内的项目数量是否大于所述显示器的屏幕能够显示的最大项目数量。
如接收到用户按home检，启动launcher的指令时，首先分别获取各视图显示区内的项目数量L、显示设备屏幕横向分辨率A，项目队列首尾之间留白宽度m，显示时每个项目之间的显示宽度l。其中，当L>(A-m)/l+1的时候， 即该视图显示区内的项目数量大于的屏幕能够显示的最大项目数量时，会返回第一布尔值、如true值给List View组件，以执行步骤S2103；反之，则即该视图显示区内的项目数量小于或等于的屏幕能够显示的最大项目数量时，会返回第二布尔值、如false给List View组件，以执行步骤S2104。需要说明的是，上述公式是以除项目队列首尾外，其余项目之间无间隔排列得到的，在具体应用中，可以在此基础上进行一定的变形。
S2103:如果是，则使所述视图显示区对应的DOM数据结构按照定焦循环方式展示方式创建。
S2104:如果不是，则使所述视图显示区对应的DOM数据结构按照定焦非循环方式展示方式创建。
按照上述DOM数据结构，List View组件渲染页面，进而视觉上的用户界面被成功调起。
在本申请某些实施例中，为了减少DOM树结构的刷新，本实施例还设计如果接收到调用用户界面的指令后，先判断各视图显示区内的项目数量、各所述项目的显示宽度、各项目之间的预设间距是否有变化，另外，当该视图显示区包括多个项目块时，还会判断项目块之间的间距是否有变化，如果均没有数据变化，则根据已创建好的DOM数据结构，进行用户界面渲染。
前述实施例提到，在显示设备使用的过程中，视图显示区中的项目数量是不固定的，为实现显示设备在使用过程中，可以根据项目数量自动切换显示模式，例如，设置某一视图显示区中的项目数量用户可自行编辑，在添加或删除的项目、或者当该区域内的数据更新后，当项目数量恰好超过或少于屏幕可显示的最大数据量时，显示方式会自动切换。
其中，UI的数据层中存放页面显示的数据，当数据层的数据量变化时通知视觉层，视觉层通过监听数据层的数据变化，然后进行显示设备屏幕能显示出来的项目数量的数据边界计算，即通过判断所述视图显示区内的项目数量是否大于所述显示器的屏幕能够显示的最大项目数量，确定当前视觉显示该使用哪种项目显示方式，具体可以参考步骤S2102至S2104。
本实施例中，在移动用户界面中视图显示区内的焦点时，如果该视图显示区内的项目数量大于屏幕能够显示的最大项目数量时，则将该视图显示区内的项目按照定焦循环方式展示，即随着项目的移动，被移出屏幕的项目可以重新在项目组的队尾出现，实现数据的循环显示，进而可以方便用户查看视图显示区内的项目内容，用户在进行首部、尾部之间的焦点对象的切换时，可以以更少的按键操作，快速选定所需项目，并且采用定焦的方式进行项目展示，可以方便用户查看被选择的项目。另外，在该视图显示区内的项目数量小于或等于屏幕能够显示的最大项目数量时，则采用定焦非循环方式展示方式，可以防止出现项目首尾之间距离过大，影响美观的问题。因此，本实施例提供的方案可以帮助用户快速找到所需内容的同时，还可以保证用户界面视觉上的美观，有助于提高用户体验。
应当理解，本申请中说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，例如能够根据本申请实施例图示或描述中给出那些以外的顺序实施。本申请各实施例采用递进方式描述，各实施例之间可以相互参照。
此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖但不 排他的包含，例如，包含了一系列组件的产品或设备不必限于清楚地列出的那些组件，而是可包括没有清楚地列出的或对于这些产品或设备固有的其它组件。
基于本申请中示出的示例性实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。此外，虽然本申请中公开内容按照示范性一个或几个实例来介绍，但应理解，可以就这些公开内容的各个方面也可以单独构成一个完整技术方案。

Claims (20)

  1. 一种显示设备，其特征在于，包括：
    显示器，该显示器被配置为显示用户界面，所述用户界面包括多个视图显示区；各个视图显示区中包括布局一个或多个不同项目，以及，该用户界面中还包括指示所述项目被选择的焦点对象；
    与所述显示器通信连接的控制器，所述控制器被配置为执行呈现用户界面：
    接收移动所述视图显示区内的焦点对象的用户输入，使目标项目移动至所述焦点对象所在位置；
    其中，如果所述视图显示区内的项目数量大于所述显示器的屏幕能够显示的最大项目数量，则控制所述视图显示区内的项目按照定焦循环方式展示；否则，则控制所述视图显示区内的项目按照定焦非循环方式展示。
  2. 根据权利要求1所述的显示设备，其特征在于，控制所述视图显示区内的项目按照定焦循环方式展示，包括：
    根据所述用户输入以及所述焦点对象所对应的当前项目，判断所述视图显示区内是否将有项目被移出所述屏幕；
    如果是，则将所述将要被移出所述屏幕的项目对应的数据移动至UI数据层中项目数组的末尾，刷新所述项目数组；
    根据刷新后的所述项目数组，刷新UI View层；
    如果不是，则控制外层盒子在焦点对象移动方向的反方向上增加对应的宽度，其中，所述宽度值根据使所述目标项目移动至所述焦点对象所在位置的需求设定。
  3. 根据权利要求1所述的显示设备，其特征在于，控制所述视图显示区内的项目按照定焦循环方式展示，包括：
    根据所述用户输入以及所述焦点对象所对应的当前项目，确定目标项目；
    根据所述目标项目与当前项目之间的间距，控制外层盒子在焦点对象移动方向的反方向上移动相应的距离；
    其中，UI数据层中项目数组的数据由两组所述视图显示区内所有项目对应的数据连接而成。
  4. 根据权利要求1所述的显示设备，其特征在于，控制所述视图显示区内的项目按照定焦循环方式展示，包括：
    根据所述用户输入以及所述焦点对象所对应的当前项目，确定目标项目；
    根据所述目标项目与当前项目之间的间距，控制外层盒子在焦点对象移动方向的反方向上移动相应的距离；
    判断所述视图显示区内是否将有项目被移出所述屏幕；
    如果是，则将所述将要被移出所述屏幕的项目translateX到焦点对象更新前所对应的项目队列的尾部。
  5. 根据权利要求1至4任一所述的显示设备，其特征在于，所述控制器被配置为执行：
    如果所述视图显示区中包括标题行、并且所述视图显示区内的项目数量小于或等于所述显示器的屏幕能够显示的最大项目数量时，则使所述标题行显示 在其所在的项目块中第一个项目附近，其中，所述项目块显示在所述屏幕中。
  6. 根据权利要求1至4任一所述的显示设备，其特征在于，所述控制器被配置为执行：
    如果所述视图显示区中包括标题行、并且所述视图显示区内的项目数量大于所述显示器的屏幕能够显示的最大项目数量时，则使所述标题行跟随在其所对应的项目块移动。
  7. 根据权利要求1所述的显示设备，其特征在于，所述控制器被配置为执行：
    如果接收到调用用户界面的指令，则获取所述视图显示区的边界数据，其中,所述数据边界数据包括视图显示区内的项目数量、各所述项目的显示宽度、所述屏幕的宽度、以及相邻项目之间的预设间距；
    根据所述边界数据，判断所述视图显示区内的项目数量是否大于所述显示器的屏幕能够显示的最大项目数量；
    如果是，则使所述视图显示区对应的DOM数据结构按照定焦循环方式展示方式创建。
  8. 根据权利要求1所述的显示设备，其特征在于，所述控制器被配置为执行：
    如果接收到调用用户界面的指令，则获取所述视图显示区的边界数据，其中,所述数据边界数据包括视图显示区内的项目数量、各所述项目的显示宽度、 所述屏幕的宽度、以及相邻项目之间的预设间距；
    根据所述边界数据，判断所述视图显示区内的项目数量是否大于所述显示器的屏幕能够显示的最大项目数量；
    如果不是，则使所述视图显示区对应的DOM数据结构按照定焦非循环方式展示方式创建。
  9. 根据权利要求7或8所述的显示设备，其特征在于，所述控制器被配置为执行：
    如果接收到调用用户界面的指令，则判断各视图显示区内的项目数量、各所述项目的显示宽度、相邻项目之间的预设间距是否有变化；
    如果均没有数据变化，根据已创建好的DOM数据结构，进行用户界面渲染。
  10. 根据权利要求9所述的显示设备，其特征在于，判断各视图显示区内的项目数量、各所述项目的显示宽度、相邻项目之间的预设间距是否有变化之后，还包括：
    如果有数据变化，则判断所述视图显示区内的项目数量是否大于所述显示器的屏幕能够显示的最大项目数量；
    如果不是，则使所述视图显示区对应的DOM数据结构按照定焦非循环方式展示方式创建；
    如果是，则使所述视图显示区对应的DOM数据结构按照定焦循环方式展示方式创建。
  11. 一种显示设备中用户界面显示方法，其特征在于，包括：
    显示器上显示用户界面；其中，所述用户界面包括多个视图显示区；各个视图显示区中包括布局一个或多个不同项目，以及，所述用户界面中还包括指示所述项目被选择的焦点对象；
    接收移动所述视图显示区内的焦点对象的用户输入，使目标项目移动至所述焦点对象所在位置；
    其中，如果所述视图显示区内的项目数量大于所述显示器的屏幕能够显示的最大项目数量，则控制所述视图显示区内的项目按照定焦循环方式展示；否则，则控制所述视图显示区内的项目按照定焦非循环方式展示。
  12. 根据权利要求11所述的方法，其特征在于，控制所述视图显示区内的项目按照定焦循环方式展示，包括：
    根据所述用户输入以及所述焦点对象所对应的当前项目，判断所述视图显示区内是否将有项目被移出所述屏幕；
    如果是，则将所述将要被移出所述屏幕的项目对应的数据移动至UI数据层中项目数组的末尾，刷新所述项目数组；
    根据刷新后的所述项目数组，刷新UI View层；
    如果不是，则控制外层盒子在焦点对象移动方向的反方向上增加对应的宽度，其中，所述宽度值根据使所述目标项目移动至所述焦点对象所在位置的需求设定。
  13. 根据权利要求11所述的方法，其特征在于，控制所述视图显示区内的项目按照定焦循环方式展示，包括：
    根据所述用户输入以及所述焦点对象所对应的当前项目，确定目标项目；
    根据所述目标项目与当前项目之间的间距，控制外层盒子在焦点对象移动方向的反方向上移动相应的距离；
    其中，UI数据层中项目数组的数据由两组所述视图显示区内所有项目对应的数据连接而成。
  14. 根据权利要求11所述的方法，其特征在于，控制所述视图显示区内的项目按照定焦循环方式展示，包括：
    根据所述用户输入以及所述焦点对象所对应的当前项目，确定目标项目；
    根据所述目标项目与当前项目之间的间距，控制外层盒子在焦点对象移动方向的反方向上移动相应的距离；
    判断所述视图显示区内是否将有项目被移出所述屏幕；
    如果是，则将所述将要被移出所述屏幕的项目translateX到焦点对象更新前所对应的项目队列的尾部。
  15. 根据权利要求11至14任一所述的方法，其特征在于，所述方法还包括：
    如果所述视图显示区中包括标题行、并且所述视图显示区内的项目数量小于或等于所述显示器的屏幕能够显示的最大项目数量时，则使所述标题行显示在其所在的项目块中第一个项目附近，其中，所述项目块显示在所述屏幕中。
  16. 根据权利要求11至14任一所述的显示设备，其特征在于，所述方法 还包括：
    如果所述视图显示区中包括标题行、并且所述视图显示区内的项目数量大于所述显示器的屏幕能够显示的最大项目数量时，则使所述标题行跟随在其所对应的项目块移动。
  17. 根据权利要求11所述的方法，其特征在于，所述方法还包括：
    如果接收到调用用户界面的指令，则获取所述视图显示区的边界数据，其中,所述数据边界数据包括视图显示区内的项目数量、各所述项目的显示宽度、所述屏幕的宽度、以及相邻项目之间的预设间距；
    根据所述边界数据，判断所述视图显示区内的项目数量是否大于所述显示器的屏幕能够显示的最大项目数量；
    如果是，则使所述视图显示区对应的DOM数据结构按照定焦循环方式展示方式创建。
  18. 根据权利要求11所述的方法，其特征在于，所述方法还包括：
    如果接收到调用用户界面的指令，则获取所述视图显示区的边界数据，其中,所述数据边界数据包括视图显示区内的项目数量、各所述项目的显示宽度、所述屏幕的宽度、以及相邻项目之间的预设间距；
    根据所述边界数据，判断所述视图显示区内的项目数量是否大于所述显示器的屏幕能够显示的最大项目数量；
    如果不是，则使所述视图显示区对应的DOM数据结构按照定焦非循环方式展示方式创建。
  19. 根据权利要求17或18所述的方法，其特征在于，所述方法还包括：
    如果接收到调用用户界面的指令，则判断各视图显示区内的项目数量、各所述项目的显示宽度、相邻项目之间的预设间距是否有变化；
    如果均没有数据变化，根据已创建好的DOM数据结构，进行用户界面渲染。
  20. 根据权利要求19所述的方法，其特征在于，判断各视图显示区内的项目数量、各所述项目的显示宽度、相邻项目之间的预设间距是否有变化之后，还包括：
    如果有数据变化，则判断所述视图显示区内的项目数量是否大于所述显示器的屏幕能够显示的最大项目数量；
    如果不是，则使所述视图显示区对应的DOM数据结构按照定焦非循环方式展示方式创建；
    如果是，则使所述视图显示区对应的DOM数据结构按照定焦循环方式展示方式创建。
PCT/CN2020/072447 2019-07-12 2020-01-16 用户界面显示方法及显示设备 WO2021008127A1 (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
US16/994,872 US11093108B2 (en) 2019-07-12 2020-08-17 Method for displaying user interface and display device

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201910632023.7 2019-07-12
CN201910632023.7A CN110337034B (zh) 2019-07-12 2019-07-12 用户界面显示方法及显示设备

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US16/994,872 Continuation US11093108B2 (en) 2019-07-12 2020-08-17 Method for displaying user interface and display device

Publications (1)

Publication Number Publication Date
WO2021008127A1 true WO2021008127A1 (zh) 2021-01-21

Family

ID=68146725

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2020/072447 WO2021008127A1 (zh) 2019-07-12 2020-01-16 用户界面显示方法及显示设备

Country Status (2)

Country Link
CN (2) CN111698557B (zh)
WO (1) WO2021008127A1 (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114640891A (zh) * 2022-05-18 2022-06-17 海看网络科技(山东)股份有限公司 一种iptv中可上下左右循环展示专题内容的方法
CN114827703A (zh) * 2021-01-29 2022-07-29 武汉斗鱼网络科技有限公司 一种视图的排队播放方法、装置、设备及介质

Families Citing this family (15)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112788422A (zh) * 2019-11-04 2021-05-11 海信视像科技股份有限公司 显示设备
CN112969084A (zh) * 2019-12-12 2021-06-15 青岛海信传媒网络技术有限公司 一种用户界面展示方法、存储介质及显示设备
CN111104020B (zh) * 2019-12-17 2023-10-27 Vidaa(荷兰)国际控股有限公司 用户界面设置方法、存储介质及显示设备
CN113259741B (zh) * 2020-02-12 2022-09-16 聚好看科技股份有限公司 一种剧集经典看点的展示方法及显示设备
CN111273836B (zh) * 2020-02-13 2021-05-28 潍坊北大青鸟华光照排有限公司 一种电子设备上蒙古文竖向滚屏显示方法
CN111311715B (zh) * 2020-02-14 2023-07-21 北京三快在线科技有限公司 一种网页中添加动画效果的方法及装置
CN113497958B (zh) * 2020-04-01 2023-08-11 青岛海信传媒网络技术有限公司 一种显示设备及图片的展示方法
CN111541929A (zh) * 2020-04-21 2020-08-14 青岛海信传媒网络技术有限公司 一种多媒资数据显示方法及显示设备
CN111641856A (zh) * 2020-05-22 2020-09-08 海信视像科技股份有限公司 显示设备中引导用户操作的提示信息显示方法及显示设备
CN112351328A (zh) * 2020-09-24 2021-02-09 深圳Tcl新技术有限公司 智能电视焦点的呈现方法、设备及存储介质
CN112367550A (zh) * 2020-10-30 2021-02-12 Vidaa美国公司 一种媒资列表多标题动态展示的实现方法及显示设备
CN114442872B (zh) * 2020-10-19 2023-10-27 聚好看科技股份有限公司 一种虚拟用户界面的布局、交互方法及三维显示设备
CN113821152A (zh) * 2020-11-06 2021-12-21 北京沃东天骏信息技术有限公司 界面元素的位置确定方法及装置、介质和设备
CN113625926A (zh) * 2021-06-23 2021-11-09 武汉理工数字传播工程有限公司 一种运营功能管理的方法、电子设备及存储介质
CN113703705A (zh) * 2021-08-27 2021-11-26 海信视像科技股份有限公司 显示设备及列表更新方法

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060268100A1 (en) * 2005-05-27 2006-11-30 Minna Karukka Mobile communications terminal and method therefore
CN101087459A (zh) * 2006-06-09 2007-12-12 三星电子株式会社 提供菜单图标的便携式装置和方法
CN103546818A (zh) * 2013-10-31 2014-01-29 乐视致新电子科技（天津）有限公司 智能电视的列表显示界面的焦点控制方法和装置
CN105117287A (zh) * 2015-09-23 2015-12-02 北京超卓科技有限公司 一种图形用户界面及其实现和用户交互方法
CN108153566A (zh) * 2017-12-01 2018-06-12 广州视源电子科技股份有限公司 列表数据循环显示方法、装置、设备和存储介质
CN109254706A (zh) * 2018-08-16 2019-01-22 青岛海信电器股份有限公司 一种应用程序图标的位置调整方法及显示终端

Family Cites Families (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
DE60212868T2 (de) * 2002-12-31 2007-02-01 Services Petroliers Schlumberger Verfahren und Vorrichtung zur zeitversetzen Analyse von Ursache und Wirkung
US8509854B2 (en) * 2007-09-18 2013-08-13 Lg Electronics Inc. Mobile terminal and method of controlling operation of the same
US8538811B2 (en) * 2008-03-03 2013-09-17 Yahoo! Inc. Method and apparatus for social network marketing with advocate referral
KR20140039762A (ko) * 2012-09-25 2014-04-02 삼성전자주식회사 영상처리장치 및 그 제어방법
CN105578296B (zh) * 2014-10-27 2019-05-17 未来电视有限公司 用于电视的搜索方法和装置
CN105578236B (zh) * 2014-10-27 2019-01-29 未来电视有限公司 用于电视的视频筛选方法和装置
CN104506951B (zh) * 2014-12-08 2018-09-04 青岛海信电器股份有限公司 一种文字输入方法、装置及智能终端
CN105847930A (zh) * 2016-03-22 2016-08-10 乐视网信息技术（北京）股份有限公司 一种焦点框的控制方法及装置
CN107704098A (zh) * 2017-08-30 2018-02-16 北京酷我科技有限公司 一种智能电视App键盘布局优化方法
CN109618206B (zh) * 2019-01-24 2021-11-05 海信视像科技股份有限公司 呈现用户界面的方法和显示设备
CN109893852B (zh) * 2019-02-26 2022-07-26 北京心智互动科技有限公司 界面信息处理方法及装置
CN109960556B (zh) * 2019-03-15 2021-11-05 海信视像科技股份有限公司 一种显示设备

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060268100A1 (en) * 2005-05-27 2006-11-30 Minna Karukka Mobile communications terminal and method therefore
CN101087459A (zh) * 2006-06-09 2007-12-12 三星电子株式会社 提供菜单图标的便携式装置和方法
CN103546818A (zh) * 2013-10-31 2014-01-29 乐视致新电子科技（天津）有限公司 智能电视的列表显示界面的焦点控制方法和装置
CN105117287A (zh) * 2015-09-23 2015-12-02 北京超卓科技有限公司 一种图形用户界面及其实现和用户交互方法
CN108153566A (zh) * 2017-12-01 2018-06-12 广州视源电子科技股份有限公司 列表数据循环显示方法、装置、设备和存储介质
CN109254706A (zh) * 2018-08-16 2019-01-22 青岛海信电器股份有限公司 一种应用程序图标的位置调整方法及显示终端

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114827703A (zh) * 2021-01-29 2022-07-29 武汉斗鱼网络科技有限公司 一种视图的排队播放方法、装置、设备及介质
CN114827703B (zh) * 2021-01-29 2024-02-20 鹰皇文化传媒有限公司 一种视图的排队播放方法、装置、设备及介质
CN114640891A (zh) * 2022-05-18 2022-06-17 海看网络科技(山东)股份有限公司 一种iptv中可上下左右循环展示专题内容的方法
CN114640891B (zh) * 2022-05-18 2022-09-06 海看网络科技(山东)股份有限公司 一种iptv中可上下左右循环展示专题内容的方法

Also Published As

Publication number Publication date
CN110337034B (zh) 2022-02-11
CN110337034A (zh) 2019-10-15
CN111698557A (zh) 2020-09-22
CN111698557B (zh) 2022-06-24

Similar Documents

Publication Publication Date Title
WO2021008127A1 (zh) 用户界面显示方法及显示设备
US11093108B2 (en) Method for displaying user interface and display device
CN109618206B (zh) 呈现用户界面的方法和显示设备
WO2021114529A1 (zh) 用户界面展示方法及显示设备
WO2021088320A1 (zh) 显示设备和内容显示方法
WO2021042680A1 (zh) 用户界面显示方法及显示设备
WO2021189697A1 (zh) 视频展示方法、终端及服务器
CN109960556B (zh) 一种显示设备
WO2021031623A1 (zh) 显示设备、分享文件的方法和服务器
WO2021203530A1 (zh) 显示设备及电视节目的推送方法
WO2020207115A1 (zh) 一种提供菜单项的图形用户界面方法及显示设备
CN111104020B (zh) 用户界面设置方法、存储介质及显示设备
WO2020248714A1 (zh) 一种数据传输方法及设备
US20220078505A1 (en) User interface display method and device
CN113115088B (zh) 显示设备用户界面的控制方法及显示设备
CN109922364B (zh) 一种显示设备
CN112004126A (zh) 搜索结果显示方法及显示设备
CN112235621B (zh) 一种可视区域的显示方法及显示设备
WO2021196432A1 (zh) 一种控件对应的内容的显示方法及显示设备
CN113115081B (zh) 显示设备、服务器及媒资推荐方法
WO2021008137A1 (zh) 显示设备及视频画面缩放方法
CN112367550A (zh) 一种媒资列表多标题动态展示的实现方法及显示设备
CN111596771A (zh) 显示设备和输入法中选择器的移动方法
WO2021139186A1 (zh) 一种显示设备
WO2021189693A1 (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: 20840595

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: 20840595

Country of ref document: EP

Kind code of ref document: A1