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

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

Info

Publication number
WO2021042680A1
WO2021042680A1 PCT/CN2020/076704 CN2020076704W WO2021042680A1 WO 2021042680 A1 WO2021042680 A1 WO 2021042680A1 CN 2020076704 W CN2020076704 W CN 2020076704W WO 2021042680 A1 WO2021042680 A1 WO 2021042680A1
Authority
WO
WIPO (PCT)
Prior art keywords
item
display
display window
items
view display
Prior art date
Application number
PCT/CN2020/076704
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 青岛海信传媒网络技术有限公司
Publication of WO2021042680A1 publication Critical patent/WO2021042680A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/40—Information retrieval; Database structures therefor; File system structures therefor of multimedia data, e.g. slideshows comprising image and additional audio data
    • G06F16/44—Browsing; Visualisation therefor
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/70—Information retrieval; Database structures therefor; File system structures therefor of video data
    • G06F16/74—Browsing; Visualisation therefor

Definitions

  • the embodiments of the present application relate to display technology. More specifically, it relates to a user interface display method and display device.
  • the view display window on the TV homepage is used as the media asset data whose display size is uncertain
  • a page template is adopted to uniformly control the display style of the view display window. If the display effect is to be guaranteed, the media asset data source will be affected. There are certain restrictions.
  • the present application provides a user interface display method and display device, so that items of different sizes can be displayed in a display window of the same view of a TV, and the display effect can be ensured at the same time.
  • a display device mainly includes: a display configured to display a user interface, the user interface includes a plurality of view display windows, wherein each view displays There are one or more different items laid out in the window, and the items in the view display window are displayed in a manner that the display height is fixed and the display width is scaled in proportion to its height zoom ratio.
  • the user interface also includes an indication that the item is Selected focus object;
  • the moving distance of the target item is: the display width of the item where the focus object is before it is moved, and the width of the gap between the target item and the item where the focus object is before it is moved, both The sum of the widths.
  • another display device is provided, and the display device includes:
  • a display configured to display a user interface, the user interface including a plurality of view display windows, wherein each view display window is laid out with one or more different items, and the items in the view display window are fixed according to the display height ,
  • the display width is displayed in a manner of equal scaling according to its height scaling ratio.
  • the user interface also includes a focus object indicating that the item is selected;
  • the moving distance of the target item is: the display width of the item where the focus object is before it is moved, and the display width of each item between the target item and the item where the focus object is before it is moved, and The width of the gap between each item between the target item and the item where the focus object is before the movement, and the sum of the three widths.
  • a user interface display method including:
  • the display width is displayed in a way of equal scaling according to its height scaling ratio;
  • the moving distance of the target item is: the display width of the item where the focus object is before it is moved, and the width of the gap between the target item and the item where the focus object is before it is moved, both The sum of the widths.
  • another user interface display method includes:
  • Receive user input for moving the focus object in the view display window to refer to the schematic diagram to select the target item; wherein, one or more different items are laid out in the view display window, and the items in the view display window are fixed according to the display height ,
  • the display width is displayed in a manner of equal scaling according to its height scaling ratio, and there is at least one item between the target item and the item where the focus object is before moving;
  • the moving distance of the target item is: the display width of the item where the focus object is before it is moved, and the display width of each item between the target item and the item where the focus object is before it is moved, and The width of the gap between each item between the target item and the item where the focus object is before the movement, and the sum of the three widths.
  • Figure 1 is a schematic diagram of a typical TV homepage interface
  • 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 block diagram of the hardware configuration 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 the software configuration in the display device 200 according to the embodiment
  • FIG. 6b exemplarily shows a schematic diagram of the configuration of the 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 diagram of the display effect of the operation media asset recommendation line in the display device 200 according to the embodiment
  • FIG. 9 exemplarily shows a schematic flowchart of a method for presenting a user interface in the display device 200 according to an embodiment
  • FIG. 7 exemplarily shows a schematic diagram of the homepage interface in the display device 200 according to the embodiment.
  • Figures 9a-9c exemplarily show schematic diagrams of operations 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 flowchart of a method for displaying items in a view display window of the display device 200
  • FIG. 13 exemplarily shows a schematic diagram of the implementation effect corresponding to the method in FIG. 12.
  • Smart TVs can provide several different applications, such as TV, application software, video on demand (VOD), media center, etc. And with the continuous development of technology, smart TVs provide more and more applications.
  • applications such as TV, application software, video on demand (VOD), media center, etc.
  • VOD video on demand
  • smart TVs provide more and more applications.
  • FIG 1 is a schematic diagram of a typical TV homepage interface in China.
  • a navigation bar and two view display windows are provided in the homepage interface of the smart TV.
  • the navigation bar at the top is often used to set some very useful functions, such as search, clock, etc.; the two view display windows can be used to display some application data, device system related data.
  • the display size of each item in each view display window is equal in width and height, and the display style is uniformly controlled by a page template.
  • the two view display windows in Figure 1 are used to display media asset data recommended by different media asset data providers, such as online movie posters and TV series. Posters, etc., so that the above two view display windows can be referred to as the operating media asset recommendation line.
  • the poster size ratios provided by different media data providers are not exactly the same, the above-mentioned way of uniformly controlling the display style of the view display window by a page template, when the poster ratio provided by the media data provider is the same as the item in the row When the display sizes are inconsistent, the poster will be stretched or required. As shown in Figure 1, the first line of the media asset recommendation line, the internal poster is severely stretched, which affects the user experience.
  • this embodiment provides a user interface display method and display device.
  • the page display, animation, and data are modified to make it possible to achieve different proportions and different sizes of projects according to fixed
  • the height and width are displayed in a way of proportional zooming, and at the same time, the fixed focus display effect when the user moves the focus is realized under this display effect.
  • the method provided in this embodiment is not only applicable to the main page of the TV, but also applicable to other interface displays of the TV.
  • the method is not only applicable to the TV, but also applicable to other display devices, such as computers, tablet computers, etc. .
  • 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 combination of hardware or/and software code that can execute related components 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 with 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 replaces most of the physical built-in hard keys in general remote control devices with the user interface in the touch screen.
  • 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 of the physical components.
  • the hardware system is usually also 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 short-distance 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 control 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 be made to establish a control command protocol with the display device 200
  • the remote control keyboard can be synchronized to the mobile terminal 100B
  • the function of controlling the display device 200 can be realized 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 sends 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.
  • a smart network TV function that provides a computer support function. Examples include Internet TV, Smart TV, Internet Protocol TV (IPTV), and so on.
  • 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 and demodulator 220 receives broadcast and TV 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 TV channel selected by the user from multiple wireless or cable broadcast and TV signals
  • modulation and demodulation processing such as amplification, mixing and resonance
  • the audio and video signal carried in the frequency, and additional information (such as EPG data signal).
  • the tuner and demodulator 220 can be selected by the user and controlled by the controller 210 to respond to the TV channel frequency selected by the user and the TV signal carried by the frequency.
  • the tuner and demodulator 220 can receive signals in many ways according to different television signal broadcasting standards, such as: terrestrial broadcasting, cable broadcasting, satellite broadcasting, or Internet broadcasting; and according to modulation Depending on the type, it can be digital modulation or analog modulation; and according to different types of received TV signals, analog signals and digital signals can be demodulated.
  • different television signal broadcasting standards such as: terrestrial broadcasting, cable broadcasting, satellite broadcasting, or Internet broadcasting
  • modulation Depending on the type, it can be digital modulation or analog modulation; and according to different types of received TV signals, analog signals and digital signals can be demodulated.
  • the tuner demodulator 220 may also be in an external device, such as an external set-top box.
  • the set-top box outputs TV 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 used by the display device 200 to collect signals from the external environment or interact 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
  • the environment scene, as well as the user's attributes or gestures used to interact with the user can adaptively change the display parameters, and can also recognize the user's gestures to achieve the function of interaction with the user.
  • 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 colder; when the temperature is relatively low, the color temperature of the display device 200 can be adjusted to be warmer.
  • 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 operation 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.
  • the RAM 213 and the ROM 214, the graphics processor 216, the CPU processor 212, and the 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 the display attributes. As well as including a renderer, various objects obtained based on the arithmetic unit are generated, and the result of the rendering 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 application programs, 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 a first interface 218-1 to an 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 used to drive and control 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 a bottom-level software module used for signal communication between various hardware in the display device 200 and sending processing and control signals to the upper-level 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, analysis and management.
  • the voice recognition module includes a voice parsing 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, and the like.
  • 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) can 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 forward the user input interface 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 in the form of 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 may input a user command by inputting a specific voice or gesture, and the user input interface recognizes the voice 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 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.
  • the frame rate conversion module is used to convert the frame rate of the input video, such as converting the frame rate of the input 24Hz, 25Hz, 30Hz, 60Hz video to the frame rate of 60Hz, 120Hz or 240Hz, where the input frame rate can be the same as 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 the usual format, such as the frame insertion method.
  • the display formatting module is used to change the signal output by the frame rate conversion module into a signal conforming to the display format such as a display, for example, format the signal output by the frame rate conversion module to output RGB data signals.
  • the display 280 is configured to receive image signals 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 the 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 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 for providing 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 plus and minus key on the control device 100, and the display device 200 responds to the channel plus and minus operation.
  • 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, a RAM 113 and a 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 communication and cooperation between internal components, and external and internal data processing functions.
  • the communicator 130 realizes the 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, and sends it 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, which is then modulated according to the radio frequency control signal modulation protocol, and then sent to the display device 200 by the radio frequency sending 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 the Bluetooth protocol, or the NFC protocol, and send it 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 the Bluetooth protocol, or the NFC protocol, and send it 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 schematic diagram of the functional configuration 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., under the control of the controller 210, execute the system operation of driving the display device 200 and respond to various operations of the user.
  • 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 to store system software such as an operating system (OS) kernel, middleware, and applications, as well as to store 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 , In order 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 and television signal reception and demodulation function, TV 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 acts 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 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 user interfaces 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 pre-defined operation 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 definition 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 sets 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, etc.).
  • an external control device such as the control device 100, etc.
  • 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/, the OK key, and pressing the key.
  • non-physical keys 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 TV application, video on demand application, media center application, application center, game application, etc.
  • Live TV applications can provide live TV through different sources.
  • a live TV application can provide a TV signal using input from cable TV, wireless broadcasting, satellite services, or other types of live TV services.
  • the live TV application can display the video of the live TV signal on the display device 200.
  • Video-on-demand applications can provide videos from different storage sources. Unlike live TV applications, VOD provides video display from certain storage sources. For example, video on demand can come from the server side of cloud storage, and from the local hard disk storage that contains stored video programs.
  • Media center applications can provide various multimedia content playback applications.
  • the media center can provide services that are different from live TV or video on demand, and users can access various images or audio 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 equipment but can be run in a smart TV.
  • 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 windows. For example, it includes a first view display window 201, a second view display window 202, and a third view display window 203. One or more view display windows are arranged in each view display window. 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.
  • User interface is a medium interface for interaction and information exchange between applications or operating systems and users. It realizes the conversion between the internal form of information and the form acceptable to users.
  • the commonly used form of the user interface is a graphical user interface (graphic user interface, GUI), which refers to a user interface related to computer operations that is displayed in a graphical manner. It can be an icon, window, control and other interface elements displayed on the display screen of an electronic device.
  • the control can include icons, buttons, menus, tabs, text boxes, dialog boxes, status bars, navigation bars, Widgets, etc. Visual interface elements.
  • the multiple view display windows may be visible boundaries or invisible boundaries.
  • the different view display windows can be identified by the different background colors of the display windows of each view, visible marks such as boundary lines can also be used, or there can be invisible invisible borders. It is also possible that there is no visible or invisible boundary, and only the related items in a certain area are displayed on the screen. When the size and/or arrangement of the related items are the same, the certain area is regarded as the same kind.
  • the existence of the boundary of the view partition such as: the items in the view display window 201 are simultaneously reduced or enlarged, but the change of the view display window 202 is different.
  • one or more of the above-mentioned view display windows may be displayed in a zoomable view.
  • Scalable can mean that the size or proportion of the view display window on the screen is scalable, or that the size or proportion of the item in the view display is scalable on the screen.
  • the "item” refers to a visual object displayed in each view display window of the user interface of the display device 200 to represent corresponding content such as icons, thumbnails, and video clips.
  • an item can represent image content or video clips of movies, TV series, audio content of music, applications, 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 is executed most recently. For example, when the project is the user's access history, it can be displayed as a screenshot of the content during the most recent execution.
  • "Projects" can be displayed as video clips.
  • the project is a dynamic picture of a video clip of a trailer for a TV or TV series.
  • the item may indicate an interface or a 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.
  • the items used for display in the first view display window 201 are mainly some unusual functions, such as time, date, weather, and so on.
  • Both the second view display window 202 and the second view display window are used to display media asset data.
  • the second view display window 202 is used to display some popular movie posters, and the second view display window 202 is used to display the latest The poster of the new film released.
  • it can also be used to display text and/or icons of various applications, system-related text and/or icons; each item can include text content and/or be used to display text content related Thumbnail images, or video clips related to text.
  • “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 of the 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.
  • 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 and outline and/or font.
  • different content or links are respectively associated with each item in each of the above-mentioned view display windows.
  • view display windows 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 window, 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 windows. Specifically, the number of view display windows on the display screen may be laid out according to the amount of different classified content to be displayed.
  • the page creation process is as follows:
  • the first step is the process of data preparation:
  • the UI requests media asset data from the operating media asset data provider, where the data can come from one or more media asset data providers. For example, after the TV is powered on and obtains the Token, it requests media asset data from the cloud; then After parsing, the page construction data array is obtained, such as using the Store: Launcher Data Interface.js and Launcher.js of the UI-Model layer to analyze and integrate the obtained media data to obtain the data group displayed on the Launcher-home page.
  • two view display windows are used to display movie posters as an example.
  • the corresponding data groups are named moviesTileListModel and luckyTileListModel.
  • the data structure may include the following content:
  • the corresponding display width under the fixed display height is calculated, as follows:
  • widthshow width*(7.333/height);//The actual display width of the poster on the TV, the current display height is fixed at 220px
  • the width and height of the corresponding poster must be included in the media asset-related data issued by the cloud.
  • the current launcher design is fixed at 220px. When preparing the data in the Store, it is based on the height of the poster and the poster. When calculating the display height of 220px, the value of the display width should be displayed.
  • the second step is to use the view display tool to layout and display the above-mentioned page construction data array.
  • the ListView component uses the ListView component to create a media asset data display line to display the above two lines of data.
  • the widthshow and fixed height calculated from the page construction data array can be taken from the template and ListView respectively for page layout. .
  • this embodiment also sets to display the item title at the current focus position, such as the name of a poster, and set different item titles according to the item display width and the length of the title at the current focus position. Display method.
  • n is the item in the view display window
  • the total number is the total length of the array. It should be noted that, in this embodiment, the direction in which the items in the view display window are arranged is defined as the horizontal or X-axis direction.
  • TotalWidth According to the above calculation, the sum of the display width of all items in the display window of each view is obtained, which is recorded as TotalWidth.
  • the outer box mainly controls the fixed focus display, which contains all the data in the entire row of view display windows. 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 An item in the display window.
  • the currently selected item needs to move with the outer box and also needs to change the style of out-of-focus by itself.
  • the target item will be selected In addition to moving with the outer box, you also need to change the focus style yourself.
  • FIG. 8 exemplarily shows a schematic diagram of the display effect of the operation media asset recommendation line in the display device 200 according to the embodiment.
  • the second and third view display windows in the homepage are used as operating media asset recommendation lines to display movie posters.
  • the display height is fixed and the display width is scaled proportionally according to its height scaling ratio, which not only ensures the visual display of the user interface It is beautiful, and it also effectively prevents the items in the view display window from being stretched or compressed. Therefore, the creation method provided in this embodiment can display items of different sizes in the display window of the same view while ensuring the display effect.
  • this embodiment also provides a screen display method when the focus object is switched in the above-mentioned view display window. Specifically, by controlling the moving distance of the outer box, the position of the inner box in the outer box, and the display style of each item, the items in the view display window can be displayed with fixed focus.
  • FIG. 9 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 9, the method specifically includes the following steps:
  • S801 Receive a user input of moving a focus object in the view display window to refer to a schematic diagram to select a target item.
  • the user input is received and the type of the user input event is determined.
  • 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 a 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 window. If it is, the key input is an update
  • the view displays the focus object in the window, which corresponds to the left or right movement of the focus object, and then responds to the key input.
  • S802 Control the items in the view display window to move in the opposite direction of the moving direction of the focus object, and keep the position order of the focus object in the view display window unchanged, so that the target item is moved to the The location of the focused object.
  • the page when the user presses the Left or Right key, the page processes the key value to modify the currentIndex value of the current focus position, that is, modify the item corresponding to the focus object.
  • this currentIndex value is passed to the listView component, and at the same time, the position of the outer box is recalculated.
  • the view layer is driven to display the items in the view window. To display.
  • the distance moved by the target item is: the display of the item where the focus object is before movement
  • FIG. 10a and 10b 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 a total of 8 items in the second view display window 202, of which, as shown in FIG. 10 at first, the eighth item, that is, item 7 exceeds the display range of the screen and is not displayed on the screen.
  • the items in the second view display window 202 may be movie posters provided by the media asset operator, and the line items are displayed in a manner of fixed height and equal scaling of the width according to the height scaling ratio.
  • the selected item that is, the focus object is drawn with a thick line on the edge And the icon zoom in for identification.
  • 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 item 0 to item 1.
  • the interface presented as shown in the figure As shown in 10b all items in the second view display window 202 are moved to the left, and the distance to the left is the display width of item 0 to ensure that the position of the focus object after switching, that is, item 1, is still in the position when the focus object is item 0 in Fig. 10a
  • a fixed focus display is realized at the location, so that the user can conveniently view the selected item, effectively preventing the situation where the specific location of the current focus object is unknown due to multiple operations on the control device 100.
  • the items in the above-mentioned view display window are displayed in a fixed-focus cycle, that is, as the items move, the items that are removed from the screen can reappear at the end of the item group to realize the circular display of data. Specifically, it may be determined first whether the number of items in the view display window is greater than the maximum number of items that can be displayed on the screen of the display.
  • the items in the view display window are controlled to be displayed in a fixed-focus cycle; otherwise, the view display is controlled
  • the items in the window are displayed in a fixed-focus acyclic manner.
  • 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 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 then send it to the browser in the system.
  • a distributed feedback type (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 type
  • 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 as a whole acts as a local URL.
  • the driver opens the browser, and the browser opens the index of the UI by default. .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 TV can affect its response speed for the following reasons:
  • Data volume The amount of data will obviously affect the speed of the browser to pull up the page and page operation. The more data, the slower the speed;
  • the interaction between the UI view layer and other parts The visual layer of the UI basically does not involve interaction with the bottom layer during the operation of the UI.
  • the part that can interact with the bottom layer driver and the browser is the data layer.
  • it In order to increase the operating speed of the UI, it must It is necessary to reduce the number of data interactions with the UI; from the perspective of the UI, the place where the number of interactions can be minimized is the data interaction between the View layer and the Model layer of the UI;
  • this embodiment adopts the following methods to display the items in the view display window in a fixed-focus cycle.
  • FIG. 12 exemplarily shows a flow diagram of a method for displaying items in a view display window of the display device 200. As shown in Figure 12, the method mainly includes the following steps:
  • S1201 Determine the index value of the target item in the item array according to the user input and the current item corresponding to the focus object.
  • 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 window, it means that the key input is to update the focus in the view display window Object.
  • DFB distributed feedback
  • a modification is made to modify the currentIndex value of the current focus position.
  • the user presses the right button of the remote control once, that is, the user input is the focus object Move one item to the right, and the corresponding new currentIndex 1.
  • the user controls the keys on the remote control as an example. In the specific implementation process, other methods, such as voice control, may also be used.
  • S1202 Determine, according to the index value, the lateral offset of the item queue accommodating area in the view display window and the lateral offset of each item.
  • the horizontal offset of the item queue holding area that is, the translateX value of the outer box
  • this.listGap is the gap between every two items;
  • this.currentIndex the position of the target item in the preset item data position array; rem is the unit;
  • DataPosition is the preset item data position array, which has data
  • the structure is [0,x0,x0+x1,x0+x1+x2,x0+x1+x2+x3,...,x0+x1+x2+...+xn-2]
  • n is the number of items in the display window of the view
  • Xn-1 is the display width of the nth item.
  • the initial coordinate of the first item is set to 0.
  • the distance that the outer box moves is based on the actual display width of the item where the original focus is located, and the sum of the gap between the two items. If there are other items between the current item and the target item where the focus is located, the distance moved by the outer box should be added to the display width of other items and the gap between the corresponding items.
  • this.DataPosition when calculating the position of the outer box, we can directly retrieve the corresponding currentIndex value from the array according to the current focus. The value is used as the X-axis coordinate of the outer box. Compared with the cumulative calculation of the X-axis position based on the currentIndex value and the display width of each item, this method can greatly save the amount of data calculation.
  • the corresponding item array is Data[ ⁇ item0 ⁇ , ⁇ item1 ⁇ , ⁇ item2 ⁇ ,..., ⁇ item7 ⁇ ], and the width of each item is x0, x1,x2...,x7
  • the DataPosition obtained at this time [0,x0,x0+x1,x0+x1+x2,x0+x1+x2+x3,x0+x1+x2+x3+x4,x0+x1 +x2+x3+x4+x5, x0+x1+x2+x3+x4+x5+x6].
  • the following calculation method can be used:
  • this.TotalWidth is the sum of the display widths of all items in the display window of the view; this.DataPosition[index] is the position of each item in the item data position array; this.listGap*index is all before the index position The sum of the gaps; this.firstMargin is left blank at the beginning and end.
  • the item that will be moved out of the screen translateX to the end of the item queue corresponding to the focus object before the update.
  • the outer box is moving synchronously, the X-axis position of the item moved to the end of the queue is increased by (this.TotalWidth+this.firstMargin) than the original position.
  • the width of its tail will increase correspondingly to ensure that the updated focus object is fixed on the screen.
  • S1203 Display the items in the view display window according to the lateral offset of the item queue holding area and the lateral offset of each item.
  • the sequence structure of the item array itself remains unchanged, but the display position of each item is controlled when it is displayed.
  • FIG. 13 exemplarily shows a schematic diagram of the implementation effect corresponding to the method in FIG. 12. It should be noted that, what is shown in FIG. 13 is not the actual display effect diagram on the TV screen, but is only a schematic diagram representing its cyclic display.
  • the outer box continues to move to the left, and as the items moved out of 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 The increase of, which does not add any data, and does not involve other animations, so the impact on memory and performance is negligible.
  • the focus object corresponds to the last item
  • the user continues to press the right button, it indicates that the target focus object corresponds to the first item, and the system recognizes that the operation focus object moves to the left. Then return to the first line in Figure 17.
  • FIG. 13 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 FIG. 17.
  • this embodiment uses the method provided in this embodiment to solve the problem of slow response of the page caused by moving the data, and the increase of virtual data, which leads to the increase of the number of DOMs, waste of memory, and slow startup.
  • this embodiment in order to facilitate the user to identify the item corresponding to the current focus, this embodiment also sets a preset title display position, such as above or below the item, while performing focus switching to achieve a fixed focus cycle.
  • a preset title display position such as above or below the item
  • the embodiments of the present application provide a computing device, and the computing device may specifically be a desktop computer, a portable computer, a smart phone, a tablet computer, a personal digital assistant (Personal Digital Assistant, PDA), etc.
  • the computing device may include a central processing unit (CPU), a memory, an input/output device, etc.
  • the input device may include a keyboard, a mouse, a touch screen, etc.
  • an output device may include a display device, such as a liquid crystal display (Liquid Crystal Display, LCD), Cathode Ray Tube (CRT), etc.
  • the memory may include read only memory (ROM) and random access memory (RAM), and provides the processor with program instructions and data stored in the memory.
  • ROM read only memory
  • RAM random access memory
  • the memory may be used to store the program of any of the methods provided in the embodiment of the present application.
  • the processor calls the program instructions stored in the memory, and the processor is configured to execute any of the methods provided in the embodiments of the present application according to the obtained program instructions.
  • the embodiment of the present application provides a computer storage medium for storing computer program instructions used by the device provided in the foregoing embodiment of the present application, which includes a program for executing any method provided in the foregoing embodiment of the present application.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Multimedia (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Human Computer Interaction (AREA)
  • Data Mining & Analysis (AREA)
  • Databases & Information Systems (AREA)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

本申请提供了一种用户界面显示方法及显示设备，对于一些视图显示区内的项目按照显示高度固定、显示宽度根据其高度缩放比例进行等比例缩放的方式显示，这样，可以使同一视图显示窗口内各项目按照同一高度显示，根据各项目的原尺寸比例进行等比例缩放显示，有效防止该视图显示区内的项目出现被拉伸或被压缩变形的情况。

Description

用户界面显示方法及显示设备
本公开要求在2019年9月6日提交中国专利局、申请日为201910843728.3、申请名称为“用户界面显示方法及显示设备”的中国专利申请的优先权，其全部内容通过引用结合在本公开中。
技术领域
本申请实施例涉及显示技术。更具体地讲，涉及用户界面显示方法及显示设备。
背景技术
当电视主页中的视图显示窗口被用作显示尺寸不确定的媒资数据时，采用由一个页面模板统一控制视图显示窗口显示样式的方式，会出现若要保证显示效果就会对媒资数据来源有一定的限制的问题。
发明内容
本申请提供了一种用户界面显示方法及显示设备，使电视同一视图显示窗口内可以展示不同尺寸的项目，同时还可以保证显示效果。
根据本申请实施例的第一方面，提供了一种显示设备，该显示设备主要包括：显示器，该显示器被配置为显示用户界面，所述用户界面包括多个视图显示窗口，其中，各个视图显示窗口中布局有一个或多个不同项目，所述视图显示窗口内的项目按照显示高度固定、显示宽度根据其高度缩放比例进行等比例缩放的方式显示，该用户界面中还包括指示所述项目被选择的焦点对象；
与所述显示器通信连接的控制器，所述控制器被配置为执行呈现用户界面：
接收移动所述视图显示窗口内的焦点对象以指示意图选择目标项目的用户输入；
控制所述视图显示窗口内的项目向所述焦点对象移动方向的反方向移动，且保持所述焦点对象在所述视图显示窗口中位置顺序保持不变，以使目标项目移动至所述焦点对象所在位置；
其中，所述目标项目移动的距离为：未移动前所述焦点对象所处项目的显示宽度、以及位于所述目标项目和未移动前所述焦点对象所处项目之间的间隙宽度，二者宽度之和。
根据本申请实施例的第二方面，提供了另一种显示设备，该显示设备包括：
显示器，该显示器被配置为显示用户界面，所述用户界面包括多个视图显示窗口，其中，各个视图显示窗口中布局有一个或多个不同项目，所述视图显示窗口内的项目按照显示高度固定、显示宽度根据其高度缩放比例进行等比例缩放的方式显示以及，该用户界面中还包括指示所述项目被选择的焦点对象；
与所述显示器通信连接的控制器，所述控制器被配置为执行呈现用户界面：
接收移动所述视图显示窗口内的焦点对象以指示意图选择目标项目的用户输入，其中，所述目标项目和未移动前所述焦点对象所处项目之间间隔至少一个项目；
控制所述视图显示窗口内的项目向所述焦点对象移动方向的反方向移动，且保持所述焦点对象在所述视图显示窗口中位置顺序保持不变，以使目标项目移动至所述焦点对象所在位置；
其中，所述目标项目移动的距离为：未移动前所述焦点对象所处项目的显 示宽度、以及所述目标项目和未移动前所述焦点对象所处项目之间各项目的显示宽度、以及所述目标项目和所述未移动前所述焦点对象所处项目之间各项目间的间隙宽度，三者宽度之和。
根据本申请实施例的第三方面，提供了一种用户界面显示方法，所述方法包括：
接收移动所述视图显示窗口内的焦点对象以指示意图选择目标项目的用户输入，其中，所述视图显示窗口中布局有一个或多个不同项目，所述视图显示窗口内的项目按照显示高度固定、显示宽度根据其高度缩放比例进行等比例缩放的方式显示；
控制所述视图显示窗口内的项目向所述焦点对象移动方向的反方向移动，且保持所述焦点对象在所述视图显示窗口中位置顺序保持不变，以使目标项目移动至所述焦点对象所在位置；
其中，所述目标项目移动的距离为：未移动前所述焦点对象所处项目的显示宽度、以及位于所述目标项目和未移动前所述焦点对象所处项目之间的间隙宽度，二者宽度之和。
根据本申请实施例的第四方面，提供了另一种用户界面显示方法，该方法包括：
接收移动所述视图显示窗口内的焦点对象以指示意图选择目标项目的用户输入；其中，所述视图显示窗口中布局有一个或多个不同项目，所述视图显示窗口内的项目按照显示高度固定、显示宽度根据其高度缩放比例进行等比例缩放的方式显示，所述目标项目和未移动前所述焦点对象所处项目之间间隔至少一个项目；
控制所述视图显示窗口内的项目向所述焦点对象移动方向的反方向移动，且保持所述焦点对象在所述视图显示窗口中位置顺序保持不变，以使目标项目移动至所述焦点对象所在位置；
其中，所述目标项目移动的距离为：未移动前所述焦点对象所处项目的显示宽度、以及所述目标项目和未移动前所述焦点对象所处项目之间各项目的显示宽度、以及所述目标项目和所述未移动前所述焦点对象所处项目之间各项目间的间隙宽度，三者宽度之和。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1为一种典型的电视主页界面示意图；
图2中示例性示出了根据实施例中显示设备与控制装置之间操作场景的示意图；
图3中示例性示出了根据实施例中显示设备200的硬件配置框图；
图4中示例性示出了根据实施例中控制设备100的硬件配置框图；
图5中示例性示出了根据实施例中显示设备200的功能配置示意图；
图6a中示例性示出了根据实施例中显示设备200中软件配置示意图；
图6b中示例性示出了根据实施例中显示设备200中应用程序的配置示意图；
图7中示例性示出了根据实施例中显示设备200中主页界面的示意图；
图8中示例性示出了根据实施例中显示设备200中对运营媒资推荐行的显示效果示意图；
图9中示例性示出了根据实施例中显示设备200中呈现用户界面的一种方法流程示意图；
图7中示例性示出了根据实施例中显示设备200中主页界面的示意图；
图9a-9c中示例性示出了根据实施例中控制装置100与显示设备200之间操作示意图；
图10a和10b中示例性示出了根据实施例中控制装置100与显示设备200之间操作示意图；
图11a中示例性示出了根据实施例中显示设备200中Linux***整体层级构造示意图；
图11b中示例性示出了根据实施例中显示设备200中Linux***按键响应流程示意图；
图11c中示例性示出了根据实施例中显示设备200中Linux***数据交互示意图
图12中示例性示出了一种显示设备200中视图显示窗口内的项目展示方法的流程示意图；
图13中示例性示出了按照图12中的方法对应的实现效果示意图。
具体实施方式
智能电视可提供数个不同的应用，例如电视、应用软件、视频点播(video on demand，VOD)、媒体中心等。并且随着技术的不断发展，智能电视所提供的 应用也越来越多。
图1为中一种典型的电视主页界面示意图。如图1所示，为了向用户呈现各类应用，在智能电视的主页界面内，设置有一个导航栏和两个视图显示窗口。位于顶端的导航栏往往会用于设置一些非常用功能，如，搜索、时钟等等；两个视图显示窗口可以用于显示一些应用数据、设备***相关数据。为了让电视显示画面整齐美观，在上述视图显示窗口的用户界面设计上，各视图显示窗口中每一个项目显示尺寸均为等宽和等高的，由一个页面模板统一控制显示样式。
进一步的，为给用户提供更多的媒体资源，在一种场景下，图1中两个视图显示窗口被用作显示来自不同媒资数据供应方推荐的媒资数据、如在线影片海报、电视剧海报等，这样上述两个视图显示窗口又可被称为运营媒资推荐行。但是，由于不同媒资数据供应方提供的海报尺寸比例并不完全相同，所以上述由一个页面模板统一控制视图显示窗口显示样式的方式，当媒资数据供应方提供的海报比例与该行的项目显示尺寸不一致时，就会出现海报被拉伸或要的情况，如图1中的第一行运营媒资推荐行，其内部的海报被严重拉伸，影响用户体验。另外，同一运营媒资推荐行中通常有多种来源的媒资数据，使得一行中的海报比例、以及海报类型(横海报或竖海报)往往不一致，所以即使页面模板设计的项目显示尺寸与某一个媒资数据供应方提供的海报比例一致，与其它媒资数据供应方提供的海报比例也通常不一致，这样便导致在同一运营媒资推荐行中，有一些海报也会出现被拉伸或压缩的情况。
为使本申请示例性实施例的目的、技术方案和优点更加清楚，下面将结合本申请示例性实施例中的附图，对本申请示例性实施例中的技术方案进行清楚、完整地描述，显然，所描述的示例性实施例仅是本申请一部分实施例，而不是 全部的实施例。
针对的电视主页显示方法，当项目数据供应方提供的项目尺寸比例与模板设计尺寸比例不一致时，存在该项目显示时被拉伸或压缩的情况。针对该问题，本实施例提供了用户界面显示方法及显示设备，对于主页中的视图显示窗口，做页面显示、动画和数据方面的修改，使其可以实现对于不同比例、不同尺寸项目，按照固定高度、对于宽度进行等比例缩放的方式显示，同时实现了在该种显示效果下，用户移动焦点时的定焦展示效果。需要说明的是，本实施例提供的方法不仅适用于电视主页面，还可以适用于电视的其它界面显示，另外，该方法不仅适用于电视，还适用于其它显示设备，如计算机、平板电脑等。
下面首先结合附图对本申请所涉及的概念进行说明。在此需要指出的是，以下对各个概念的说明，仅为了使本申请的内容更加容易理解，并不表示对本申请保护范围的限定。
本申请各实施例中使用的术语“模块”，可以是指任何已知或后来开发的硬件、软件、固件、人工智能、模糊逻辑或硬件或/和软件代码的组合，能够执行与该元件相关的功能。
本申请各实施例中使用的术语“遥控器”，是指电子设备(如本申请中公开的显示设备)的一个组件，该组件通常可在较短的距离范围内无线控制电子设备。该组件一般可以使用红外线和/或射频(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，各个视图显示窗口中布局一个或多个不同项目。以及，用户界面中还包括指示任一项目被选择的选择器，可通过用户输入，以改变选择不同的项目。
“用户界面”，是应用程序或操作***与用户之间进行交互和信息交换的介质接口，它实现信息的内部形式与用户可以接受形式之间的转换。用户界面常用的表现形式是图形用户界面(graphicuserinterface，GUI)，是指采用图形方式显示的与计算机操作相关的用户界面。它可以是在电子设备的显示屏中显示的一个图标、窗口、控件等界面元素，其中控件可以包括图标、按钮、菜单、选项卡、文本框、对话框、状态栏、导航栏、Widget等可视的界面元素。
需要说明的是，多个视图显示窗口可以是可视的界线，也可以是不可视的界线。如：可通过各视图显示窗口的背景颜色不同标识不同视图显示窗口，还可以通过边界线等可视的标识，也可以有不可视的隐形边界。也可以不存在可 视的或非可视的边界，而仅在屏幕上显示一定范围区域中相关联项目，具有尺寸和/或排布相同改变属性时，而该一定范围区域则被视同一种视图分区的边界的存在，如：视图显示窗口201中项目同时缩小或放大，而视图显示窗口202的变化不同。
其中，一些实施例中，上述视图显示窗口中的一个或多个视图显示窗口可以为可缩放视图显示。“可缩放”，可以表示视图显示窗口在屏幕上尺寸或占比是可缩放的，或视图显示中的项目在在屏幕上尺寸或占比是可缩放的。
“项目”是指在显示设备200中用户界面的各视图显示窗口中显示以表示，诸如图标、缩略图、视频剪辑等对应内容的视觉对象。例如：项目可以表示电影、电视剧的图像内容或视频剪辑、音乐的音频内容、应用程序，或其他用户访问内容历史信息。
一些实施例中，“项目”可显示图像缩略图。如：当项目为电影或电视剧时，项目可显示为电影或电视剧的海报。如项目为音乐时，可显示音乐专辑的海报。如项目为应用程序时，可显示为应用程序的图标，或当应用程序被执行最近执行时捕捉到应用程序的内容截图。如项目为用户访问历史时，可显示为最近执行过程中内容截图。“项目”可显示为视频剪辑。如：项目为电视或电视剧的预告片的视频剪辑动态画面。
此外，项目可以表示显示设备200与外接设备连接的接口或接口集合显示，或可表示连接至显示设备的外部设备名称等。如：信号源输入接口集合、或HDMI接口、USB接口、PC端子接口等。
示例的，如图8中，在第一视图显示窗口201中用于显示的项目主要为一些非常用功能、如时间、日期、天气等。在第二视图显示窗口202和第二视图 显示窗口中均用于显示媒资数据，其中，第二视图显示窗口202用于显示一些热搜电影的海报，第二视图显示窗口202用于显示最新公映的新影片的海报。当然，在一些实施例中，还可以用于显示各种应用程序的文本和/或图标、***相关的文本和/或图标；每个项目可以包括文本内容和/或用于显示与文本内容相关的缩略图的图像，或与文本相关的视频剪辑。
“选择器”用于指示其中任意项目已被选择，如:光标或焦点对象。根据用户通过控制装置100上输入，控制在显示设备200上光标移动来选择或控制项目。可根据用户通过控制装置100的输入，可使显示设备200中显示焦点对象的移动来选择控制项目，可选择或控制其中一个或多个项目。如：用户可通过控制装置100上方向键控制焦点对象在项目之间的移动来选择和控制项目。
焦点对象指根据用户输入在项目之间移动的对象。示例的，如图9a中通过项目边缘绘制粗线来实现或标识焦点对象位置。在其他实施例中，焦点形式不限于示例，可以是光标等有形或无形可被用户识别的形态，如可以项目的3D变形等形式，也可以改变聚焦的项目的文本或图像的边框线、尺寸、颜色、透明度和轮廓和/或字体等标识。
一些实施例中，上述各视图显示窗口中各项目中分别关联有不同内容或链接。需要说明的是，本实施例中的视图显示窗口在屏幕中为横向排布，在实际应用过程中，还可以为纵向排布，或者其它任意角度排布。
事件传输***2914，可监听到的各预定义的事件或子事件的用户输入，将识别出事件或子事件的控制直接或间接提供给界面管理模块2913。
界面管理模块2913，用于用户界面状态(包括视图分区、项目、焦点或光标对象等位置和/或大小、变化过程等)的监控，以及根据该事件或子事件，可 执行界面中各视图显示窗口中各项目的定焦循环滚动显示、或者各项目的定焦滚动显示。
在其他一些实施例中，用户界面可包括一个或多个视图显示窗口，具体的，可以根据待显示不同分类内容量布局显示屏幕上的视图显示窗口数量。
在本申请的某些实施例中，当上述视图显示窗口用于显示媒资数据时、即被作为媒资数据推荐行时，则按照固定高度、对于宽度进行等比例缩放的方式显示。具体的，其页面创建过程如下：
第一步，是数据准备的过程：
首先，UI向运营媒资数据提供方请求媒资数据，其中，该数据可以来源于一个或多个媒资数据供应方，例如，在电视开机获取到Token后，向云端请求媒资数据；然后，经过解析后得到页面构建数据数组，如利用UI-Model层的Store：Launcher Data Interface.js和Launcher.js对获取的媒资数据进行解析整合，得到Launcher-home页面展示的数据组。
本实施例以两个视图显示窗口用于显示电影海报为例，对应的数据组分别命名为：moviesTileListModel、luckyTileListModel，经解析后其数据结构可以包括如下内容：
Figure PCTCN2020076704-appb-000001
Figure PCTCN2020076704-appb-000002
根据上述海报宽度和高度，计算出在固定显示高度下，对应的显示宽度，具体如下：
widthshow＝width*(7.333/height)；//海报在电视上实际显示宽度，目前显示高度固定为220px
其中，需要注意的是，云端下发的媒资相关数据中必须有对应海报的width和height，目前launcher的设计是显示高度固定为220px，在Store中准备数据的时候，根据海报的高度和海报的尺寸比例，计算显示高度为220px时，显示宽度应该显示的值。
第二步，利用视图展示工具对上述页面构建数据数组进行布局显示。
例如，使用ListView组件创建媒资数据展示行展现上述两行数据，其中，在布局方面可以从模板(template)和ListView两个部分分别取页面构建数据数组中计算好的widthshow和固定高度进行页面布局。
具体的，在进行各项目的template绘制时，可以采用如下方式：
<hi-img:src＝"itemParas.icon":position＝"'absolute'"class＝"TileIcon":style＝"tileItemStyle":top＝"0":width＝"itemParas.widthshow": height＝"7.333":left＝"0"></hi-img>     //template中的海报图片显示绘制
在本申请的某些实施例中，本实施例还设置对当前焦点位置的项目标题进行显示、如海报名字进行显示，并且根据当前焦点位置的项目显示宽度和标题的长度，设置不同的项目标题显示方式。
例如，可以采用如下方式：
Figure PCTCN2020076704-appb-000003
Figure PCTCN2020076704-appb-000004
需要说明的是上述只是template绘制的举例，在具体实施过程中，可以根据实际需求在上述基础上进行其它改进和设计。
进一步的，在视图显示窗口(List)列表排列绘制时，可以采用如下方式：
首先，使用listView组件，需准备两个变量：
Figure PCTCN2020076704-appb-000005
其中，DataPosition的具体数据结构如下：
设定某一个视图显示窗口内共有n个项目，对应的项目数组为[{item0}，{item1}，{item2}，…，{itemn-1}]。该项目数组中第一个项目的x方向位置为x0＝0，根据每个项目的widthShow，计算数据列表中每个项目的x方向坐标x1，x2，x3，…，xn-1，记为项目数据位置数组DataPosition＝[0,x0，x0+x1，x0+x1+x2，x0+x1+x2+x3，…，x0+x1+x2+…+xn-2],n为视图显示窗口中项目的总数、即数组的总长度。需要说明的是，本实施例将视图显示窗口内的项目排列的方向定义为横向或X轴方向。
TotalWidth：根据上述计算得到各视图显示窗口中所有项目显示宽度之和，记为TotalWidth。
然后，在计算list列表中每个项目的位置时，先计算外层盒子布局，再计算内层盒子(每个项目)的样式。对于各视图显示窗口所有的实现方式都分为两层，本实施例定义为项目队列容纳区(又可称其为外层盒子)和内层盒子。其中，外层盒子主要控制定焦显示，包含了整行的视图显示窗口中所有数据，在焦点对象切换动作中整行的数据会一起移动；内层盒子控制焦点对象显示样式，单指一个视图显示窗口中的某个项目，在焦点对象切换过程中，当前被选定的项目除了需要跟随外层盒子移动外还需要自己本身进行失焦的样式变换，同样的，将被选定的目标项目除了需要跟随外层盒子移动外还需要自己本身进行获焦的样式变换。
在本申请的某些实施例还提供了基于页面创建方法，所得到的页面显示效果示意图。图8中示例性示出了根据实施例中显示设备200中对运营媒资推荐行的显示效果示意图。如图8所示，在该主页中第二和第三视图显示窗口被用做运营媒资推荐行，来显示电影海报。虽然同一运营媒资推荐行中有不同尺寸比例和不同类型的海报，但是最终都可以按照显示高度固定、且显示宽度根据其高度缩放比例进行等比例缩放的方式显示，不仅可以保证用户界面视觉上的美观，同时还有效防止该视图显示窗口内的项目出现被拉伸或被压缩变形的情况。因此，本实施例提供的创建方法，可以在保证显示效果的同时还可以在同一视图显示窗口内展示不同尺寸的项目。
在本申请的某些实施例中，针对上述页面创建方式，本实施例还提供了当在上述视图显示窗口内进行焦点对象切换时的画面展示方法。具体的，通过控 制外层盒子的移动距离、内层盒子在外层盒子中的位置以及各项目的显示样式，使该视图显示窗口内的项目实现定焦展示。
图9中示例性示出了根据实施例中显示设备200中呈现用户界面的一种方法流程示意图。如图9所示，该方法具体包括如下步骤：
S801：接收移动所述视图显示窗口内的焦点对象以指示意图选择目标项目的用户输入。
接收用户输入，确定所述用户输入事件的类型，其中，显示设备200的控制器被配置为监控用户输入事件类型，如监控按键输入是否为左或者右按键指令。若监控用户输入事件是左或者右按键输入时，则进行选择器在用户界面中的位置检测，进一步，确定选择器是否位于视图显示窗口内的项目上，如果是，则说明该按键输入为更新该视图显示窗口内的焦点对象，即对应着焦点对象左移或者右移，进而响应该按键输入。
S802：控制所述视图显示窗口内的项目向所述焦点对象移动方向的反方向移动，且保持所述焦点对象在所述视图显示窗口中位置顺序保持不变，以使目标项目移动至所述焦点对象所在位置。
在本申请的某些实施例中，在用户按Left或Right键时，页面对于键值进行处理，做出修改当前焦点所在位置的currentIndex值的修改，即焦点对象所对应的的项目的修改，通过组件通信，将此currentIndex值传给listView组件，同时，重新计算外层盒子的位置，其中，每次外层盒子位置的变化值、即盒子移动的距离需要根据视图显示窗口内项目的显示宽度来定，而不是和以前一样、使用固定值，然后根据计算外层盒子结果以及更改后的焦点对应所对应的当前项目与目标项目的显示样式，驱动对view层对该视图显示窗口内的项目进行显 示。
在本申请的某些实施例中，如果未移动前所述焦点对象所处项目与目标项目为相邻的项目，则目标项目移动的距离为：未移动前所述焦点对象所处项目的显示宽度、以及位于所述目标项目和未移动前所述焦点对象所处项目之间的间隙宽度，二者宽度之和。如果所述目标项目和未移动前所述焦点对象所处项目之间间隔至少一个项目，则所述目标项目移动的距离为：未移动前所述焦点对象所处项目的显示宽度、以及所述目标项目和未移动前所述焦点对象所处项目之间各项目的显示宽度、以及所述目标项目和所述未移动前所述焦点对象所处项目之间各项目间的间隙宽度，三者宽度之和。
图10a和10b中示例性示出了根据实施例中控制装置100与显示设备200之间操作示意图。设第二视图显示窗口202内共有8个项目，其中，起初如在图10中，第8个项目、即项目7超出屏幕的显示范围，未在屏幕中显示出。本实施例中，第二视图显示窗口202中的项目，可以为媒资运营商提供的电影海报，并且该行项目采用高度固定、宽度根据其高度缩放比例进行等比例缩放的方式显示。如图10a所示，当前选择器位于第二视图显示窗口202中的第一个项目(项目0)、即index＝0的项目上，同时，被选中的项目，即焦点对象采用边缘绘制粗线和图标放大来进行标识。如果用户在控制装置100上输入的为右键操作，如按压一次遥控器上的右键，则说明焦点对象需要由当前的项目0切换至项目1，显示设备200响应用户输入后，呈现的界面如图10b所示，第二视图显示窗口202中的所有项目左移，左移距离为项目0的显示宽度，以保证切换后的焦点对象即项目1的位置仍处于图10a中焦点对象为项目0时所在的位置，实现了定焦展示，这样，用户可以方便查看被选择的项目，有效防止因 在控制装置100上多次操作，不知当前焦点对象具***置的情况。
需要说明的是，由于该视图显示窗口内各项目之间没有空隙，所以只移动项目0的显示宽度，如果在显示是各项目之间设置了一定的空隙，则上述移动距离还需要加上项目0和项目1之间的项目空隙。
进一步的，为方便用户查看视图显示窗口内的项目内容，尤其用户在进行首部、尾部之间的焦点对象的切换时，可以以更少的按键操作，快速选定所需项目，本实施例将上述视图显示窗口内的项目按照定焦循环方式展示，即随着项目的移动，被移出屏幕的项目可以重新在项目组的队尾出现，实现数据的循环显示。具体的，可以先判断所述视图显示窗口内的项目数量是否大于所述显示器的屏幕能够显示的最大项目数量。其中，如果所述视图显示窗口内的项目数量大于所述显示器的屏幕能够显示的最大项目数量，则控制所述视图显示窗口内的项目按照定焦循环方式展示；否则，则控制所述视图显示窗口内的项目按照定焦非循环方式展示。
然而，在目前致力于显示设备做到操作运行更流畅，且同时减少软件程序本身耗损内存量、降低生产成本的环境下，如何实现在电视上实现定焦展示的同时不影响电视性能，也是本实施例要解决的一个问题。
随着电视可以实现功能越来越多，目前电视***通常采用具有良好的稳定性、丰富的软件支持等优点的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层对该浏览器规则码进行处理，进行选择器在用户界面中的位置检测，当确定当选择器位于视图显示窗口内的项目上，则说明该按键输入为更新该视图显示窗口内的焦点对象。
进一步的，根据用户输入以及所述焦点对象所对应的当前项目在项目数组中的索引值、即currentIndex值，做出修改当前焦点所在位置currentIndex值的修改。例如焦点对象所选定的项目为图10a中的应用1、即第一个项目，则根据上述构建项目数组，其对应的currentIndex＝0，用户按了一次遥控器右键、即用户输入为焦点对象右移一个项目，则对应的新的currentIndex＝1。需要说明的是，本实施例在控制焦点对象移动时，以用户通过控制遥控器按键实现为例，在具体实施过程中，还可以采用其它方式、如通过语音控制。
S1202：根据所述索引值，确定所述视图显示窗口中项目队列容纳区的横向偏移量和各项目的横向偏移量。
其中，在根据所述目标项目的currentIndex值，可以通过下面的计算公式重新计算项目队列容纳区的横向偏移量、即外层盒子的translateX值：
transform:'translateX('+(-this.DataPosition[this.currentIndex]-this.listGap*this.currentIndex)+'rem)'；
其中，this.listGap为每两项目之间的空隙；this.currentIndex：为目标项目在预设的项目数据位置数组中的位置；rem为单位；DataPosition为预先设置 的项目数据位置数组，其具数据结构为[0,x0，x0+x1，x0+x1+x2，x0+x1+x2+x3，…，x0+x1+x2+…+xn-2],n为该视图显示窗口内的项目个数，xn-1为第n个项目的显示宽度，需要说明的是，本实施例设第一个项目的初始坐标为0，当然，在具体实施过程，还可以为其它任意值。
这样，每一次相邻项目之间的焦点切换，外层盒子移动的距离根据原来焦点所在项目的实际显示宽度、以及两项目之间的空隙之和。若焦点所在位置的当前项目与目标项目之间还间隔其它项目，则外层盒子移动的距离还要加上其它项目的显示宽度以及对应项目之间的空隙。
由于我们之前已经将每个项目的位置记忆在项目数据位置数组this.DataPosition中，因此，在计算外层盒子位置的时候，可以直接从该数组中根据当前焦点所对应的currentIndex值直接取出对应的值，作为外层盒子的X轴坐标，该方式与每一次根据currentIndex值和各项目的显示宽度再做X轴位置的累加计算的方式相比，可以大大节省数据计算量。
例如，设一个视图显示窗口中共有8个项目，对应的项目数组为Data[{item0},{item1},{item2},...,{item7}]，每个item的宽度分别为x0,x1,x2…,x7，则此时得到的DataPosition＝[0,x0,x0+x1,x0+x1+x2,x0+x1+x2+x3,x0+x1+x2+x3+x4,x0+x1+x2+x3+x4+x5,x0+x1+x2+x3+x4+x5+x6]。
在上述数据结构下，以当前焦点从项目index＝0移动到index＝1、即从第一个项目移动到第二个项目为例：
原来外层盒子的横向偏移量：首尾留白left＝96px,currentIndex＝0，translateX＝0＝DataPosition[0]＝DataPosition[currentIndex]。
移焦点动后：currentIndex＝1，其left＝96px保持不变，translateX＝(index＝0 位置的item显示宽度)，也即DataPosition[currentIndex]，显示效果如图中第二行。
综上，直接使用DataPosition，来改变外层盒子的translateX即可实现不同尺寸项目的定焦展示。
进一步的，在实现项目的循环展示时，需要依赖于内层盒子在外层盒子中的位置改变来实现。具体的，在根据所述currentIndex值，确定内层盒子的横向偏移量、即translateX值，可以采用如下计算方法：
transform:'translateX('+((this.currentIndex-index)>1？(this.TotalWidth+this.DataPosition[index]+this.listGap*index+this.firstMargin):(this.DataPosition[index]+this.listGap*index))+'rem)'；
其中，this.TotalWidth为该视图显示窗口内全部项目的显示宽度之和；this.DataPosition[index]为每个项目在项目数据位置数组中的位置；this.listGap*index为在该index位置之前全部缝隙之和；this.firstMargin为首尾留白。
通过上述公式可知，当根据currentIndex值，判定视图显示窗口内将有项目被移出屏幕，则使用下面的公式计算该将要被移出所述屏幕的项目对应的内层盒子translateX:
(this.TotalWidth+this.DataPosition[index]+this.listGap*index+this.firstMargin)
否则，则使用下面的公式计算该视图显示窗口内的内层盒子translateX:
(this.DataPosition[index]+this.listGap*index))。
即通过上述公式，使将要被移出所述屏幕的项目translateX到焦点对象更 新前所对应的项目队列尾部。同时，因为外层盒子同步在移动的原因，移动到队尾的项目的X轴位置，是比原来的位置增加了(this.TotalWidth+this.firstMargin)的宽度。另外，由于外层盒子需要在项目队尾放置移动过来的项目，所以其尾部宽度也会相应的增加相应的宽度，以保证更新后的焦点对象在屏幕上的显示位置固定。
S1203：根据所述项目队列容纳区的横向偏移量和各项目的横向偏移量，显示所述视图显示窗口内的项目。
其中，在控制外层盒子移动时，可以通过增加移动切换时间的方式，以展现定焦提供动画效果：例如，将transition:'all 180ms'；而在内层盒子移动的过程中，不添加动画。
利用本实施例中的方法，项目数组本身顺序结构不变，只是显示的时候控制了每个项目的显示位置。
图13中示例性示出了按照图12中的方法对应的实现效果示意图。需要说明的是，图13中的并不是电视屏幕中的实际显示效果图，只是代表其循环展示的示意图。如图13中的第二行，当焦点对象在index＝1位置、即第二个项目时，在此基础上若焦点对象右移一个项目，则index＝0的第一个项目将会被移出屏幕，所以需要将其移动到项目组队尾，并且将外层盒子左移第二个项目的显示宽度，以使各项目整体左移第二个项目的显示宽度，保证焦点位置固定；同时由于第一个项目被移动到队尾，所以外层盒子的尾部需要增加对应的宽度，进而可以得到如图13中的第三行的显示效果。按照上述方式继续移动，外层盒子继续左移，并且随着被移出屏幕的项目添加至队尾，其宽度也越来越宽，但是需要说明的是，外层盒子宽度的增加，只是显示区域的增加，其中并没有添加 任何数据，也并不涉及其余动画，所以对于内存和性能的影响可以忽略不计。进一步的，如图13中最后一行所示，当焦点对象对应于最后一个项目时，如果用户继续按右键，则指示目标焦点对象对应于第一个项目，***识别为该操作焦点对象左移，进而便返回到图17中第一行。
图13中示出的为用户按右键，使视觉上的焦点右移的情况，如果想要实现视觉上的焦点左移，则按照图17中箭头逆向的方式展示。
利用本实施例提供的方法，在移动用户界面中视图显示窗口内的焦点时，根据位于相应项目的显示宽度和项目之间的空隙，控制该视图显示窗口内的项目移动距离，以使目标项目移动至焦点对象所在位置，进而可以实现移动焦点时的定焦展示效果，方便用户查看被选择的项目。并且，该方法由于不涉及项目数组中数据的变化以及数据的增加，进而可以解决移动刷数据导致页面反应迟钝，以及增加虚拟数据，导致增加DOM数量浪费内存，导致启动慢的问题。
在本申请的某些实施例中，为了方便用户识别当前焦点对应的项目，本实施例还设置在进行焦点切换实现定焦循的同时，还在预设标题显示位置、如项目的上方或者下方，显示所述目标项目对应的标题。其中，显示目标项目对应的标题时，首先判断目标项目对应的标题长度与目标项目的显示宽度的比值是否大于预设值。如果大于预设值，则将目标项目对应的标题按照跑马灯样式显示，其中，具体显示样式可以参考上述实施例；否则，则无需跑马灯样式，即将该目标项目对应的标题直接显示。
本申请实施例提供了一种计算设备，该计算设备具体可以为桌面计算机、便携式计算机、智能手机、平板电脑、个人数字助理(Personal Digital Assistant，PDA)等。该计算设备可以包括中央处理器(Center Processing Unit，CPU)、 存储器、输入/输出设备等，输入设备可以包括键盘、鼠标、触摸屏等，输出设备可以包括显示设备，如液晶显示器(Liquid Crystal Display，LCD)、阴极射线管(Cathode Ray Tube，CRT)等。
存储器可以包括只读存储器(ROM)和随机存取存储器(RAM)，并向处理器提供存储器中存储的程序指令和数据。在本申请实施例中，存储器可以用于存储本申请实施例提供的任一所述方法的程序。
处理器通过调用存储器存储的程序指令，处理器用于按照获得的程序指令执行本申请实施例提供的任一所述方法。
本申请实施例提供了一种计算机存储介质，用于储存为上述本申请实施例提供的装置所用的计算机程序指令，其包含用于执行上述本申请实施例提供的任一方法的程序。
应当理解，本申请中说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，例如能够根据本申请实施例图示或描述中给出那些以外的顺序实施。本申请各实施例采用递进方式描述，各实施例之间可以相互参照。
此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖但不排他的包含，例如，包含了一系列组件的产品或设备不必限于清楚地列出的那些组件，而是可包括没有清楚地列出的或对于这些产品或设备固有的其它组件。
基于本申请中示出的示例性实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。此外，虽然本申请中公开内容按照示范性一个或几个实例来介绍，但应理解，可以就这 些公开内容的各个方面也可以单独构成一个完整技术方案。

Claims (17)

  1. 一种显示设备，其特征在于，包括：
    显示器，该显示器被配置为显示用户界面，所述用户界面包括多个视图显示窗口，其中，各个视图显示窗口中布局有一个或多个不同项目，所述视图显示窗口内的项目按照显示高度固定、显示宽度根据其高度缩放比例进行等比例缩放的方式显示，该用户界面中还包括指示所述项目被选择的焦点对象；
    与所述显示器通信连接的控制器，所述控制器被配置为执行呈现用户界面：
    接收移动所述视图显示窗口内的焦点对象以指示意图选择目标项目的用户输入；
    控制所述视图显示窗口内的项目向所述焦点对象移动方向的反方向移动，且保持所述焦点对象在所述视图显示窗口中位置顺序保持不变，以使目标项目移动至所述焦点对象所在位置；
    其中，所述目标项目移动的距离为：未移动前所述焦点对象所处项目的显示宽度、以及位于所述目标项目和未移动前所述焦点对象所处项目之间的间隙宽度，二者宽度之和。
  2. 根据权利要求1所述的显示设备，其特征在于，控制所述视图显示窗口内的项目向所述焦点对象移动方向的反方向移动，包括：
    根据所述用户输入以及所述焦点对象所对应的当前项目，确定目标项目在项目数组中的索引值；
    根据所述索引值，确定所述视图显示窗口中项目队列容纳区的横向偏移量和各项目的横向偏移量；
    根据所述项目队列容纳区的横向偏移量和各项目的横向偏移量，显示所述视图显示窗口内的项目。
  3. 根据权利要求2所述的显示设备，其特征在于，根据所述索引值，确定所述视图显示窗口内项目队列容纳区的横向偏移量，包括：
    从预先建立好的项目数据位置数组中，查找所述索引值对应的横向坐标值；
    将所述项目横向坐标值和位于所述当前项目与目标项目之间的各项目空隙值之和，作为所述视图显示窗口中的项目队列容纳区的横向偏移量；
    其中，所述项目数据位置数组包括所述视图显示窗口内各项目的横向坐标值，所述各项目的横向坐标值根据各项目的显示宽度确定。
  4. 根据权利要求3所述的显示设备，其特征在于，所述项目数据位置数组为[0,x0，x0+x1，x0+x1+x2，x0+x1+x2+x3，…，x0+x1+x2+…+xn-2],其中，n为所述视图显示窗口内的项目个数，xn-1为第n个项目的显示宽度。
  5. 根据权利要求2所述的显示设备，其特征在于，根据所述索引值，确定所述视图显示窗口中各项目的横向偏移量，包括：
    根据所述索引值，判断所述视图显示窗口内是否将有项目被移出所述屏幕；
    如果是，则所述将要被移出所述屏幕的项目对应的横向偏移量为所述视图显示窗口内所有项目的显示宽度、所述将要被移出所述屏幕的项目对应的横向坐标值、位于所述将要被移出所述屏幕的项目之前的各项目空隙、项目收尾留白距离之和；
    其中，所述横向坐标值根据各项目的显示宽度确定。
  6. 根据权利要求1所述的显示设备，其特征在于，控制所述视图显示窗口内的项目向所述焦点对象移动方向的反方向移动之后，所述方法还包括：
    判断所述视图显示窗口内的项目数量是否大于所述显示器的屏幕能够显示的最大项目数量；
    如果所述视图显示窗口内的项目数量大于所述显示器的屏幕能够显示的最大项目数量，则控制所述视图显示窗口内的项目按照定焦循环方式展示；
    如果所述视图显示窗口内的项目数量小于或等于所述显示器的屏幕能够显示的最大项目数量，，则控制所述视图显示窗口内的项目按照定焦非循环方式展示。
  7. 根据权利要求1所述的显示设备，其特征在于，所述视图显示窗口内的项目按照显示高度固定、显示宽度根据其高度缩放比例进行等比例缩放的方式显示的方法，包括
    获取所述视图显示窗口内各项目的图像高度和宽度值；
    分别根据各所述项目的图像高度和宽度比例值，计算各所述项目的显示高度为预设显示高度时对应的显示宽度；
    根据所述预设显示高度和各所述项目的显示宽度，对所述视图显示窗口内的项目进行绘制。
  8. 根据权利要求7所示的显示设备，其特征在于，根据所述预设显示高度和 各所述项目的显示宽度，对所述视图显示窗口内的项目进行绘制，包括：
    根据各所述项目的显示宽度，构建项目数据位置数组，其中，所述项目数据位置数组为[0,x0，x0+x1，x0+x1+x2，x0+x1+x2+x3，…，x0+x1+x2+…+xn-2],其中，n为所述视图显示窗口内的项目个数，xn-1为第n个项目的显示宽度；
    利用总显示宽度值、所述预设显示高度以及所述项目数据位置数组，使用listView组件对所述视图显示窗口内的项目进行绘制，其中，所述总显示宽度值为各所述项目的显示宽度之和。
  9. 根据权利要求1所述的显示设备，其特征在于，所述视图显示窗口内的项目数据来源于一个或多个媒资数据供应方。
  10. 一种显示设备，其特征在于，包括：
    显示器，该显示器被配置为显示用户界面，所述用户界面包括多个视图显示窗口，其中，各个视图显示窗口中布局有一个或多个不同项目，所述视图显示窗口内的项目按照显示高度固定、显示宽度根据其高度缩放比例进行等比例缩放的方式显示以及，该用户界面中还包括指示所述项目被选择的焦点对象；
    与所述显示器通信连接的控制器，所述控制器被配置为执行呈现用户界面：
    接收移动所述视图显示窗口内的焦点对象以指示意图选择目标项目的用户输入，其中，所述目标项目和未移动前所述焦点对象所处项目之间间隔至少一个项目；
    控制所述视图显示窗口内的项目向所述焦点对象移动方向的反方向移动，且保持所述焦点对象在所述视图显示窗口中位置顺序保持不变，以使目标项目 移动至所述焦点对象所在位置；
    其中，所述目标项目移动的距离为：未移动前所述焦点对象所处项目的显示宽度、以及所述目标项目和未移动前所述焦点对象所处项目之间各项目的显示宽度、以及所述目标项目和所述未移动前所述焦点对象所处项目之间各项目间的间隙宽度，三者宽度之和。
  11. 一种用户界面显示方法，其特征在于，所述方法包括：
    接收移动所述视图显示窗口内的焦点对象以指示意图选择目标项目的用户输入，其中，所述视图显示窗口中布局有一个或多个不同项目，所述视图显示窗口内的项目按照显示高度固定、显示宽度根据其高度缩放比例进行等比例缩放的方式显示；
    控制所述视图显示窗口内的项目向所述焦点对象移动方向的反方向移动，且保持所述焦点对象在所述视图显示窗口中位置顺序保持不变，以使目标项目移动至所述焦点对象所在位置；
    其中，所述目标项目移动的距离为：未移动前所述焦点对象所处项目的显示宽度、以及位于所述目标项目和未移动前所述焦点对象所处项目之间的间隙宽度，二者宽度之和。
  12. 根据权利要求11所述的方法，其特征在于，控制所述视图显示窗口内的项目向所述焦点对象移动方向的反方向移动，包括：
    根据所述用户输入以及所述焦点对象所对应的当前项目，确定目标项目在项目数组中的索引值；
    根据所述索引值，确定所述视图显示窗口中项目队列容纳区的横向偏移量 和各项目的横向偏移量；
    根据所述项目队列容纳区的横向偏移量和各项目的横向偏移量，显示所述视图显示窗口内的项目。
  13. 根据权利要求12所述的方法，其特征在于，根据所述索引值，确定所述视图显示窗口内项目队列容纳区的横向偏移量，包括：
    从预先建立好的项目数据位置数组中，查找所述索引值对应的横向坐标值；
    将所述项目横向坐标值和位于所述当前项目与目标项目之间的各项目空隙值之和，作为所述视图显示窗口中的项目队列容纳区的横向偏移量；
    其中，所述项目数据位置数组包括所述视图显示窗口内各项目的横向坐标值，所述各项目的横向坐标值根据各项目的显示宽度确定。
  14. 根据权利要求13所述的方法，其特征在于，所述项目数据位置数组为[0,x0，x0+x1，x0+x1+x2，x0+x1+x2+x3，…，x0+x1+x2+…+xn-2],其中，n为所述视图显示窗口内的项目个数，xn-1为第n个项目的显示宽度。
  15. 根据权利要求12所述的方法，其特征在于，根据所述索引值，确定所述视图显示窗口中各项目的横向偏移量，包括：
    根据所述索引值，判断所述视图显示窗口内是否将有项目被移出所述屏幕；
    如果是，则所述将要被移出所述屏幕的项目对应的横向偏移量为所述视图显示窗口内所有项目的显示宽度、所述将要被移出所述屏幕的项目对应的横向坐标值、位于所述将要被移出所述屏幕的项目之前的各项目空隙、项目收尾留 白距离之和；
    其中，所述横向坐标值根据各项目的显示宽度确定。
  16. 一种用户界面显示方法，其特征在于，所述方法包括：
    接收移动所述视图显示窗口内的焦点对象以指示意图选择目标项目的用户输入；其中，所述视图显示窗口中布局有一个或多个不同项目，所述视图显示窗口内的项目按照显示高度固定、显示宽度根据其高度缩放比例进行等比例缩放的方式显示，所述目标项目和未移动前所述焦点对象所处项目之间间隔至少一个项目；
    控制所述视图显示窗口内的项目向所述焦点对象移动方向的反方向移动，且保持所述焦点对象在所述视图显示窗口中位置顺序保持不变，以使目标项目移动至所述焦点对象所在位置；
    其中，所述目标项目移动的距离为：未移动前所述焦点对象所处项目的显示宽度、以及所述目标项目和未移动前所述焦点对象所处项目之间各项目的显示宽度、以及所述目标项目和所述未移动前所述焦点对象所处项目之间各项目间的间隙宽度，三者宽度之和。
  17. 一种计算机存储介质，其特征在于，所述计算机存储介质存储有计算机可执行指令，所述计算机可执行指令用于使所述计算机执行权利要求9所述的方法。
PCT/CN2020/076704 2019-09-06 2020-02-26 用户界面显示方法及显示设备 WO2021042680A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201910843728.3 2019-09-06
CN201910843728.3A CN112463269B (zh) 2019-09-06 2019-09-06 用户界面显示方法及显示设备

Publications (1)

Publication Number Publication Date
WO2021042680A1 true WO2021042680A1 (zh) 2021-03-11

Family

ID=74807058

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2020/076704 WO2021042680A1 (zh) 2019-09-06 2020-02-26 用户界面显示方法及显示设备

Country Status (2)

Country Link
CN (1) CN112463269B (zh)
WO (1) WO2021042680A1 (zh)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113672332A (zh) * 2021-08-25 2021-11-19 北京鲸鲮信息***技术有限公司 窗口显示方法、装置、设备、存储介质和程序
CN114296579A (zh) * 2021-04-30 2022-04-08 海信视像科技股份有限公司 显示设备及用户界面的控制方法
CN114895995A (zh) * 2022-03-15 2022-08-12 网易（杭州）网络有限公司 控件视图的生成方法、装置、电子设备及可读介质
CN116796086A (zh) * 2023-05-05 2023-09-22 北京路浩知识产权集团有限公司 页面展示方法、装置、设备及存储介质

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115442651A (zh) * 2022-09-02 2022-12-06 Vidaa国际控股(荷兰)公司 显示设备及电子节目指南的展示方法

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060238628A1 (en) * 2005-04-20 2006-10-26 Nokia Corporation Electronic device and method for viewing images with electronic device
CN102945144A (zh) * 2012-10-08 2013-02-27 广东威创视讯科技股份有限公司 窗口布局的方法及装置
CN104598107A (zh) * 2014-12-31 2015-05-06 乐视网信息技术（北京）股份有限公司 界面控件的生成方法及***
CN109618206A (zh) * 2019-01-24 2019-04-12 青岛海信电器股份有限公司 呈现用户界面的方法和显示设备

Family Cites Families (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8401681B2 (en) * 2008-06-08 2013-03-19 Apple Inc. System and method for placeshifting media playback
CN101800866B (zh) * 2009-12-18 2015-06-24 康佳集团股份有限公司 一种在电视机显示屏上实现定位交互的方法及其***
WO2011097515A1 (en) * 2010-02-04 2011-08-11 Snap-On Incorporated Rotating animated visual user display interface
WO2014045913A1 (ja) * 2012-09-18 2014-03-27 富士フイルム株式会社 静止画表示装置及びシステム並びに撮像装置
CN103648040A (zh) * 2013-11-18 2014-03-19 乐视致新电子科技（天津）有限公司 智能电视应用程序选项的快捷切换方法及装置
CN104811603B (zh) * 2014-01-24 2017-09-19 昆盈企业股份有限公司 辅助对焦装置及方法
US20150277726A1 (en) * 2014-04-01 2015-10-01 Microsoft Corporation Sliding surface
CN105578236B (zh) * 2014-10-27 2019-01-29 未来电视有限公司 用于电视的视频筛选方法和装置
US20170090729A1 (en) * 2015-09-30 2017-03-30 The Boeing Company Organization and Visualization of Content from Multiple Media Sources
KR102521214B1 (ko) * 2016-01-19 2023-04-13 삼성전자주식회사 사용자 인터페이스를 표시하는 방법 및 이를 지원하는 전자 장치
CN106371717A (zh) * 2016-05-03 2017-02-01 深圳市美贝壳科技有限公司 一种缩略图焦点随原图切换的方法
CN106383105B (zh) * 2016-08-29 2021-02-12 上海交通大学 可自动调整测样距离的拉曼光谱测量装置与方法
CN106371844B (zh) * 2016-08-31 2019-10-22 北京奇艺世纪科技有限公司 一种用原生用户界面组件展示网页的方法及***

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060238628A1 (en) * 2005-04-20 2006-10-26 Nokia Corporation Electronic device and method for viewing images with electronic device
CN102945144A (zh) * 2012-10-08 2013-02-27 广东威创视讯科技股份有限公司 窗口布局的方法及装置
CN104598107A (zh) * 2014-12-31 2015-05-06 乐视网信息技术（北京）股份有限公司 界面控件的生成方法及***
CN109618206A (zh) * 2019-01-24 2019-04-12 青岛海信电器股份有限公司 呈现用户界面的方法和显示设备

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114296579A (zh) * 2021-04-30 2022-04-08 海信视像科技股份有限公司 显示设备及用户界面的控制方法
CN114327199A (zh) * 2021-04-30 2022-04-12 海信视像科技股份有限公司 一种显示设备及多窗口参数设置方法
CN113672332A (zh) * 2021-08-25 2021-11-19 北京鲸鲮信息***技术有限公司 窗口显示方法、装置、设备、存储介质和程序
CN113672332B (zh) * 2021-08-25 2024-03-12 北京字节跳动网络技术有限公司 窗口显示方法、装置、设备、存储介质和程序
CN114895995A (zh) * 2022-03-15 2022-08-12 网易（杭州）网络有限公司 控件视图的生成方法、装置、电子设备及可读介质
CN114895995B (zh) * 2022-03-15 2024-03-15 网易（杭州）网络有限公司 控件视图的生成方法、装置、电子设备及可读介质
CN116796086A (zh) * 2023-05-05 2023-09-22 北京路浩知识产权集团有限公司 页面展示方法、装置、设备及存储介质
CN116796086B (zh) * 2023-05-05 2023-11-14 北京路浩知识产权集团有限公司 页面展示方法、装置、设备及存储介质

Also Published As

Publication number Publication date
CN112463269A (zh) 2021-03-09
CN112463269B (zh) 2022-03-15

Similar Documents

Publication Publication Date Title
WO2021008127A1 (zh) 用户界面显示方法及显示设备
CN109618206B (zh) 呈现用户界面的方法和显示设备
WO2021114529A1 (zh) 用户界面展示方法及显示设备
US11093108B2 (en) Method for displaying user interface and display device
WO2021042680A1 (zh) 用户界面显示方法及显示设备
WO2020244266A1 (zh) 智能电视的远程控制方法、移动终端和智能电视
US10200738B2 (en) Remote controller and image display apparatus having the same
WO2021051745A1 (zh) 一种显示方法及显示设备
WO2021189697A1 (zh) 视频展示方法、终端及服务器
WO2021203530A1 (zh) 显示设备及电视节目的推送方法
WO2020207115A1 (zh) 一种提供菜单项的图形用户界面方法及显示设备
WO2020186863A1 (zh) 一种显示设备
WO2020248714A1 (zh) 一种数据传输方法及设备
US9363570B2 (en) Broadcast receiving apparatus for receiving a shared home screen
CN111104020B (zh) 用户界面设置方法、存储介质及显示设备
US12022146B2 (en) User interface display method and device
WO2021109411A1 (zh) 文本类型转换方法及显示设备
KR101714661B1 (ko) 영상표시기기의 데이터 입력 방법 및 그에 따른 영상표시기기
CN112235621B (zh) 一种可视区域的显示方法及显示设备
CN112199560B (zh) 一种设置项的搜索方法及显示设备
WO2021196432A1 (zh) 一种控件对应的内容的显示方法及显示设备
WO2021008137A1 (zh) 显示设备及视频画面缩放方法
WO2022076940A1 (en) Viewport display method and display apparatus
CN112367550A (zh) 一种媒资列表多标题动态展示的实现方法及显示设备
CN111596771A (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: 20860417

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

32PN Ep: public notification in the ep bulletin as address of the adressee cannot be established

Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205A DATED 21.07.2022)

122 Ep: pct application non-entry in european phase

Ref document number: 20860417

Country of ref document: EP

Kind code of ref document: A1