WO2021114529A1 - User interface display method and display device - Google Patents

Abstract

The present application provides a user interface display method, comprising: during display of a user interface, providing two view display areas; when a focus is located at a first application icon, displaying recommendation data corresponding to a first application on a first display area; and then, during focus switching, switching the recommendation data displayed on the first display area to recommendation data bound to a second application when the focus is switched from the first application icon to a second application icon.

Description

User interface display method and display device

This application is required to be submitted to the Chinese Patent Office on December 12, 2019, the application number is 201911275517.0, the title of the invention is "A user interface display method, storage medium and display device", and the Chinese Patent Office on December 18, 2019 , The priority of the Chinese patent application whose application number is 201911310348.X and the invention title is "A user interface display method, storage medium and display device", the entire content of which is incorporated into this application by reference.

Technical field

The embodiments of the present application relate to display technology, and more specifically, to a user interface display method, storage medium, and display device.

Background technique

Smart TV is a TV product used to meet the diverse and individual needs of users. Smart TV is based on Internet application technology, has an open operating system and chip, has an open application platform, can realize two-way human-computer interaction, and integrates multiple functions such as audio and video, entertainment, and data. Its purpose is to bring A more convenient user experience.

The homepage application panel of the smart TV (also called the operating system desktop) is the first user interface displayed after the smart TV is turned on and enters the normal working state. It can display a variety of user interface objects, such as the icons of multiple applications. . In order to meet the diverse needs of users, more and more applications can be installed in smart TVs, for example, applications for users to watch videos, news applications, fitness applications, and so on.

In view of the current trend of more and more applications installed in smart TVs, it is necessary to provide a new user interface display method, so that users can enjoy the different functions provided by each application, and at the same time, it can be more convenient and efficient for smart TVs. To perform operations on the installed applications.

Summary of the invention

The embodiments of the present application provide a user interface display method, storage medium, and display device, so that users can operate the applications installed on the TV more conveniently and quickly.

According to a first aspect of the embodiments of the present application, a 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 areas;

A controller communicatively connected with the display, the controller being configured to perform presentation of a user interface:

Displaying at least one application icon in the second display area;

When the focus is on the first application icon, the recommended data corresponding to the first application is displayed in the first display area;

In response to switching the focus from the first application icon to the second application icon, the recommended data displayed in the first display area is switched to the recommended data bound to the second application.

According to a second aspect of the embodiments of the present application, there is provided a user interface display method, the method including:

The display device displays a user interface, and the user interface includes a plurality of view display areas;

Displaying at least one application icon in the second display area;

When the focus is on the first application icon, the recommended data corresponding to the first application is displayed in the first display area;

In response to switching the focus from the first application icon to the second application icon, the recommended data displayed in the first display area is switched to the recommended data bound to the second application.

According to the third aspect of the embodiments of the present application, there is provided a computer storage medium, the computer storage medium may store a program, and the method in the second aspect of the embodiments of the present application can be implemented when the program is executed.

Description of the drawings

In order to more clearly describe the technical solutions in the embodiments of the present application, the following will briefly introduce the drawings needed in the description of the embodiments. Obviously, the drawings in the following description are only some embodiments of the present application. For those of ordinary skill in the art, other drawings can be obtained from these drawings without creative labor.

Fig. 1 exemplarily shows a schematic diagram of an operation scene between a display device and a control device;

FIG. 2 exemplarily shows a configuration block diagram of the control device 100 in FIG. 1;

FIG. 3 exemplarily shows a configuration block diagram of the display device 200 in FIG. 1;

FIG. 4a exemplarily shows a block diagram of the architecture configuration of the operating system in the memory of the display device 200;

FIG. 4b exemplarily shows a schematic diagram of the functional configuration of the display device 200;

FIG. 4c exemplarily shows a schematic diagram of the software configuration in the display device 200;

FIG. 5 exemplarily shows a schematic diagram of the homepage interface in the display device 200;

6a to 6h exemplarily show schematic diagrams of application display screens in the home page interface of the display device 200;

FIGS. 7a to 7d exemplarily show the operation diagrams of the sequence of application icons in the homepage interface of the display device 200 through the control device 100;

FIG. 8 exemplarily shows a schematic flowchart of a method for displaying a user interface;

FIG. 9 exemplarily shows a schematic flowchart of another user interface display method;

FIGS. 10a to 10c exemplarily show schematic diagrams of operations applied in the homepage interface of the editing display device 200;

FIGS. 11a to 11d exemplarily show operation schematic diagrams of application icons in the homepage interface of the mobile display device 200.

Detailed ways

In order to make the purpose, technical solutions and advantages of the exemplary embodiments of the present application clearer, the technical solutions in the exemplary embodiments of the present application will be described clearly and completely in conjunction with the accompanying drawings in the exemplary embodiments of the present application. Obviously The described exemplary embodiments are only a part of the embodiments of the present application, rather than all of the embodiments.

In order to allow users to operate the applications installed in the TV more conveniently and quickly, this embodiment provides a user interface display method, storage medium, and display device. It should be noted that 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. In addition, the method is not only applicable to the TV, but also applicable to other display devices, such as computers, tablet computers, etc. .

The concepts involved in the present application will be described below in conjunction with the drawings. It should be pointed out here that the following description of each concept is only to make the content of this application easier to understand, and does not mean to limit the scope of protection of this application.

The term "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.

The term "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. The 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. For example, 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.

The term "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. In the various embodiments of the present application, the hardware system is usually also referred to as a motherboard or a chip.

Fig. 1 exemplarily shows a schematic diagram of an operation scene between a display device and a control device. As shown in FIG. 1, the control device 100 and the display device 200 can communicate in a wired or wireless manner.

Among them, the control device 100 is configured to control the display device 200, which can receive operation instructions input by the user, and convert the operation instructions into instructions that the display device 200 can recognize and respond to, and act as an intermediary for the interaction between the user and the display device 200 effect. For example, the user operates the channel addition and subtraction keys on the control device 100, and the display device 200 responds to the channel addition and subtraction operations.

The control device 100 may be a remote controller 100A, including infrared protocol communication or Bluetooth protocol communication, and other short-distance communication methods, etc., to control the display device 200 in a wireless or other 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. For example, 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 may also be a smart device, such as a mobile terminal 100B, a tablet computer, a computer, a notebook computer, and the like. For example, an application program running on a smart device is used to control the display device 200. The application can be configured to provide users with various controls through an intuitive user interface (UI) on the screen associated with the smart device.

Exemplarily, the mobile terminal 100B may install a software application with the display device 200, realize connection communication through a network communication protocol, and realize the purpose of one-to-one control operation and data communication. For example, the mobile terminal 100B can establish a control instruction protocol with the display device 200, and realize the functions of the physical keys arranged on the remote control 100A by operating various function keys or virtual buttons of the user interface provided on the mobile terminal 100B. The audio and video content displayed on the mobile terminal 100B can also be transmitted to the display device 200 to realize the synchronous display function.

The display device 200 may provide a broadcast receiving function and a network TV function of a computer support function. The display device can be implemented as digital TV, Internet TV, Internet Protocol TV (IPTV), and so on.

The display device 200 may be a liquid crystal display, an organic light emitting display, or a projection device. The specific display device type, size and resolution are not limited.

The display device 200 also performs data communication with the server 300 through a variety of communication methods. Here, the display device 200 may be allowed to communicate through a local area network (LAN), a wireless local area network (WLAN), and other networks. The server 300 may provide various contents and interactions to the display device 200. For example, the display device 200 can send and receive information, such as receiving electronic program guide (EPG) data, receiving software program updates, or accessing a remotely stored digital media library. The server 300 can be one group or multiple groups, and can be one type or multiple types of servers. The server 300 provides other network service content such as video-on-demand and advertising services.

The configuration block diagram of the control device 100 is exemplarily shown in FIG. 2. As shown in FIG. 2, the control device 100 includes a controller 110, a memory 120, a communicator 130, a user input interface 140, an output interface 150, and a power supply 160.

The controller 110 includes a random access memory (RAM) 111, a read only memory (ROM) 112, a processor 113, a communication interface, and a communication bus. The controller 110 is used to control the operation and operation of the control device 100, as well as the communication and cooperation between internal components, and external and internal data processing functions.

Exemplarily, when an interaction of a user pressing a button arranged on the remote control 100A or an interaction of touching a touch panel arranged on the remote control 100A is detected, the controller 110 may control to generate a signal corresponding to the detected interaction, and This signal is sent to the display device 200.

The memory 120 is used to store various operating programs, data, and applications for driving and controlling the control device 100 under the control of the controller 110. The memory 120 can store various control signal instructions input by the user.

The communicator 130 realizes the communication of control signals and data signals with the display device 200 under the control of the controller 110. For example, the control device 100 sends a control signal (such as a touch signal or a button signal) to the display device 200 via the communicator 130, and the control device 100 can receive the signal sent by the display device 200 via the communicator 130. The communicator 130 may include an infrared signal interface 131 and a radio frequency signal interface 132. For example, in the case of an infrared signal 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. For another example, in the case of 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.

The user input interface 140 may include at least one of a microphone 141, a touch panel 142, a sensor 143, a button 144, etc., so that the user can input user instructions for controlling the display device 200 to the control device through voice, touch, gesture, pressing, etc. 100.

The output interface 150 outputs a user instruction received by the user input interface 140 to the display device 200, or outputs an image or voice signal received by the display device 200. Here, the output interface 150 may include an LED interface 151, a vibration interface 152 that generates vibration, a sound output interface 153 that outputs a sound, a display 154 that outputs an image, and the like. For example, the remote controller 100A can receive output signals such as audio, video, or data from the output interface 150, and display the output signals as images on the display 154, as audio on the sound output interface 153, or as vibration on the vibration interface 152. form.

The power supply 160 is used to provide operating power support for each element of the control device 100 under the control of the controller 110. The form can be battery and related control circuit.

FIG. 3 exemplarily shows a block diagram of the hardware configuration of the display device 200. As shown in FIG. 3, the display device 200 may include a tuner and demodulator 210, a communicator 220, a detector 230, an external device interface 240, a controller 250, a memory 290, a user interface 265, a video processor 270, a display 275, Audio processor 280, audio output interface 285, and power supply 260.

The tuner and demodulator 210, which receives broadcast television signals through wired or wireless means, can perform modulation and demodulation processing such as amplification, mixing and resonance, and is used to demodulate the television selected by the user from multiple wireless or cable broadcast television signals The audio and video signals carried in the frequency of the channel, as well as additional information (such as EPG data).

The tuner and demodulator 210 can be selected by the user and controlled by the controller 250 to respond to the frequency of the television channel selected by the user and the television signal carried by the frequency.

The tuner and demodulator 210 can receive signals in many ways according to different broadcasting formats of TV signals, such as terrestrial broadcasting, cable broadcasting, satellite broadcasting or Internet broadcasting; and according to different modulation types, it can be digital modulation or analog Modulation method; and according to different types of received TV signals, analog signals and digital signals can be demodulated.

In some other exemplary embodiments, the tuner demodulator 210 may also be in an external device, such as an external set-top box. In this way, the set-top box outputs a TV signal after modulation and demodulation, and inputs it to the display device 200 through the external device interface 240.

The communicator 220 is a component used to communicate with external devices or external servers according to various types of communication protocols. For example, the display device 200 may transmit content data to an external device connected via the communicator 220, or browse and download content data from an external device connected via the communicator 220. The communicator 220 may include a network communication protocol module such as a WIFI module 221, a Bluetooth communication protocol module 222, and a wired Ethernet communication protocol module 223 or a near field communication protocol module, so that the communicator 220 can receive the control device 100 according to the control of the controller 250 Control signals, and implement the control signals as WIFI signals, Bluetooth signals, radio frequency signals, etc.

The detector 230 is a component of the display device 200 for collecting signals from the external environment or interacting with the outside. The detector 230 may include a sound collector 231, such as a microphone, which may be used to receive a user's voice, such as a voice signal of a control instruction for the user to control the display device 200; or, it may collect environmental sounds used to identify the type of environmental scene to realize display The device 200 can adapt to environmental noise.

In some other exemplary embodiments, the detector 230 may also include an image collector 232, such as a camera, a camera, etc., which may be used to collect external environment scenes to adaptively change the display parameters of the display device 200; and to collect The attributes of the user or interactive gestures with the user to achieve the function of interaction between the display device and the user.

In some other exemplary embodiments, the detector 230 may further include a light receiver, which is used to collect the ambient light intensity to adapt to changes in display parameters of the display device 200 and so on.

In some other exemplary embodiments, the detector 230 may also include a temperature sensor. For example, by sensing the ambient temperature, 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 external device interface 240 is a component that provides the controller 250 to control data transmission between the display device 200 and external devices. The external device interface 240 can be connected to external devices such as set-top boxes, game devices, notebook computers, etc. in a wired/wireless manner, and can receive external devices such as video signals (such as moving images), audio signals (such as music), and additional information (such as EPG). ) And other data.

Among them, the external device interface 240 may include: a high-definition multimedia interface (HDMI) terminal 241, a composite video blanking synchronization (CVBS) terminal 242, an analog or digital component terminal 243, a universal serial bus (USB) terminal 244, and a component (Component) Any one or more of terminals (not shown in the figure), red, green and blue (RGB) terminals (not shown in the figure), etc.

The controller 250 controls the work of the display device 200 and responds to user operations by running various software control programs (such as an operating system and various application programs) stored on the memory 290.

As shown in FIG. 3, the controller 250 includes a random access memory (RAM) 251, a read only memory (ROM) 252, a graphics processor 253, a CPU processor 254, a communication interface 255, and a communication bus 256. Among them, the RAM 251, the ROM 252, the graphics processor 253, and the CPU processor 254 communication interface 255 are connected via a communication bus 256.

ROM252, used to store various system startup instructions. For example, when the power-on signal is received, the power of the display device 200 starts to start, and the CPU processor 254 runs the system start instruction in the ROM 252, and copies the operating system stored in the memory 290 to the RAM 251 to start the operating system. After the operating system is started, the CPU processor 254 copies various application programs in the memory 290 to the RAM 251, and then starts to run and start various application programs.

The graphics processor 253 is used to generate various graphics objects, such as icons, operation menus, and user input instructions to display graphics. The graphics processor 253 may include an arithmetic unit, which is used to perform operations by receiving various interactive instructions input by the user, and then display various objects according to the display attributes; and includes a renderer, which is used to generate various objects obtained based on the arithmetic unit, and perform operations. The rendered result is displayed on the display 275.

The CPU processor 254 is configured to execute operating system and application program instructions stored in the memory 290. And according to the received user input instructions, to execute various applications, data and content processing, so as to finally display and play various audio and video content.

In some exemplary embodiments, the CPU processor 254 may include multiple processors. The multiple processors may include a main processor and multiple or one sub-processors. The main processor is configured to perform some initialization operations of the display device 200 in the display device preloading mode, and/or, to display screen operations in the normal mode. Multiple or one sub-processor, used to perform an operation in the standby mode of the display device.

The communication interface 255 may include the first interface to the nth interface. These interfaces may be network interfaces connected to external devices via a network.

The controller 250 may control the overall operation of the display device 200. For example, in response to receiving a user input command for selecting a GUI object displayed on the display 275, the controller 250 may perform an operation related to the object selected by the user input command.

Among them, the object can be any one of the selectable objects, such as a hyperlink or an icon. The operation related to the selected object, for example, the operation of displaying the page, document, image, etc. connected to the hyperlink, or the operation of executing the program corresponding to the object. The user input command for selecting the GUI object may be a command input through various input devices (for example, a mouse, a keyboard, a touch pad, etc.) connected to the display device 200 or a voice command corresponding to a voice spoken by the user.

The memory 290 is used to store various types of data, software programs, or application programs that drive and control the operation of the display device 200. The memory 290 may include volatile and/or non-volatile memory. The term "memory" includes the memory 290, the RAM 251 and ROM 252 of the controller 250, or the memory card in the display device 200.

In some embodiments, the memory 290 is specifically used to store operating programs for driving the controller 250 in the display device 200; to store various application programs built in the display device 200 and downloaded from external devices by the user; and to store configuration provided by the display 275 Data such as various GUIs, various objects related to the GUI, and visual effect images of the selector used to select GUI objects.

In some embodiments, the memory 290 is specifically used to store drivers and related data of the tuner and demodulator 210, the communicator 220, the detector 230, the external device interface 240, the video processor 270, the display 275, the audio processor 280, etc. For example, external data (such as audio and video data) received from an external device interface or user data (such as key information, voice information, touch information, etc.) received from a user interface.

In some embodiments, the memory 290 specifically stores software and/or programs used to represent an operating system (OS). These software and/or programs may include, for example, kernels, middleware, application programming interfaces (APIs), and/or application. Exemplarily, the kernel can control or manage system resources and functions implemented by other programs (such as the middleware, API, or application program); at the same time, the kernel can provide interfaces to allow middleware, API, or application program access control To control or manage system resources.

Fig. 4a exemplarily shows a block diagram of the architecture configuration of the operating system in the memory of the display device 200. The operating system architecture consists of the application layer, the middleware layer, and the kernel layer from top to bottom.

Application layer, system built-in applications and non-system-level applications belong to the application layer. Responsible for direct interaction with users. The application layer can include multiple applications, such as settings applications, e-post applications, media center applications, and so on. These applications can be implemented as web applications, which are executed based on the WebKit engine, and specifically can be developed and executed based on HTML5, Cascading Style Sheets (CSS) and JavaScript.

Here, HTML, the full name of HyperText Markup Language (HyperText Markup Language), is a standard markup language used to create web pages. Web pages are described through markup tags. HTML tags are used to describe text, graphics, animations, sounds, tables, For links, the browser will read the HTML document, explain the content of the tags in the document, and display it in the form of a web page.

CSS, the full name of Cascading Style Sheets (Cascading Style Sheets), is a computer language used to express the style of HTML files, and can be used to define style structures, such as fonts, colors, and positions. CSS styles can be directly stored in HTML web pages or in separate style files to achieve control over styles in web pages.

JavaScript is a language used in web page programming, which can be inserted into HTML pages and interpreted and executed by the browser. The interaction logic of the web application is implemented through JavaScript. JavaScript can encapsulate the JavaScript extension interface through the browser to realize the communication with the kernel layer,

The middleware layer can provide some standardized interfaces to support the operation of various environments and systems. For example, the middleware layer can be implemented as the Multimedia and Hypermedia Information Coding Expert Group (MHEG) of middleware related to data broadcasting, and it can also be implemented as DLNA middleware of middleware related to external device communication, and it can also be implemented as providing Display the middleware of the browser environment in which each application in the device runs.

The kernel layer provides core system services, such as file management, memory management, process management, network management, system security authority management and other services. The kernel layer can be implemented as a kernel based on various operating systems, for example, a kernel based on the Linux operating system.

The kernel layer also provides communication between system software and hardware, and provides device driver services for various hardware, such as: providing display drivers for displays, camera drivers for cameras, button drivers for remote controls, and WIFI modules Provide WiFi driver, audio driver for audio output interface, power management driver for power management (PM) module, etc.

The user interface 265 receives various user interactions. Specifically, it is used to send the input signal of the user to the controller 250, or to transmit the output signal from the controller 250 to the user. Exemplarily, the remote control 100A may send input signals input by the user, such as a power switch signal, a channel selection signal, and a volume adjustment signal, to the user interface 265, and then the user interface 265 transfers to the controller 250; or the remote control 100A may Receive output signals such as audio, video, or data output from the user interface 265 after the controller 250 processes, and display the received output signal or output the received output signal as audio or vibration.

In some embodiments, the user may input a user command on a graphical user interface (GUI) displayed on the display 275, and the user interface 265 receives the user input command through the GUI. Specifically, the user interface 265 may receive user input commands for controlling the position of the selector in the GUI to select different objects or items.

Alternatively, the user may input a user command by inputting a specific sound or gesture, and the user interface 265 recognizes the sound or gesture through the sensor to receive the user input command.

The video processor 270 is used to receive external video signals, and perform video data processing such as decompression, decoding, scaling, noise reduction, frame rate conversion, resolution conversion, and image synthesis according to the standard codec protocol of the input signal. The video signal displayed or played directly on the display 275.

For example, the video processor 270 includes a demultiplexing module, a video decoding module, an image synthesis module, a frame rate conversion module, a display formatting module, and the like.

Among them, the demultiplexing module is used to demultiplex the input audio and video data stream, such as the input MPEG-2 stream (based on the compression standard of digital storage media moving images and voice), then the demultiplexing module will demultiplex it Multiplexed into video signals and audio signals, etc.

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 60Hz video to a frame rate of 120Hz or 240Hz, and the usual format is realized by such as frame interpolation.

The display formatting module is used to change the signal output by the frame rate conversion module to a signal conforming to the display format such as a display, for example, format the signal output by the frame rate conversion module to output RGB data signals.

The display 275 is used to receive the image signal input from the video processor 270 to display video content, images, and a menu control interface. The displayed video content can be from the video content in the broadcast signal received by the tuner and demodulator 210, or from the video content input by the communicator 220 or the external device interface 240. The display 275 simultaneously displays a user manipulation interface UI generated in the display device 200 and used to control the display device 200.

And, the display 275 may include a display screen component for presenting a picture and a driving component for driving image display. Alternatively, if the display 275 is a projection display, it may also include a projection device and a projection screen.

The audio processor 280 is used to receive external audio signals, and perform decompression and decoding according to the standard codec protocol of the input signal, as well as audio data processing such as noise reduction, digital-to-analog conversion, and amplification processing, so that it can be stored in the speaker 286 The audio signal to be played.

Exemplarily, the audio processor 280 may support various audio formats. Such as MPEG-2, MPEG-4, Advanced Audio Coding (AAC), High Efficiency AAC (HE-AAC) and other formats.

The audio output interface 285 is used to receive the audio signal output by the audio processor 280 under the control of the controller 250. The audio output interface 285 may include a speaker 286, or output to an external audio output terminal 287 of a generator of an external device, such as a headset Output terminal.

In some other exemplary embodiments, the video processor 270 may include one or more chips. The audio processor 280 may also include one or more chips.

And, in some other exemplary embodiments, the video processor 270 and the audio processor 280 may be separate chips, or may be integrated with the controller 250 in one or more chips.

The power supply 260 is used to provide power supply support for the display device 200 with power input from an external power supply under the control of the controller 250. The power supply 260 may be a built-in power supply circuit installed inside the display device 200, or may be a power supply installed outside the display device 200.

Fig. 4b exemplarily shows a schematic diagram of the functional configuration of the display device 200. As shown in FIG. 4b, the memory 290 is used to store the operating system, application programs, content, user data, etc., and executes the system operation of driving the display device 200 and responds to various operations of the user under the control of the controller 210. The memory 290 may include volatile and/or non-volatile memory.

The memory 290 is specifically used to store the operating program that drives the controller 210 in the display device 200, and store various application programs built in the display device 200, various application programs downloaded by the user from an external device, and various application-related programs. Graphical user interface, and various objects related to the graphical user interface, user data information, and various internal data supporting applications. The memory 290 is used 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.

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.

In some embodiments, 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. Exemplarily, 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.

For example, 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, and an external command recognition module 2907 (such as a graphics recognition module 2907-1 , Voice recognition module 2907-2, key instruction recognition module 2907-3), communication control module 2908, light receiving 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. 4c exemplarily shows a configuration block diagram of the software system in the display device 200. As shown in Figure 4c, 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.

In some embodiments, 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.

In some other embodiments, part of the operating system kernel may include one or more device drivers. The device driver may be a set of software codes in the operating system to help operate or control the device 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.

Among them, 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 the user interface for access by various applications, and can realize user operability.

The control application 2911-4 is used to control process management, including runtime applications, etc.

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.

Among them, 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-2 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 their corresponding one or more sets of processing procedures .

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.). Such as: 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. For example, one or more sub-events in the remote control include various forms, including but not limited to one or a combination of pressing up/down/left/right/, the OK key, and pressing the key. And the operations of 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.

Fig. 5 exemplarily shows a schematic diagram of a homepage interface in the display device 200 according to an exemplary embodiment. As shown in FIG. 5, the user interface includes multiple view display areas. For example, it includes a first view display area 201 and a second view display area 202. One or more different items are laid out in each view display area. 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.

It should be noted that the multiple view display areas may be visible boundaries or invisible boundaries. For example, different view display areas can be identified by the different background colors of the display areas of each view, visual 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 first view display area 201 are simultaneously reduced or enlarged, but the second view display area 202 changes differently.

Among them, in some embodiments, one or more of the above-mentioned view display areas may be a zoomable view display. "Scalable" can mean that the size or proportion of the view display area on the screen is scalable, or that the size or proportion of the items in the view display is scalable on the screen.

"Items" refer to visual objects displayed in each view display area of the user interface of the display device 200 to represent corresponding content such as icons, thumbnails, and video clips. For example, items can represent image content or video clips of movies, TV shows, audio content of music, applications, or other user access content history information.

In some embodiments, "items" may display image thumbnails. For example, 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. For example, when the project is an application, it can be displayed as an icon of the application, or a screenshot of the content of the application captured when the application was executed most recently. 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. For example, the project is a dynamic picture of a video clip of a trailer of a TV or TV series.

In addition, 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. Such as: signal source input interface collection, or HDMI interface, USB interface, PC terminal interface, etc.

For example, as shown in Figure 6a, the first view display area 201 is used to display some recommended media data, and the second view display area 202 is used to display some commonly used application text and/or icons, where each The items may include text content and/or images for displaying thumbnails related to the text content, or video clips related to the text, and the like.

"Selector" is used to indicate that any item has been selected, such as cursor or focus object. According to the user's input on the control device 100, the cursor is moved on the display device 200 to select or control items. According to the user's input through the control device 100, 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. For example, the user can use the arrow keys on the control device 100 to control the movement of the focus object between items to select and control items.

The focus object refers to the object that moves between items based on user input. For example, as shown in Figure 7a, a thick line is drawn on the edge of the item to realize or identify the position of the focus object. In other embodiments, 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.

In some embodiments, different content or links are respectively associated with each item in each of the above-mentioned view display areas. It should be noted that the view display areas in this embodiment are arranged horizontally on the screen. In actual applications, they may also be arranged vertically or at any other angle.

In some other embodiments, the user interface may include one or more view display areas. Specifically, the number of view display areas on the display screen may be laid out according to the amount of different classified content to be displayed.

Based on the increasing number of applications currently installed in display devices, in order to provide users with more convenient and quicker operation of each application, this embodiment also provides that users can edit the order of applications in the display area 202 of the second view according to their personal preferences. At the same time, the function of displaying content in the first view display area 201 is changed to better provide users with free space for customization.

6a to 6h exemplarily show schematic diagrams of application display screens in the home page interface of the display device 200. As shown in Figures 6a to 6h, this embodiment displays icons of applications installed on the terminal in the second view display area 202 (this embodiment is also called application display area), and at the same time in the first view display area 201 (this embodiment For example, it is also called the stage area) to display the recommended data corresponding to the application where the current focus is located. In addition, in order to facilitate the user to edit the application, there is a prompt to press a specified button to enter the editing page in the third view display area 203. For example, when the focus is on the application in the second view display area 202, in the third view display area 203, The display area 203 displays "The MENU can be used to enter the application editing state". When the focus is on the recommended data in the first view display area 201, the third view display area 203 displays "The MENU can be used to delete favorite snapshots".

In some embodiments, this embodiment also provides different situations regarding whether the number of applications installed on the TV exceeds the number of items that can be displayed in the second view display area, and whether the user has added shortcut options for favorite snapshots. Page display effect.

As shown in FIG. 6a, when the total number of applications installed in the display device 200 is less than or equal to the number of items that can be displayed in the second view display area 202, this embodiment is set to display up to 14 items in the second view display area 202. In addition, when the user has not added a shortcut option for favorite snapshots, all the applications installed in the display device 200 can be completely displayed in the second view display area 202 at this time.

If the user wants to change the order of the applications displayed on the homepage and the recommended content in the first view display area 201, he can follow the prompts in the third view display area 203, such as by clicking the MENU button on the control device 100, to quickly jump to the editing page , That is, the page after the jump as shown in Figure 6b.

As shown in FIG. 6c, when the total number of applications installed in the display device 200 is greater than the number of items that can be displayed in the second view display area 202, and the user has not added a shortcut option for favorite snapshots, the display device 200 is now installed All the applications in the second view cannot be displayed completely in the second view display area 202. Therefore, this application adds a total application entry, as shown in the figure with the MyApps icon encircled by a dashed line. This embodiment is in the item array corresponding to the application. Add the MyApps data item after 13 data, and then make it display in the 14th item position.

If the user wants to change the order or content of the applications displayed on the homepage and edit the application icons in the second display area, he can follow the prompts in the third view display area 203, such as by clicking the MENU button on the control device 100, Quickly jump to the editing page, that is, the jumped page as shown in Fig. 6d. Among them, in order to facilitate the user to distinguish between applications displayed on the home page interface and other applications that are not displayed on the home page interface, this embodiment displays the two parts of the application in a partitioned manner. Among them, the application displayed on the home page interface is displayed in the upper half of the MyApp interface. , And the icon of MyApps is set as a virtual placeholder in this interface and is not displayed. The remaining applications are displayed in the lower part of the MyApp interface. In this interface, it is used to edit and adjust the position of the application.

As shown in FIG. 6e, when the total number of applications installed in the display device 200 is less than the number of items that can be displayed in the second view display area 202, and the user has added a shortcut option for favorite snapshots. At this time, this embodiment adds the ShortCuts data item to the first data position of the item array corresponding to the application, so that it can be displayed at the first item position, that is, the position of the icon circled by the dotted line in the figure, when the focus When the item is in the position, the data content added by the user before, such as favorite channels, network channels, URLs, etc., can be displayed in the first view display area 201. Then, the remaining 13 item positions are used to display application icons installed in the display device 200.

Similarly, if the user wants to change the order of the homepage display applications and the content recommended in the first view display area 201, he can follow the prompts in the third view display area 203, such as by clicking the MENU button on the control device 100, to quickly jump Go to the editing page, that is, the page after the jump as shown in FIG. 6f. Among them, in order to prevent the user from moving the application position to affect the display position of the shortcut option, in the user interface, the position of the shortcut option is set to not be able to be focused, that is, the user cannot select the item through the control device 100, and cannot move Its location.

As shown in FIG. 6g, when the total number of applications installed in the display device 200 is greater than or equal to the number of items that can be displayed in the second view display area 202, and the user has added a shortcut option for favorite snapshots. At this time, this embodiment adds the ShortCuts data item to the first data position of the item array corresponding to the application, so that it can be displayed at the first item position, that is, the position of the icon circled by the dotted line in the figure, when the focus When the item is in the position, the data content added by the user before can be displayed in the first view display area 201. At the same time, add the total application entry, as shown in the figure with a dashed MyApps icon, this embodiment adds the MyApps data item after the 13th data of the item array corresponding to the application, so that it can be displayed in the 14th item position. The remaining 12 item positions are used to display application icons installed in the display device 200.

Similarly, if the user wants to change the order of the homepage display applications and the content recommended in the first view display area 201, he can follow the prompts in the third view display area 203, such as by clicking the MENU button on the control device 100, to quickly jump Go to the editing page, that is, the page after the jump as shown in Figure 6h. Among them, in order to prevent the user from moving the application position to affect the display position of the shortcut option, in the user interface, the position of the shortcut option is set to not be able to be focused and cannot move its position; and, the MyApps icon is under the interface Set the virtual placeholder to not be displayed, nor can it be focused.

In some embodiments, this embodiment also provides a method for adjusting the display order of applications in the homepage interface. FIGS. 7a to 7d exemplarily show the operation schematic diagrams of the order of items in the homepage interface of the display device 200 through the control device 100.

In this embodiment, the total number of applications installed in the display device 200 is greater than the number of items that can be displayed in the second view display area 202, and the user has not added a shortcut option for favorite snapshots as an example. When the user inputs an editing application on the control device 100 The user can enter the interface shown in FIG. 7a, and at the same time, the user can click the button on the control device 100 to move or delete the application position.

As shown in FIG. 7b, after the user clicks the button on the control device 100 according to the prompt, for example, after the MENU button, two option boxes of Move Item Position (Sort) and Delete Item (Uninstall) will pop up on the application position where the current focus is located. And, in this interface, only these two option boxes can be focused. If the user selects "Uninstall", the application will be deleted. If the user selects "Sort", you can enter the mobile project interface, such as Shown in Figure 7c.

In the state shown in FIG. 7c, the user can control the button operation or voice operation on the device 100 to move the position of the selected application to insert the selected application into the target position in the application icon queue in the user interface. . As shown in FIG. 7c, the selected application "NETFLIX" is moved to a position where it is not displayed in the display area 202 of the second view. After the user finishes editing the application, he will exit the editing interface, and the second view display area 202 of the homepage interface will be updated to display the specific item content, specifically, the first 13 items in the total item array corresponding to the applications installed in the display device 200 are displayed. The application simultaneously synchronizes the display of the recommended data in the first view display area 201, and then obtains the user interface display effect shown in FIG. 7d, where "NETFLIX" is removed, so it is no longer displayed in the user interface.

Fig. 8 exemplarily shows a schematic flow chart of a method for displaying a user interface. As shown in Figure 8, the method mainly includes the following steps:

S801: Display at least one application icon in the second display area; when the focus is on the first application icon, the recommendation data corresponding to the first application is displayed in the first display area.

To implement the display interface, first, the display device will bind each recommended data to its corresponding application according to the identifier of each recommended data and the identifier of the application installed in the display device.

Among them, when the application installed in the display device changes or the recommended data changes, all applications and recommended data installed in the display device can be obtained, and then the recommended data corresponding to each application can be identified according to the application identifier such as name , Add the appReList field to the data structure of the application, and bind the recommended data to the appReList field of the application data. After that, as long as the content of the recommended data issued by the data center (such as the cloud) does not change, only the selected application needs to be identified. Can correspond to recommended data.

Then, the display device intercepts the top N items in the total item array corresponding to the application installed in the display device according to the number N of items that can be displayed in the display area of the second view to form a sub-item array.

For example, the number of items that can be displayed in the display area of the first view is 14, and the total item array corresponding to the application installed in the display device is {item0, item1, item2...item13...itemN}, then the first 14 items are intercepted, Form the sub-item array {item0, item1, item2...item13}.

Finally, the icon corresponding to each item in the sub-item array is displayed in the second display area, and the recommended data bound to the item where the current focus is located is displayed in the first display area. According to the item order in the sub-item array, the icon corresponding to each item in the sub-item array is displayed in the second display area, and at the same time, the recommended data bound to the item where the current focus is located is displayed in the first display area.

S802: In response to switching the focus from the first application icon to the second application icon, switch the recommended data displayed in the first display area to the recommended data bound to the second application.

In this way, when the user switches the focus, the recommended data content displayed in the second display area can be automatically switched according to the recommended data bound to each application, thereby facilitating the user to view the recommended data corresponding to each application, thereby enabling the user It is more convenient and quicker to operate the applications installed on the TV and improve the user experience.

In some embodiments, this embodiment also provides a user adding favorite snapshots and a data processing method for the corresponding display device when the number of installed applications in the display device is more than the number of applications that can be displayed in the display area of the second view.

Fig. 9 exemplarily shows a schematic flowchart of another user interface display method. As shown in Figure 9, the method mainly includes the following steps:

S901: Display at least one icon in the second display area, the icon includes: a shortcut option icon and at least one application icon, a general application portal icon and at least one application icon, or a shortcut option icon, a general application portal icon and at least one application icon;

Among them, the data processing process of the display device is as follows:

S9011: Bind each recommended data to its corresponding application according to the identifier of each recommended data and the identifier of the application installed in the display device.

S9012: Determine whether the user has added a shortcut option.

In order to facilitate the operation of the display device 200 by the user, the user can set some content as a shortcut according to personal preference. For example, the user sets a certain network channel, channel or website in the display device 200 as a shortcut through the control device 100. Presented in the homepage interface, it is considered that the above actions have added shortcut options to the user. If it has been added, step S9013 is executed, otherwise, step S9014 is executed.

S9013: Add the shortcut option to the total item array formed by the applications installed in the display device, where the position of the shortcut option in the total item array is in the top N positions.

In this embodiment, the total item array formed by the applications installed in the display device is called AllAppData. Since the shortcut option needs to be displayed in the second view display area of the homepage interface, this embodiment sets the shortcut option (shortcut) in The position in the total item array is in the top N positions, and N is the number of items that can be displayed in the second view display area. For example, add a shortcut option to the first position and item0 position in the AllAppData array.

S9014: Determine whether the number of items in the total item array is greater than N.

For example, the number of items that can be displayed in the display area of the second view is 14, and the number of applications installed in the display device is also 14. A shortcut option is added in step S9013, and the number of items in the total item array at this time is greater than 14, and then go to step S9015; otherwise, go to step S9016 directly.

S9015: Add a total application entry for identifying all applications installed in the display device to the total item array, where the position of the total application entry in the total item array is in the top N positions.

In order to enable the total application entry to be displayed in the second view display area, in this embodiment, the position of the total application entry set in the total item array is in the top N positions, for example, at the Nth position in the total item array. The total application entry can be displayed at the last item position in the second view display area.

S9016: According to the number N of items that can be displayed in the display area of the second view, intercept the top N items in the total item array corresponding to the application installed in the display device to form a sub-item array.

Intercept the first N items in the AllAppData array to form the mainTileData sub-item array.

S9017: Display the icon corresponding to each item in the sub-item array in the second display area, and display the recommended data bound to the item where the current focus is located in the first display area.

S902: When the focus is on the first application icon, the recommendation data corresponding to the first application is displayed in the first display area.

S903: In response to switching the focus from the first application icon to the second application icon, switch the recommended data displayed in the first display area to the recommended data bound to the second application.

In some embodiments, after step S903, this embodiment also provides a display method for editing applications installed in the display device. Specifically include the following steps:

S904: Receive a first operation of editing an application icon in the second display area input by the user.

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 MENU key command. If the monitored user input event is a MENU key command, then perform the position detection of the selector in the user interface, and further determine whether the selector is located in the second view display area, if it is, it means that the key input is to edit the view display area In response to the key input, enter the editing mode.

S905: In response to the first operation, display the at least one application icon in the first area of the user interface, and display the icons of the remaining applications installed by the display device in the second area of the user interface.

After entering the edit mode, it is presented as a MyApp display page on the user interface. In order to facilitate the user to distinguish the location of the items, the items in the mainTileData array of the sub-items in the total item array are displayed in the first area of the user interface, The remaining items are displayed in the second area of the user interface.

In order to make the item move between the first area and the second area in the user interface during subsequent operations on the position of the mobile application icon, this embodiment uses a grid List to implement the entire MyApp page, and at the same time for the two parts of the application content Therefore, the spacing between the first area and the second area does not follow the normal spacing layout of the original grid list. At the same time, this embodiment adds a dividing line and/or prompt words between the first area and the second area. The core code of its implementation is as follows:

Among them: row_num is the row number, style.top is the distance from the item there to the top of the outer box (also known as the project containment area), 3.3333 is the distance from the third row of each element to the top of the box is increased by 3.3333rem, That is, 100px, which may be other values in specific embodiments. Since the items in the first area are displayed in two rows in this embodiment, row_num>1 is set in the above code.

In addition, if the above-mentioned sub-item array contains shortcut options, set the shortcut option to not be able to attach focus, that is, the position of the shortcut option cannot be edited and the position cannot be moved; if the above-mentioned sub-item array contains the total application entry, Then, the total application entrance is set to not be able to attach a focus, that is, the position of the total application entrance cannot be edited and the position cannot be moved, and its icon is in a hidden state. FIGS. 10a to 10c exemplarily show schematic diagrams of operations applied in the homepage interface of the editing display device 200. As shown in Figure 10a, the position of the shortcut option, that is, the position of index=0, and the position of the total application entrance, that is, the position of index=13, cannot be attached with focus, and other positions can be attached with focus.

S906: Receive a second operation of moving the application icon in the user interface input by the user.

First, 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 MENU key command. If the monitoring user input event is the MENU key command, the two option boxes of Move Item Position (Sort) and Delete Item (Uninstall) will be displayed at the target item where the current focus is, as shown in Figure 10b. In this interface, only this Two option boxes can be attached with focus. If the user selects "Sort", you can enter the operation interface of the mobile item, as shown in Figure 10b. In this operation interface, according to user input, by changing the current focus of the target item in the array corresponding to the total item The position in the item queue to change the position of the application icon with focus.

S907: In response to the second operation, control the application icon where the focus is located to move on the user interface, so as to insert the application icon where the focus is located to a target position in the application icon queue in the user interface.

Among them, in order to reduce the number of data updates in the process of project movement and prevent the phenomenon of jams during project movement, the display device adopts the following processing methods to move application icons:

S9071: Move the target item where the current focus is located from the total item array to obtain an array of non-target items formed by the remaining items.

The target item where the current focus is located, that is, the edited item, is taken out from the total item array. In this embodiment, the total item array is referred to as AllAppData, the edited target item is referred to as moveItem, and the sublist array obtained is referred to as AllAppData'.

S9072: Control the target item to be displayed in a focused style, and each item in the non-target item array to be displayed in a non-focused style.

Among them, moveItem is displayed according to the focus style, and each item in the AllAppData' array is displayed according to the non-focus style. Even if the subsequent focus is attached to an item in the AllAppData' array, the focused item does not display the focus style, giving the user a kind of The focus is on the visual experience of moveItem.

S9073: According to the user input for moving the target item, control the movement of the display position of the target item and the items in the array of non-target items in the user interface.

Receive user input and determine the type of the user input event. 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 an UP, DOWN, LEFT, or RIGHT key command. If the monitored user input event is any one of the UP, DOWN, LEFT, and RIGHT key commands, it means that the key input is a user input to move the target item, that is, it responds to the key input. Among them, you can control the movement of the display position of the moveItem according to the user input. For example, after the user presses the RIGHT key, it means that you want to control the moveItem to move to the right, and then control the distance of the moveItem to move one item to the right, and the AllAppData' array is located after the moveItem The item is also moved to the right by the distance of one item. Through the above operations, the phase position of moveItem relative to each item in the AllAppData' array can be changed, and then the position of moveItem in AllAppData can be changed.

Then, when the above editing mode is restored to the normal mode, if the user has not done the deletion work, the moveItem data is inserted into the AllAppData’ array.

In the solution provided in this embodiment and the existing operation of each item (item), the item to be operated will be taken out from the AllAppData array (this embodiment records the position of the item in the mainTileData array as index) , And then inserted into the moved position, and at the same time, changing the focus to the position and updating the display style of each item in the mainTileData array, this embodiment only enters the edit mode or exits the edit mode and returns to the normal mode. Data will be updated, and no data changes will be made during the operation of moving the item, so the page DOM will not be updated repeatedly, and the item will not be stuck when moving; in addition, in the prior art, it is because every time the item is moved The project data must be updated once, and the picture corresponding to the project in the data from the cloud will not be cached by the TV terminal and browser, and the picture needs to be retrieved each time. However, the solution provided in this embodiment does not need to be The user keeps refreshing the data during the operation of moving the item, so there is no need to reacquire the picture, and there will be no problems such as slow refresh of the icon, no display, flashing, etc.

In some embodiments, in order to make it easier to calculate the movement distance of the items in the AllAppData' array when moving the moveItem described above, in this embodiment, in step S9071, the target item currently focused on is removed from the total item array. , The controller is further configured to: move the focus to an item whose index value relative to the target item is increased by 1 before the target item is moved out of the total item array. In this way, in step S9073, you can directly control the movement of items in AllAppData according to the position of the focus. For example, when you control moveItem to move to the right, you can directly control the position of the focus and the items after it.

FIGS. 11a to 11d exemplarily show operation schematic diagrams of application icons in the homepage interface of the mobile display device 200. As shown in Figures 11a to 11d, when the above-mentioned control item is moved, if the total application entry icon is included in the second display area, in order to make the position of other items in the display interface change smoothly after the moved item, this embodiment Set the position of the total application entrance to be able to attach the focus. At the same time, in order to ensure that the display position of the total application entrance remains unchanged, when the moved item is in a special position above, below, left, and right of the total application entrance, this embodiment is In step S9073, according to the user input for moving the target item, when controlling the movement of the display position of the target item and the items in the non-target item array in the user interface, the following processing methods are adopted:

1) If the application icon on which the focus is located is an application icon located above the general application portal icon and adjacent to the general application portal icon, and the second operation is an operation to move down the position of an application icon, then the The application icon where the focus is located moves to the position before the total application entry icon. That is, the target project position as shown in Figure 11a. At this time, the focus is at the project position with index=6, and the corresponding display device adopts the following processing steps:

S01: Set the change value of the index value of the item where the focus is to M-1, where M is the number of items contained in a row in the user interface.

Since the focus is on the item position with index=6, the user input is to move the target item down by one item position. Normally, the index 6+M (M=7) of the mobile application will be changed to 13. We need to ensure that the MyApps icon is in The position of index=12 in the figure remains unchanged, so this embodiment only changes the index+M-1 of the index value of the item where the focus is located to 12, that is, after the target item is moved, the focus is at the position of index=12, that is, the user in the figure See the position of index=12 of MyApps.

S02: Calculate the horizontal offset and the vertical offset of each item in the non-target item array according to the change value M-1 of the index value, wherein there is an item gap before the item where the focus is located.

Among them, the longitudinal offset of each item can refer to the calculation method in step S908 described above. In addition, there is a project gap before the focused project for the target project to display.

S03: Display each item in the sub-item array according to the horizontal offset and the vertical offset of each item in the non-target item array;

S04: Display the target item in the gap position before the item where the focus is located. Furthermore, it is realized that the application icon where the focus is located is moved to the position before the total application entry icon.

2) If the application icon on which the focus is located is an application icon located before and adjacent to the general application entrance icon, and the second operation is an operation to the backward position of the application icon, then the The application icon where the focus is located moves to a position behind the total application entry icon. That is, the target item position as shown in Figure 11b. At this time, the focus is at the item position of index=12, and the following processing steps are correspondingly adopted: the index value of the item where the focus is changed is 2, that is, the position of index+2=14, Then move the target item to the position of index=13 in Figure 11b.

3) If the application icon on which the focus is located is an application icon located behind and adjacent to the general application entrance icon, and the second operation is an operation to the previous application icon position, then the The application icon where the focus is located moves to the position before the total application entry icon. That is, the target item position shown in Figure 11c, at this time, the focus is at the item position of index=14, and the corresponding processing steps are adopted: the index value of the item where the focus is changed is -2, that is, the position of index-2=12 , And then after moving the focus, the application icon where the focus is located moves to the position before the general application entrance icon, and the focus is attached to the position of the general application entrance.

4) If the application icon on which the focus is located is an application icon located below the general application portal icon and adjacent to the general application portal icon, and the second operation is an operation of moving up the position of an application icon, then The application icon where the focus is located moves to the position before the total application entry icon. That is, the target project position as shown in Figure 11d. At this time, the focus is at the project position with index=20. The corresponding processing steps are as follows: first move the data corresponding to the total application entry to the 12th position, and then move the actual focus to index=12.

In addition, when moving the target item position in the above step S907, as shown in Figures 11a to 11d, if there are other application icons adjacent to the application icon where the focus is located, set the movement on the application icon where the focus is located. A direction indicator, where the moving direction indicator points to the other application icons, that is, the moving direction indicator is set only when there are other items adjacent to the target item.

S908: Receive a fifth operation input by the user to end editing the application icon in the user interface.

S909: In response to the fifth operation, display the application icon of the first area in the second display area.

According to the instruction input by the user to end the movement of the items in the first display area, the first N items in the new total item array corresponding to the movement of the target item are intercepted to form a new sub-item array. Then, the icon corresponding to each item in the new sub-item array is displayed in the first display area, and the recommended data bound to the item where the current focus is located is displayed in the second display area.

Wherein, if the new sub-item array contains a shortcut option, the shortcut option is set to be able to attach a focus; if the new sub-item array contains a total application entry, the total application entry is set to be attachable Focus and its icon is visible.

Based on the same inventive concept as the above-mentioned user interface display method and display device, this embodiment also provides a computer storage medium. The computer storage medium can store a program. When the program is executed, the user provided by any of the above implementations can be realized. Interface display method.

Although the preferred embodiments of the present application have been described, those skilled in the art can make additional changes and modifications to these embodiments once they learn the basic creative concept. Therefore, the appended claims are intended to be interpreted as including the preferred embodiments and all changes and modifications falling within the scope of the present application.

Obviously, those skilled in the art can make various changes and modifications to the application without departing from the spirit and scope of the application. In this way, if these modifications and variations of this application fall within the scope of the claims of this application and their equivalent technologies, this application is also intended to include these modifications and variations.

Claims (10)

A display device, characterized in that, the display device includes: A display configured to display a user interface, the user interface including a plurality of view display areas; A controller communicatively connected with the display, the controller being configured to perform presentation of a user interface: Displaying at least one application icon in the second display area; When the focus is on the first application icon, the recommended data corresponding to the first application is displayed in the first display area; In response to switching the focus from the first application icon to the second application icon, the recommended data displayed in the first display area is switched to the recommended data bound to the second application. The display device according to claim 1, wherein the controller is further configured to: Receiving a first operation input by a user to edit an application icon in the second display area; In response to the first operation, the at least one application icon is displayed in the first area of the user interface, and the icons of the remaining applications installed by the display device are displayed in the second area of the user interface. The display device according to claim 2, wherein the controller is further configured to: Receiving a second operation of moving an application icon in the user interface input by a user; In response to the second operation, the application icon with the focus is controlled to move on the user interface, so as to insert the application icon with the focus at the target position in the application icon queue in the user interface. The display device according to claim 2, wherein after the at least one application icon is displayed in the first area of the user interface, the controller is further configured to: If a total application entry icon is displayed in the second display area, hide the total application entry icon in the first area, and the position of the total application entry icon cannot be focused; and/or, If a shortcut option icon is displayed in the second display area, the shortcut option icon is displayed in the first area, and the location of the shortcut option icon cannot be focused. The display device according to claim 3, wherein, in response to the second operation, controlling the application icon with the focus to move on the user interface comprises: If the application icon where the focus is located is an application icon located before and adjacent to the total application entry icon, and the second operation is an operation to the position of the application icon one behind, then the focus is set The application icon of is moved to a position behind the total application entry icon; or, If the application icon on which the focus is located is an application icon located behind and adjacent to the general application portal icon, and the second operation is an operation to the previous application icon position, then the focus is The application icon of is moved to the position before the total application entry icon; or, If the application icon on which the focus is located is an application icon located above and adjacent to the general application portal icon, and the second operation is an operation to move down the position of an application icon, set the focus to Move the application icon of to the position before the total application entry icon; or, If the application icon on which the focus is located is an application icon located below the main application portal icon and adjacent to the main application portal icon, and the second operation is an operation of moving up the position of an application icon, then the focus is The application icon of is moved to the position before the total application entry icon. The display device according to claim 3, wherein the controller is further configured to: when the application icon where the control focus is located moves on the user interface: If there are other application icons adjacent to the application icon where the focus is located, a movement direction indicator is set on the application icon where the focus is located, and the movement direction indicator points to the other application icon. The display device according to claim 3, wherein the second operation of moving the application icon in the user interface, which is input by the user, comprises: A third operation of editing application icons in the user interface input by the user is received; In response to the third operation, an option to delete the application and the mobile application is displayed on the application icon where the focus is located; An operation of selecting an option of the mobile application for input is received. The display device according to claim 2, wherein the controller is further configured to: Receiving a fifth operation input by the user to end editing the application icon in the user interface; In response to the fifth operation, the application icon of the first area is displayed in the second display area. A method for displaying a user interface applied to a display device, wherein the method includes: The display device displays a user interface, and the user interface includes a plurality of view display areas; Displaying at least one application icon in the second display area; When the focus is on the first application icon, the recommended data corresponding to the first application is displayed in the first display area; In response to switching the focus from the first application icon to the second application icon, the recommended data displayed in the first display area is switched to the recommended data bound to the second application. A computer storage medium, wherein the computer storage medium can store a program, and the method in claim 9 can be implemented when the program is executed.

Images