CN113535019A - Display device and display method of application icons - Google Patents
Display device and display method of application icons Download PDFInfo
- Publication number
- CN113535019A CN113535019A CN202110794418.4A CN202110794418A CN113535019A CN 113535019 A CN113535019 A CN 113535019A CN 202110794418 A CN202110794418 A CN 202110794418A CN 113535019 A CN113535019 A CN 113535019A
- Authority
- CN
- China
- Prior art keywords
- application icon
- application
- editable
- moving
- animation
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 42
- 230000008569 process Effects 0.000 claims abstract description 24
- 230000004913 activation Effects 0.000 claims abstract description 12
- 230000004044 response Effects 0.000 claims description 10
- 238000004891 communication Methods 0.000 description 12
- 238000010586 diagram Methods 0.000 description 12
- 238000006243 chemical reaction Methods 0.000 description 7
- 238000012545 processing Methods 0.000 description 7
- 230000006870 function Effects 0.000 description 6
- 230000003993 interaction Effects 0.000 description 5
- 230000002452 interceptive effect Effects 0.000 description 4
- 230000015572 biosynthetic process Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 230000005236 sound signal Effects 0.000 description 3
- 238000003786 synthesis reaction Methods 0.000 description 3
- 238000004364 calculation method Methods 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 239000002131 composite material Substances 0.000 description 2
- 230000009467 reduction Effects 0.000 description 2
- 238000009877 rendering Methods 0.000 description 2
- 230000003213 activating effect Effects 0.000 description 1
- 230000003321 amplification Effects 0.000 description 1
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000012790 confirmation Methods 0.000 description 1
- 230000006837 decompression Effects 0.000 description 1
- 238000011982 device technology Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000002156 mixing Methods 0.000 description 1
- 238000003199 nucleic acid amplification method Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000003825 pressing Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The application provides a display device and a display method of an application icon, wherein a controller of the display device is configured to: the method comprises the steps of responding to an editing state activation instruction input by a user in an application panel interface, displaying the application editing interface, wherein the application editing interface is the application panel interface in an editing state, receiving a moving operation input in the application editing interface on an editable first application icon, obtaining an initial position and a target position corresponding to the moving operation, generating an animation according to the initial position and the target position, wherein the animation is used for showing that the first application icon moves from the initial position to the target position, playing the animation, and when the animation is played, showing the first application icon at the target position. By generating the animation according to the positions before and after the application icon moves, the problem that the watching experience of a user is seriously influenced due to the fact that a page is jammed and flickers in the moving process of the application icon position of the existing display equipment is solved.
Description
Technical Field
The present application relates to the field of display device technologies, and in particular, to a display device and a method for displaying application icons.
Background
Display devices, such as smart televisions, may provide a user with a picture to play, such as audio, video, pictures, etc. Compared with the traditional television which provides live television programs for users through data broadcasting, the smart television generally focuses on online interactive media, internet television and on-demand streaming media, and can provide richer contents and services for the users, such as various applications and service contents of network videos, network games and the like.
In the use process of the display device, a user often needs to move the position of the application icon according to the requirement of the user, but the existing display device still has some problems, in the process of the position change of the application icon, because the traditional animation process gradually moves from the initial position of the animation to the end position, a large amount of complex calculation needs to be carried out during each frame of animation in the moving process, if the refreshing frequency of the display device is low at the moment, the situation that a page is jammed and flickers can be caused, and the watching experience of the user is seriously influenced.
Disclosure of Invention
The application provides a display device and a display method of an application icon, and the animation is generated according to positions before and after the application icon moves, so that the problem that the watching experience of a user is seriously influenced due to the fact that a page is jammed and flickers in the position moving process of the application icon of the existing display device is solved.
In a first aspect, the present application provides a display device comprising:
a display for displaying a user interface;
a controller configured to:
presenting an application panel interface for presenting a plurality of application icons, at least one of the plurality of application icons being editable;
responding to an editing state activation instruction input in the application panel interface by a user, and displaying an application editing interface which is the application panel interface in an editing state;
receiving a moving operation of an editable first application icon input in the application editing interface, and acquiring an initial position and a target position corresponding to the moving operation;
generating an animation according to the initial position and the target position, wherein the animation is used for showing that the first application icon moves from the initial position to the target position;
playing the animation;
and when the animation playing is finished, displaying the first application icon at the target position.
In a second aspect, the present application further provides a method for displaying an application icon, including the following steps:
presenting an application panel interface for presenting a plurality of application icons, at least one of the plurality of application icons being editable;
responding to an editing state activation instruction input in the application panel interface by a user, and displaying an application editing interface which is the application panel interface in an editing state;
receiving a moving operation of an editable first application icon input in the application editing interface, and acquiring an initial position and a target position corresponding to the moving operation;
generating an animation according to the initial position and the target position, wherein the animation is used for showing that the first application icon moves from the initial position to the target position;
playing the animation;
and when the animation playing is finished, displaying the first application icon at the target position.
As can be seen from the above technical solutions, the present application provides a display device and a display method of an application icon, where a controller of the display device is configured to: presenting an application panel interface, wherein the application panel interface is used for displaying a plurality of application icons, at least one of the application icons can be edited, responding to an editing state activation instruction input in the application panel interface by a user, displaying the application editing interface, the application editing interface is the application panel interface in an editing state, receiving a moving operation input in the application editing interface on an editable first application icon, acquiring an initial position and a target position corresponding to the moving operation, generating an animation according to the initial position and the target position, the animation is used for displaying the first application icon to move from the initial position to the target position, playing the animation, and displaying the first application icon in the target position when the animation is played. By generating the animation according to the positions before and after the application icon moves, the problem that the watching experience of a user is seriously influenced due to the fact that a page is jammed and flickers in the moving process of the application icon position of the existing display equipment is solved.
Drawings
In order to more clearly illustrate the embodiments of the present application or the implementation manner in the related art, a brief description will be given below of the drawings required for the description of the embodiments or the related art, and it is obvious that the drawings in the following description are some embodiments of the present application, and other drawings can be obtained by those skilled in the art according to the drawings.
FIG. 1 illustrates an operational scenario between a display device and a control apparatus according to some embodiments;
fig. 2 illustrates a hardware configuration block diagram of the control apparatus 100 according to some embodiments;
fig. 3 illustrates a hardware configuration block diagram of the display apparatus 200 according to some embodiments;
FIG. 4 illustrates a software configuration diagram in the display device 200 according to some embodiments;
FIG. 5 illustrates an exemplary application panel interface;
FIG. 6 illustrates an exemplary application editing interface;
FIG. 7 illustrates an exemplary application editing interface;
FIG. 8 illustrates an application editing interface in which a user enters a move focus operation;
FIG. 9 illustrates an application editing interface in which a user enters two move focus operations;
FIG. 10 illustrates an animation playback diagram on an application editing interface;
FIG. 11 illustrates an application editing interface after animation playback is complete;
FIG. 12 is a schematic diagram illustrating animation playback on an application editing interface in another embodiment;
FIG. 13 is a diagram illustrating an application editing interface after animation playback is completed in another embodiment;
FIG. 14 is a schematic diagram showing movement of focus in a horizontal direction of a first application icon;
FIG. 15 is a schematic diagram showing movement of a focus in a vertical direction of a first application icon;
fig. 16 is a flowchart illustrating a method for displaying an application icon according to an exemplary embodiment of the present application.
Detailed Description
To make the purpose and embodiments of the present application clearer, the following will clearly and completely describe the exemplary embodiments of the present application with reference to the attached drawings in the exemplary embodiments of the present application, and it is obvious that the described exemplary embodiments are only a part of the embodiments of the present application, and not all of the embodiments.
It should be noted that the brief descriptions of the terms in the present application are only for the convenience of understanding the embodiments described below, and are not intended to limit the embodiments of the present application. These terms should be understood in their ordinary and customary meaning unless otherwise indicated.
The terms "first," "second," "third," and the like in the description and claims of this application and in the above-described drawings are used for distinguishing between similar or analogous objects or entities and not necessarily for describing a particular sequential or chronological order, unless otherwise indicated. It is to be understood that the terms so used are interchangeable under appropriate circumstances.
The terms "comprises" and "comprising," and any variations thereof, are intended to cover a non-exclusive inclusion, such that a product or apparatus that comprises a list of elements is not necessarily limited to all elements expressly listed, but may include other elements not expressly listed or inherent to such product or apparatus.
The term "module" refers to any known or later developed hardware, software, firmware, artificial intelligence, fuzzy logic, or combination of hardware and/or software code that is capable of performing the functionality associated with that element.
Fig. 1 is a schematic diagram of an operation scenario between a display device and a control apparatus according to an embodiment. As shown in fig. 1, a user may operate the display apparatus 200 through the smart device 300 or the control device 100.
In some embodiments, the control apparatus 100 may be a remote controller, and the communication between the remote controller and the display device includes an infrared protocol communication or a bluetooth protocol communication, and other short-distance communication methods, and controls the display device 200 in a wireless or wired manner. The user may input a user instruction through a key on a remote controller, voice input, control panel input, etc., to control the display apparatus 200.
In some embodiments, the smart device 300 (e.g., mobile terminal, tablet, computer, laptop, etc.) may also be used to control the display device 200. For example, the display device 200 is controlled using an application program running on the smart device.
In some embodiments, the display device 200 may also be controlled in a manner other than the control apparatus 100 and the smart device 300, for example, the voice command control of the user may be directly received by a module configured inside the display device 200 to obtain a voice command, or may be received by a voice control device provided outside the display device 200.
In some embodiments, the display device 200 is also in data communication with a server 400. The display device 200 may be allowed to be communicatively connected through a Local Area Network (LAN), a Wireless Local Area Network (WLAN), and other networks. The server 400 may provide various contents and interactions to the display apparatus 200. The server 400 may be a cluster or a plurality of clusters, and may include one or more types of servers.
Fig. 2 exemplarily shows a block diagram of a configuration of the control apparatus 100 according to an exemplary embodiment. As shown in fig. 2, the control device 100 includes a controller 110, a communication interface 130, a user input/output interface 140, a memory, and a power supply. The control apparatus 100 may receive an input operation instruction from a user and convert the operation instruction into an instruction recognizable and responsive by the display device 200, serving as an interaction intermediary between the user and the display device 200.
Fig. 3 shows a hardware configuration block diagram of the display apparatus 200 according to an exemplary embodiment.
In some embodiments, the display apparatus 200 includes at least one of a tuner demodulator 210, a communicator 220, a detector 230, an external device interface 240, a controller 250, a display 260, an audio output interface 270, a memory, a power supply, a user interface.
In some embodiments the controller comprises a processor, a video processor, an audio processor, a graphics processor, a RAM, a ROM, a first interface to an nth interface for input/output.
In some embodiments, the display 260 includes a display screen component for presenting a picture, and a driving component for driving an image display, a component for receiving an image signal from the controller output, performing display of video content, image content, and a menu manipulation interface, and a user manipulation UI interface.
In some embodiments, the display 260 may be a liquid crystal display, an OLED display, and a projection display, and may also be a projection device and a projection screen.
In some embodiments, communicator 220 is a component for communicating with external devices or servers according to various communication protocol types. For example: the communicator may include at least one of a Wifi module, a bluetooth module, a wired ethernet module, and other network communication protocol chips or near field communication protocol chips, and an infrared receiver. The display apparatus 200 may establish transmission and reception of control signals and data signals with the external control apparatus 100 or the server 400 through the communicator 220.
In some embodiments, the user interface may be configured to receive control signals for controlling the apparatus 100 (e.g., an infrared remote control, etc.).
In some embodiments, the detector 230 is used to collect signals of the external environment or interaction with the outside. For example, detector 230 includes a light receiver, a sensor for collecting ambient light intensity; alternatively, the detector 230 includes an image collector, such as a camera, which may be used to collect external environment scenes, attributes of the user, or user interaction gestures, or the detector 230 includes a sound collector, such as a microphone, which is used to receive external sounds.
In some embodiments, the external device interface 240 may include, but is not limited to, the following: high Definition Multimedia Interface (HDMI), analog or data high definition component input interface (component), composite video input interface (CVBS), USB input interface (USB), RGB port, and the like. The interface may be a composite input/output interface formed by the plurality of interfaces.
In some embodiments, the tuner demodulator 210 receives broadcast television signals via wired or wireless reception, and demodulates audio/video signals, such as EPG data signals, from a plurality of wireless or wired broadcast television signals.
In some embodiments, the controller 250 and the modem 210 may be located in different separate devices, that is, the modem 210 may also be located in an external device of the main device where the controller 250 is located, such as an external set-top box.
In some embodiments, the controller 250 controls the operation of the display device and responds to user operations through various software control programs stored in memory. The controller 250 controls the overall operation of the display apparatus 200. For example: in response to receiving a user command for selecting a UI object to be displayed on the display 260, the controller 250 may perform an operation related to the object selected by the user command.
In some embodiments, the object may be any one of selectable objects, such as a hyperlink, an icon, or other actionable control. The operations related to the selected object are: displaying an operation connected to a hyperlink page, document, image, or the like, or performing an operation of a program corresponding to the icon.
In some embodiments the controller comprises at least one of a Central Processing Unit (CPU), a video processor, an audio processor, a Graphics Processing Unit (GPU), a RAM Random Access Memory (RAM), a ROM (Read-Only Memory), a first to nth interface for input/output, a communication Bus (Bus), and the like.
A CPU processor. For executing operating system and application program instructions stored in the memory, and executing various application programs, data and contents according to various interactive instructions receiving external input, so as to finally display and play various audio-video contents. The CPU processor may include a plurality of processors. E.g. comprising a main processor and one or more sub-processors.
In some embodiments, a graphics processor for generating various graphics objects, such as: icons, operation menus, user input instruction display graphics, and the like. The graphic processor comprises an arithmetic unit, which performs operation by receiving various interactive instructions input by a user and displays various objects according to display attributes; the system also comprises a renderer for rendering various objects obtained based on the arithmetic unit, wherein the rendered objects are used for being displayed on a display.
In some embodiments, the video processor is configured to receive an external video signal, and perform video processing such as decompression, decoding, scaling, noise reduction, frame rate conversion, resolution conversion, and image synthesis according to a standard codec protocol of the input signal, so as to obtain a signal that can be displayed or played on the direct display device 200.
In some embodiments, the video processor 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 for demultiplexing the input audio and video data stream. And the video decoding module is used for processing the video signal after demultiplexing, including decoding, scaling and the like. And the image synthesis module is used for carrying out superposition mixing processing on the GUI signal input by the user or generated by the user and the video image after the zooming processing by the graphic generator so as to generate an image signal for display. And the frame rate conversion module is used for converting the frame rate of the input video. And the display formatting module is used for converting the received video output signal after the frame rate conversion, and changing the signal to be in accordance with the signal of the display format, such as an output RGB data signal.
In some embodiments, the audio processor is configured to receive an external audio signal, decompress and decode the received audio signal according to a standard codec protocol of the input signal, and perform noise reduction, digital-to-analog conversion, and amplification processing to obtain an audio signal that can be played in the speaker.
In some embodiments, a user may enter user commands on a Graphical User Interface (GUI) displayed on display 260, and the user input interface receives the user input commands through the Graphical User Interface (GUI). Alternatively, the user may input the user command by inputting a specific sound or gesture, and the user input interface receives the user input command by recognizing the sound or gesture through the sensor.
In some embodiments, a "user interface" is a media interface for interaction and information exchange between an application or operating system and a user that enables conversion between an internal form of information and a form that is acceptable to the user. The common presentation form of the User Interface is Graphical User Interface (GUI), which refers to a User Interface related to computer operation and displayed in a graphical manner. It may be an interface element such as an icon, a window, a control, etc. displayed in the display screen of the electronic device, where the control may include a visual interface element such as an icon, a button, a menu, a tab, a text box, a dialog box, a status bar, a navigation bar, a Widget, etc.
In some embodiments, a system of a display device may include a Kernel (Kernel), a command parser (shell), a file system, and an application program. The kernel, shell, and file system together make up the basic operating system structure that allows users to manage files, run programs, and use the system. After power-on, the kernel is started, kernel space is activated, hardware is abstracted, hardware parameters are initialized, and virtual memory, a scheduler, signals and interprocess communication (IPC) are operated and maintained. And after the kernel is started, loading the Shell and the user application program. The application program is compiled into machine code after being started, and a process is formed.
As shown in fig. 4, the system of the display device may include a Kernel (Kernel), a command parser (shell), a file system, and an application program. The kernel, shell, and file system together make up the basic operating system structure that allows users to manage files, run programs, and use the system. After power-on, the kernel is started, kernel space is activated, hardware is abstracted, hardware parameters are initialized, and virtual memory, a scheduler, signals and interprocess communication (IPC) are operated and maintained. And after the kernel is started, loading the Shell and the user application program. The application program is compiled into machine code after being started, and a process is formed.
As shown in fig. 4, the system of the display device is divided into three layers, i.e., an application layer, a middleware layer and a hardware layer from top to bottom.
The Application layer mainly includes common applications on the television and an Application Framework (Application Framework), wherein the common applications are mainly applications developed based on the Browser, such as: HTML5 APPs; and Native APPs (Native APPs);
an Application Framework (Application Framework) is a complete program model, and has all basic functions required by standard Application software, such as: file access, data exchange, and interfaces (toolbars, status bars, menus, dialog boxes) for use of these functions.
Native APPs (Native APPs) may support online or offline, message push, or local resource access.
The middleware layer comprises various television protocols, multimedia protocols, system components and other middleware. The middleware can use basic service (function) provided by system software to connect each part of an application system or different applications on a network, and can achieve the purposes of resource sharing and function sharing.
The hardware layer mainly comprises an HAL interface, hardware and a driver, wherein the HAL interface is a unified interface for butting all the television chips, and specific logic is realized by each chip. The driving mainly comprises: audio drive, display driver, bluetooth drive, camera drive, WIFI drive, USB drive, HDMI drive, sensor drive (like fingerprint sensor, temperature sensor, pressure sensor etc.) and power drive etc..
The application icons of the system application and the third-party application on the display device can be displayed in the application panel interface in a centralized mode, a user clicks a certain control on a system homepage, for example, an application center control, and when the user clicks the application center control, the user can be triggered to enter the application panel interface. The application icons are arranged in rows and columns in the application panel interface, each application icon is provided with corresponding application name information, display position information and the like, and a user can perform editing operation or deleting operation on the application icons. For example, the editing operation may be that the user moves the position of the application icon according to his own preference or personal habit.
Fig. 5 is an exemplary application panel interface, which may be specifically configured such that a user enters the application panel interface after inputting a selected operation on an application center control by clicking an application panel display control, for example, the application center control. As shown in FIG. 5, the application panel interface includes a plurality of application icons 500 and a focus 510, such as "application icon 1", "application icon 2", and the like. The content of the application icon 500 may vary according to the user's preference. When the application panel interface is displayed, a user may click any one of the application icons 500 to input a selected instruction for any of the application icons 500, so as to trigger entry into the application interface corresponding to the application icon 500. Illustratively, when the user enters the application interface corresponding to the "app icon 1" by moving the focus 510 to the "app icon 1" in fig. 5 and confirming, the user may perform an operation in the application interface corresponding to the "app icon 1". It should be noted that the user may also input a selection operation on the application icon 500 in other manners to display a corresponding application interface. For example, the desired application icon 500 is selected using a voice control function or a search function.
Fig. 6 is an exemplary application editing interface, which may be specifically an application editing interface entered by a user after inputting an editing state activation instruction. It should be noted that the application panel interface is used for displaying the application icons, and when the application editing interface is entered, the display positions and the display sequence of the application icons are not changed. The application icons in the application panel interface are all in a non-edited state, which cannot be moved or deleted. However, in the application editing interface, the editable application icons are all in an editing state, and a user can select the display positions of the application icons according to own preference or delete unnecessary application icons in the application editing interface. As shown in fig. 6, the application icons 500 are arranged in a predetermined order in the application editing interface, and the user moves the position of the application icon by inputting a movement operation for the application icon in the application editing interface. In a conventional application panel interface, some application icons can not be edited due to self attributes, the display positions are changed, and meanwhile, in the display process of the application icons, whether the application icons can be edited or not is not explicitly displayed, so that a user can not accurately know which application icons can be edited in the operation process, the positions of the application icons can not be adjusted according to requirements, and the use experience of the user is seriously influenced. The traditional animation display mode is that in the process of moving the position of an application icon by a user, a display device converts the process of gradually moving the application icon from an initial position to a final position into multi-frame animation for playing. However, since a lot of complex calculations are required during each frame of animation in the moving process, if the refresh frequency of the display device is low, the page may be jammed and flickered, which seriously affects the viewing experience of the user. Therefore, how to solve the problems of page jamming and flickering in the traditional animation display mode is a problem which needs to be solved urgently at present.
The following describes the interactive operation and the user interface change process when the user edits the application icon with reference to fig. 7 to 13.
Firstly, after a user inputs an editing state activation instruction, the user enters an application editing interface. Specifically, the user may input the edit status activation instruction in various ways. For example, a user may enter an edit status activation instruction by long-pressing an application icon to enter the edit status activation instruction, or clicking a control in an application panel interface to enter the edit status. Of course, the user may input the edit status activation instruction in other manners.
The application editing interface comprises a certain number of application icons, and the application icons comprise editable application icons and/or non-editable application icons. The data structure corresponding to each application has an edit attribute flag bit, if the application icon of the application is configured to be editable, the value of the edit attribute flag bit corresponding to the application icon is a first numerical value, such as TRUE, it is configured to be editable, and if the value of the edit attribute flag bit corresponding to the application icon is a second numerical value, such as False, it is configured to be non-editable. It should be noted that, when an application icon is editable, the application icon can be selected and selected by the focus to pick up the application icon, so that the display position of the application icon in the interface can be changed in response to the movement operation of the user, and when the application icon is not editable, the application icon cannot be selected and selected by the focus, so that the application icon cannot be picked up, and the display position of the application icon in the interface cannot be changed in response to the movement operation of the user.
In some embodiments, to facilitate a user in distinguishing between editable and non-editable application icons, the editable and non-editable application icons may be displayed in different styles. Referring to fig. 7, an editable application icon 710 is displayed in a first style and a non-editable application icon 720 is displayed in a second style. For example, in the application editing interface, the transparency of the editable application icon 710 is 100% and the transparency of the non-editable application icon 720 is 50%.
When the application editing interface is displayed, a user can input moving operation on an editable application icon in the application editing interface, an initial position and a target position corresponding to the moving operation are obtained, and an animation is generated according to the initial position and the target position and is used for showing that the application icon moves from the initial position to the target position. The initial position is a position before the application icon is moved, and the target position is a position different from the initial position.
In some implementations, an application icon is further selected by first moving the focus 510 onto the application icon. Referring to fig. 7, the application icon selected in fig. 7 is the application icon 2, and when the application icon 2 is selected, the user selects the application icon by inputting a confirmation operation. It should be appreciated that when an application icon in the application editing interface is selected, the application icon is picked up, i.e., in a picked-up state. The application icon may be displayed in a flashing manner in the application editing interface in the picked-up state of the application icon, or may be displayed in a flashing manner in the application editing interface. In some implementations, the selected application icon can also be sized slightly larger than other non-selected application icons.
Next, the user inputs an operation of moving the focus to select a target position, which may be a display position of an editable application icon or a position where no application icon is displayed. The number of times of moving the focus 510 may be any number of times, and the direction of moving the focus may be a horizontal direction or a vertical direction, until the user moves the focus 510 to a target position, for example, a certain editable application icon, so that the certain editable application icon is selected. Specifically, referring to fig. 7, when the application icon 2 is selected, the display device determines whether an editable application icon exists in the focus moving direction in response to an operation of moving the focus 510 input by the user, and moves the focus 510 to the editable application icon closest to the application icon 2 and moves the focus to the editable application icon if the editable application icon exists in the focus moving direction. Referring to fig. 8, in fig. 8, when the user inputs one operation of moving the focus to the right in the application editing interface shown in fig. 7, the focus 510 is moved from the application icon 2 to the application icon 3, and since the application icon 3 cannot be edited, the application icon 4 can be edited, and thus the application icon 4 is selected. In this embodiment, the second application icon is the application icon 4, and the application icon 4 can be selected in focus and further can respond to the moving operation of the user.
For example, referring to fig. 9, fig. 9 shows that after the user inputs an operation of moving the focus to the right in the interface of fig. 7, the user inputs an operation of moving the focus to the down again, the focus is first moved by the application icon 2 to the direction of the application icon 3, the application icon 4 can be edited and thus stays on the application icon 4 because the application icon 3 cannot be edited, and then the user inputs an operation of moving the focus to the down, and the application icon 12 can be edited and thus the application icon 12 is selected because the application icon 8 cannot be edited. In the present embodiment, the application icon 2 is a first application icon, the application icon 12 is a second application icon, and the application icon 12 can be edited and thus can be selected by the focus 510, and further can respond to a movement operation by the user.
In some embodiments, the user inputs an operation of moving the focus until the user moves the focus to the target location, specifically, each application has an edit attribute flag bit in the corresponding data structure, and if the application icon of the application is configured to be editable, the value of the edit attribute flag bit corresponding to the application is a first numerical value, such as TRUE, it is configured to be editable, and if the value of the edit attribute flag bit corresponding to the application is a second numerical value, such as False, it is configured to be uneditable.
In some embodiments, receiving a move operation on an editable first application icon input in an application editing interface includes: the method comprises the steps of receiving input selection operation of a first application icon when the first application icon is selected, moving a focus to an editable second application icon in response to at least one input operation of moving the focus to enable the second application icon to be selected, and receiving input selection operation of the second application icon when the second application icon is selected. At this time, an animation is generated according to the initial position and the target position, and it should be noted that the animation is used for showing that the first application icon moves from the initial position to the target position, the initial position is the current position of the first application icon, and the target position is the current position of the second application icon. The specific process of generating the animation comprises the following steps: calculating an attribute difference value in the horizontal direction and the vertical direction according to the initial position and the target position, generating a moving path of the first application icon according to the attribute difference value, moving the first application icon from the initial position to the target position according to the moving path of the first application icon, generating an animation according to the moving process of the first application icon, and returning the first application icon to the initial position. For example, the process of generating the animation may be implemented by browser rendering.
In some embodiments, if the target location shows the second application icon, generating an animation according to the initial location and the target location, further comprising: and generating a moving path of the second application icon according to the attribute difference value, moving the second application icon from the target position to the initial position according to the moving path of the second application icon, and generating an animation according to the moving path of the first application icon and the moving path of the second application icon, so that the animation is used for showing a process of interchanging the positions of the first application icon and the second application icon, and returning the second application icon to the target position.
Referring to fig. 10, fig. 10 is an animation playing process in an embodiment, and an animation is generated according to the positions of the application icon 1 and the application icon 3, and is used for showing that the application icon 1 gradually moves from the initial position to the target position, and simultaneously the application icon 3 gradually moves from the target position to the initial position. Referring to fig. 11, after the animation playing is completed, the first application icon is displayed at the target position, the second application icon is displayed at the initial position, and the user moves the first user icon. In this embodiment, the application icon 1 is a first application icon, and the application icon 3 is a second application icon.
In some realizable manners, not only the corresponding data structure is provided with the editing attribute flag bit, but also the target position in the application editing interface can be provided with the corresponding editing attribute flag bit without displaying the corresponding application icon, if the editing attribute flag bit is the first numerical value, the target position can be edited, and if the editing attribute flag bit is the second numerical value, the target position cannot be edited. It should be noted that when the target position is editable, the target position can be selected by the focus, and further the display position can be adjusted in the application editing interface in response to the moving operation of the user.
Referring to fig. 12, fig. 12 is a schematic diagram of an animation playing process, where an animation is used to show that the application icon 1 gradually moves from an initial position to a target position. In this embodiment, the application icon 1 is the first application icon, and since the animation is generated in advance, the problem that the page flickers in the moving process of the first application icon can be effectively solved, and the viewing experience of the user is effectively improved. For example, referring to fig. 13, when the animation playback is completed, the application icon 1 is displayed at the target position.
In some embodiments, receiving a move operation on an editable first application icon input in an application editing interface includes: the method comprises the steps of receiving input selection operation of a first application icon when the first application icon is selected, moving a focus to an editable second application icon in response to at least one input operation of moving the focus to enable the second application icon to be selected, and receiving input selection operation of the second application icon when the second application icon is selected.
In some embodiments, moving focus to an editable second application icon in response to at least one operation of moving focus of the input comprises: and responding to the input operation of moving the focus, judging whether an editable application icon exists in the focus moving direction, if the editable application icon exists in the focus moving direction, determining the editable application icon closest to the first application icon as a second application icon, and moving the focus to the second application icon.
In some embodiments, the controller is further configured to: and if the editable application icons do not exist in the focus moving direction, keeping the focus on the first application icon.
In some embodiments, determining whether an editable application icon exists in the focus movement direction comprises:
when the focus moving direction is the horizontal direction, judging whether an editable application icon exists in the row of the application icon; and when the focus moving direction is the vertical direction, judging whether an editable application icon exists in the column of the application icon.
For example, referring to fig. 14, when the focus moving direction is the horizontal direction, it is determined whether an editable application icon exists in the row of the application icon 7, and if an editable application icon exists, the focus is moved to the editable application icon, in this embodiment, the application icon 5 and the application icon 8 are editable, the application icon 6 is not editable, and since the distance from the application icon 7 to the application icon 8 is smaller than the distance from the application icon 5, the focus is moved to the application icon 8, and the application icon 8 is selected. And if the editable application icon does not exist, returning the focus to the first application icon. In the present embodiment, the application icon 3 is an editable application icon.
For example, referring to fig. 15, when the focus moving direction is the vertical direction, it is determined whether an editable application icon exists in the column of the application icon 7, and if an editable application icon exists, the focus is moved to the editable application icon, in this embodiment, the application icon 3 is editable, and the application icon 11 is not editable, so that the focus is moved to the application icon 3, and the application icon 3 is selected. If there is no editable application icon, the focus is returned to the first application icon. In the present embodiment, the application icon 3 is an editable application icon.
In some embodiments, when the focus moving direction is a horizontal direction, determining whether an editable application icon exists in the row of the application icon further includes: judging whether the line of the first application icon is a first line or a last line, if the line of the first application icon is the first line or the last line, judging whether the editable application icon exists in the line, if not, judging whether the editable application icon exists in an adjacent line of the first application icon until the editable application icon exists, and moving the focus to the editable application icon.
In some embodiments, when the focus moving direction is a vertical direction, determining whether an editable application icon exists in the column of the application icon further includes: judging whether the column of the first application icon is a first column or a last column, if the column of the first application icon is the first column or the last column, judging whether an editable application icon exists in the column, if not, judging whether an editable application icon exists in an adjacent column of the first application icon until the editable application icon exists, and moving the focus to the editable application icon.
In order to solve the above problems, the present application provides a method for displaying an application icon, and fig. 15 is a flowchart illustrating a method for displaying an application icon according to an exemplary embodiment of the present application;
as shown in fig. 16, the method may be performed by a controller, and the method includes the following steps, but is not limited thereto.
S100: presenting an application panel interface for presenting a plurality of application icons, at least one of the plurality of application icons being editable.
S110: and responding to an editing state activating instruction input in the application panel interface by a user, and displaying an application editing interface which is the application panel interface in an editing state.
S120: and receiving the moving operation of the editable first application icon input in the application editing interface, and acquiring an initial position and a target position corresponding to the moving operation.
S130: and generating an animation according to the initial position and the target position, wherein the animation is used for showing that the first application icon moves from the initial position to the target position.
S140: and playing the animation.
S150: and when the animation playing is finished, displaying the first application icon at the target position.
In a specific implementation manner, the present invention further provides a computer storage medium, where the computer storage medium may store a program, and when the program is executed, the program may include some or all of the steps in each embodiment of the method for displaying quantity of extended media assets provided by the present invention. The storage medium may be a magnetic disk, an optical disk, a read-only memory (ROM), a Random Access Memory (RAM), or the like.
Finally, it should be noted that: the above embodiments are only used for illustrating the technical solutions of the present application, and not for limiting the same; although the present application has been described in detail with reference to the foregoing embodiments, it should be understood by those of ordinary skill in the art that: the technical solutions described in the foregoing embodiments may still be modified, or some or all of the technical features may be equivalently replaced; and the modifications or the substitutions do not make the essence of the corresponding technical solutions depart from the scope of the technical solutions of the embodiments of the present application.
The foregoing description, for purposes of explanation, has been presented in conjunction with specific embodiments. However, the illustrative discussions above are not intended to be exhaustive or to limit the embodiments to the precise forms disclosed above. Many modifications and variations are possible in light of the above teaching. The embodiments were chosen and described in order to best explain the principles and the practical application, to thereby enable others skilled in the art to best utilize the embodiments and various embodiments with various modifications as are suited to the particular use contemplated.
Claims (10)
1. A display device, comprising:
a display for displaying a user interface;
a controller configured to:
presenting an application panel interface for presenting a plurality of application icons, at least one of the plurality of application icons being editable;
responding to an editing state activation instruction input in the application panel interface by a user, and displaying an application editing interface which is the application panel interface in an editing state;
receiving a moving operation of an editable first application icon input in the application editing interface, and acquiring an initial position and a target position corresponding to the moving operation;
generating an animation according to the initial position and the target position, wherein the animation is used for showing that the first application icon moves from the initial position to the target position;
playing the animation;
and when the animation playing is finished, displaying the first application icon at the target position.
2. The display device of claim 1, wherein generating an animation from the initial position and the target position comprises:
calculating attribute difference values in the horizontal direction and the vertical direction according to the initial position and the target position;
generating a moving path of the first application icon according to the attribute difference value;
moving a first application icon from the initial position to the target position according to the moving path of the first application icon;
generating an animation according to the moving process of the first application icon;
returning the first application icon to the initial position.
3. The display device according to claim 2, further comprising:
judging whether a second application icon is displayed at the target position;
and if the target position shows a second application icon, when the animation playing is finished, showing the second application icon at the initial position.
4. The display device according to claim 3, wherein if the target position shows a second application icon, generating an animation according to the initial position and the target position, further comprising:
generating a moving path of a second application icon according to the attribute difference value;
moving a second application icon from the target position to the initial position according to the moving path of the second application icon;
generating an animation according to the moving path of the first application icon and the moving path of the second application icon, so that the animation is used for showing the process of interchanging the positions of the first application icon and the second application icon;
returning the second application icon to the target location.
5. The display device according to claim 4, wherein receiving a move operation on an editable first application icon input in the application editing interface comprises:
when the first application icon is selected, receiving input selection operation of the first application icon;
in response to at least one input operation of moving the focus, moving the focus to an editable second application icon to enable the second application icon to be selected;
when the second application icon is selected, receiving input selection operation of the second application icon.
6. The display device according to claim 5, wherein the moving of the focus to the editable second application icon in response to the input of at least one operation of moving the focus comprises:
responding to the input operation of moving the focus, and judging whether an editable application icon exists in the focus moving direction;
and if the editable application icon exists in the focus moving direction, determining the editable application icon closest to the first application icon as the second application icon, and moving the focus to the second application icon.
7. The display device according to claim 6, wherein the determining whether an editable second application icon exists in the focus moving direction includes:
when the focus moving direction is the horizontal direction, judging whether an editable application icon exists in the row of the first application icon; and when the focus moving direction is the vertical direction, judging whether an editable application icon exists in the column of the first application icon.
8. The device of claim 7, wherein determining whether an editable application icon exists in a column or a row of the first application icon comprises:
acquiring a mark bit attribute value of the application icon on the column or the row of the first application icon;
judging whether the attribute value is a first numerical value or a second numerical value;
if the attribute value is a first numerical value, the application icon can be edited;
and if the attribute value is the second numerical value, the application icon cannot be edited.
9. The display device of claim 6, wherein the controller is further configured to:
and if no editable application icon exists in the focus moving direction, keeping the focus on the first application icon.
10. A display method of an application icon is characterized by comprising the following steps:
presenting an application panel interface for presenting a plurality of application icons, at least one of the plurality of application icons being editable;
responding to an editing state activation instruction input in the application panel interface by a user, and displaying an application editing interface which is the application panel interface in an editing state;
receiving a moving operation of an editable first application icon input in the application editing interface, and acquiring an initial position and a target position corresponding to the moving operation;
generating an animation according to the initial position and the target position, wherein the animation is used for showing that the first application icon moves from the initial position to the target position;
playing the animation;
and when the animation playing is finished, displaying the first application icon at the target position.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110794418.4A CN113535019A (en) | 2021-07-14 | 2021-07-14 | Display device and display method of application icons |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110794418.4A CN113535019A (en) | 2021-07-14 | 2021-07-14 | Display device and display method of application icons |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113535019A true CN113535019A (en) | 2021-10-22 |
Family
ID=78099041
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110794418.4A Pending CN113535019A (en) | 2021-07-14 | 2021-07-14 | Display device and display method of application icons |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113535019A (en) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114938467A (en) * | 2022-04-19 | 2022-08-23 | 海信视像科技股份有限公司 | Display apparatus and display apparatus control method |
| CN116521043A (en) * | 2022-09-01 | 2023-08-01 | 苏州浩辰软件股份有限公司 | Method, system and computer program product for quick response of drawing |
| CN116680019A (en) * | 2022-10-26 | 2023-09-01 | 荣耀终端有限公司 | Screen icon moving method, electronic equipment, storage medium and program product |
| CN116700813A (en) * | 2022-09-30 | 2023-09-05 | 荣耀终端有限公司 | Method for loading widget, electronic device and readable storage medium |
| CN116700813B (en) * | 2022-09-30 | 2024-05-24 | 荣耀终端有限公司 | Method for loading widget, electronic device and readable storage medium |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109254706A (en) * | 2018-08-16 | 2019-01-22 | 青岛海信电器股份有限公司 | A kind of application program image target location regulation method and display terminal |
| CN109981878A (en) * | 2017-12-28 | 2019-07-05 | 华为终端有限公司 | A kind of method and device of management of icons |
| CN111399716A (en) * | 2020-03-16 | 2020-07-10 | 维沃移动通信有限公司 | Icon position adjusting method and electronic equipment |
| WO2021114560A1 (en) * | 2019-12-12 | 2021-06-17 | 青岛海信传媒网络技术有限公司 | Prompt display method and display device |
-
2021
- 2021-07-14 CN CN202110794418.4A patent/CN113535019A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109981878A (en) * | 2017-12-28 | 2019-07-05 | 华为终端有限公司 | A kind of method and device of management of icons |
| CN109254706A (en) * | 2018-08-16 | 2019-01-22 | 青岛海信电器股份有限公司 | A kind of application program image target location regulation method and display terminal |
| WO2021114560A1 (en) * | 2019-12-12 | 2021-06-17 | 青岛海信传媒网络技术有限公司 | Prompt display method and display device |
| CN111399716A (en) * | 2020-03-16 | 2020-07-10 | 维沃移动通信有限公司 | Icon position adjusting method and electronic equipment |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114938467A (en) * | 2022-04-19 | 2022-08-23 | 海信视像科技股份有限公司 | Display apparatus and display apparatus control method |
| CN116521043A (en) * | 2022-09-01 | 2023-08-01 | 苏州浩辰软件股份有限公司 | Method, system and computer program product for quick response of drawing |
| CN116521043B (en) * | 2022-09-01 | 2023-12-22 | 苏州浩辰软件股份有限公司 | Method, system and computer program product for quick response of drawing |
| CN116700813A (en) * | 2022-09-30 | 2023-09-05 | 荣耀终端有限公司 | Method for loading widget, electronic device and readable storage medium |
| CN116700813B (en) * | 2022-09-30 | 2024-05-24 | 荣耀终端有限公司 | Method for loading widget, electronic device and readable storage medium |
| CN116680019A (en) * | 2022-10-26 | 2023-09-01 | 荣耀终端有限公司 | Screen icon moving method, electronic equipment, storage medium and program product |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN113535019A (en) | Display device and display method of application icons | |
| CN112667184A (en) | Display device | |
| CN112653906B (en) | Video hot spot playing method on display equipment and display equipment | |
| CN112601117B (en) | Display device and content presentation method | |
| CN113014939A (en) | Display device and playing method | |
| CN113630649A (en) | Display device and video playing progress adjusting method | |
| WO2022161401A1 (en) | Screen-projection data processing method and display device | |
| CN113360066B (en) | Display device and file display method | |
| CN113490032A (en) | Display device and medium resource display method | |
| CN112733050A (en) | Display method of search results on display device and display device | |
| CN113111214A (en) | Display method and display equipment for playing records | |
| CN114302204A (en) | Split-screen playing method and display device | |
| CN113163258A (en) | Channel switching method and display device | |
| CN113453069B (en) | Display device and thumbnail generation method | |
| CN112911371B (en) | Dual-channel video resource playing method and display equipment | |
| CN113784203A (en) | Display device and channel switching method | |
| CN113490030A (en) | Display device and channel information display method | |
| CN113573112A (en) | Display device and remote controller | |
| CN113596559A (en) | Method for displaying information in information bar and display equipment | |
| CN112367550A (en) | Method for realizing multi-title dynamic display of media asset list and display equipment | |
| CN113766164B (en) | Display equipment and signal source interface display method | |
| CN112799576B (en) | Virtual mouse moving method and display device | |
| CN115086771B (en) | Video recommendation media asset display method, display equipment and server | |
| CN113190144B (en) | Method for setting focus on display page and display device | |
| CN112799576A (en) | Virtual mouse moving method and display device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |