CN108762618B - Control display method and device - Google Patents
Control display method and device Download PDFInfo
- Publication number
- CN108762618B CN108762618B CN201810558180.3A CN201810558180A CN108762618B CN 108762618 B CN108762618 B CN 108762618B CN 201810558180 A CN201810558180 A CN 201810558180A CN 108762618 B CN108762618 B CN 108762618B
- Authority
- CN
- China
- Prior art keywords
- control
- focus
- user
- length
- area occupied
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 71
- 238000009877 rendering Methods 0.000 claims abstract description 38
- 230000008569 process Effects 0.000 claims description 33
- 230000008859 change Effects 0.000 claims description 15
- 238000004043 dyeing Methods 0.000 claims description 14
- 238000010586 diagram Methods 0.000 description 16
- 230000009467 reduction Effects 0.000 description 4
- 238000010924 continuous production Methods 0.000 description 3
- 230000003247 decreasing effect Effects 0.000 description 3
- 238000003825 pressing Methods 0.000 description 3
- 230000001960 triggered effect Effects 0.000 description 3
- 230000009286 beneficial effect Effects 0.000 description 2
- 239000003086 colorant Substances 0.000 description 2
- 238000004590 computer program Methods 0.000 description 2
- 230000035772 mutation Effects 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 230000000694 effects Effects 0.000 description 1
- 230000009191 jumping Effects 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 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/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
-
- 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/0482—Interaction with lists of selectable items, e.g. menus
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
- H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- User Interface Of Digital Computer (AREA)
- Navigation (AREA)
- Telephone Function (AREA)
Abstract
The embodiment of the invention provides a control display method and a control display device, wherein the method comprises the following steps: when the focus is positioned on a first control in the navigation bar, receiving a first focus moving instruction input by a user; when the focus is located at the first control, the area occupied by the user-defined control covers the area occupied by the first control, the layer where the user-defined control is located below the layer where the first control is located, and the user-defined control is provided with a first preset rendering color and is empty in content; determining a second control to which the focus needs to be moved according to the first control and the first focus moving instruction; and moving the focus from the first control to the second control, and moving the user-defined control from the position of the first control to the position of the second control, so that the area occupied by the user-defined control covers the area occupied by the second control, and the layer where the user-defined control is located is positioned below the layer where the second control is located. The method and the device are used for improving the continuity of focus movement and further improving user experience.
Description
Technical Field
The embodiment of the invention relates to the technical field of computers, in particular to a control display method and device.
Background
A navigation bar is generally included in a user interface displayed by a terminal device (a television, a computer, or the like). Navigation bars typically include a plurality of controls, each of which typically displays different textual information. The focus may be located on any one of the controls of the navigation bar and the focus may be moved on an adjacent control in the navigation bar.
In the prior art, the control at which the focus is located is typically highlighted by the font size and color of the text in the control. Specifically, when the focus is located on the first control of the navigation bar, the font size of the text in the first control is larger, and the color of the text in the first control is different from the color of the text in the other controls. And when the focus moves from the first control to the adjacent second control in the navigation bar, restoring the font size of the text in the first control to the default font size and restoring the font color to the default color, and simultaneously increasing the font size of the text in the second control and changing the color of the text in the second control.
However, when the focus moves from the first control to the second control in the navigation bar, the appearance of the content displayed by the first control and the appearance of the content displayed by the second control both change suddenly, so that the focus generates a jumping visual effect during the movement, the continuity of the movement of the focus is poor, and the user experience is poor.
Disclosure of Invention
The embodiment of the invention provides a control display method and device, which improve the continuity of focus movement and further improve user experience.
In a first aspect, an embodiment of the present invention provides a control display method, including:
receiving a first focus moving instruction input by a user when a focus is positioned in a first control in a navigation bar, wherein the first focus moving instruction is used for indicating that the focus is moved in the control of the navigation bar; when the focus is located on the first control, covering the area occupied by the first control with the area occupied by the user-defined control, locating the layer where the user-defined control is located below the layer where the first control is located, wherein the user-defined control has first preset rendering dyeing and the content is empty;
determining a second control to which the focus needs to be moved according to the first control and the first focus moving instruction;
and moving the focus from the first control to the second control, and moving the user-defined control from the position of the first control to the position of the second control, so that the area occupied by the user-defined control covers the area occupied by the second control, and the layer where the user-defined control is located below the layer where the second control is located.
In a possible implementation manner, a time length consumed for moving the focus from the first control to the second control is equal to a time length consumed for moving the custom control from the position where the first control is located to the position where the second control is located, so that the focus and the custom control are simultaneously moved to the second control.
In another possible implementation manner, when the focus is located in the first control, the area occupied by the custom control coincides with the area occupied by the first control;
the moving the user-defined control from the position of the first control to the position of the second control to enable the area occupied by the user-defined control to cover the area occupied by the second control includes:
acquiring the length of the first control and the length of the second control;
and moving the user-defined control from the position of the first control to the position of the second control according to the length of the first control and the length of the second control, so that the area occupied by the user-defined control is overlapped with the area occupied by the second control.
In another possible implementation manner, moving the user-defined control from the position where the first control is located to the position where the second control is located according to the length of the first control and the length of the second control, so that the area occupied by the user-defined control coincides with the area occupied by the second control, includes:
determining a movement duration required for a focus to move from the first control to the second control;
determining the gradual change rate of the length of the user-defined control according to the length of the first control, the length of the second control and the moving duration;
and in the process that the user-defined control moves from the position of the first control to the position of the second control, adjusting the length of the user-defined control according to the gradual change rate until the area occupied by the user-defined control coincides with the area occupied by the second control when the user-defined control moves to the position of the second control.
In another possible embodiment, the method further comprises:
when the focus is located on a third control in the navigation bar, receiving a second focus moving instruction input by a user, wherein the second focus moving instruction is used for indicating that the focus is moved from the third control to other controls in a user interface, when the focus is located on the third control, the area occupied by the user-defined control covers the area occupied by the third control, and the layer where the user-defined control is located below the layer where the third control is located;
canceling the display of the custom control;
redrawing the third control so that an underline with a preset color is arranged below the text in the third control, wherein the control with the underline with the preset color below the text is a control to which a third focus moving instruction indicates that the focus needs to be moved, and the third focus moving instruction is used for indicating that the focus is moved from a control outside the navigation bar to a control in the navigation bar.
In another possible embodiment, the method further comprises:
receiving the third focus moving instruction input by a user when a focus is positioned on a control in the user interface except the navigation bar;
determining a fourth control in the navigation bar, wherein an underline of the preset color is arranged below text in the fourth control;
redrawing the fourth control to cancel displaying the underline below text in the fourth control;
and displaying the custom control at the position of the fourth control so that the area occupied by the custom control covers the area occupied by the fourth control, and the layer where the custom control is located is positioned below the layer where the fourth control is located.
In another possible embodiment, the method further comprises:
when a focus is located on a fifth control of an icon bar, receiving a fourth focus moving instruction input by a user on the icon bar, wherein the fourth focus moving instruction is used for indicating that the focus is moved in the control of the icon bar, when the focus is located on the fifth control, rendering dyeing of the fifth control is a second preset rendering dyeing, and text information corresponding to the fifth control is displayed in the fifth control;
determining a sixth control to which a focus needs to be moved in the icon bar according to the fifth control and the fourth focus moving instruction;
gradually reducing the length of the fifth control until the length of the fifth control is reduced to the length of the icon corresponding to the fifth control, setting the text information corresponding to the fifth control to be in a hidden state, and canceling the display of the second preset rendering dye, so that the fifth control displays the corresponding icon;
setting the rendering color of the sixth control as the second preset rendering color, setting the text information corresponding to the sixth control as a display state, and gradually increasing the length of the sixth control until the length of the sixth control is equal to the text information corresponding to the sixth control and the length corresponding to the icon, so that the sixth control displays the corresponding icon and text information.
In a second aspect, an embodiment of the present invention provides a control display apparatus, including a receiving module, a moving module of a determining module, where,
the receiving module is used for receiving a first focus moving instruction input by a user when a focus is positioned in a first control in the navigation bar, wherein the first focus moving instruction is used for indicating that the focus is moved in the control of the navigation bar; when the focus is located on the first control, covering the area occupied by the first control with the area occupied by the user-defined control, locating the layer where the user-defined control is located below the layer where the first control is located, wherein the user-defined control has first preset rendering dyeing and the content is empty;
the determining module is used for determining a second control to which the focus needs to be moved according to the first control and the first focus moving instruction;
the moving module is used for moving the focus from the first control to the second control and moving the user-defined control from the position of the first control to the position of the second control, so that the area occupied by the user-defined control covers the area occupied by the second control, and the layer where the user-defined control is located below the layer where the second control is located.
In a possible implementation manner, a time length consumed for moving the focus from the first control to the second control is equal to a time length consumed for moving the custom control from the position where the first control is located to the position where the second control is located, so that the focus and the custom control are simultaneously moved to the second control.
In another possible implementation manner, when the focus is located in the first control, the area occupied by the custom control coincides with the area occupied by the first control; the moving module is specifically configured to:
acquiring the length of the first control and the length of the second control;
and moving the user-defined control from the position of the first control to the position of the second control according to the length of the first control and the length of the second control, so that the area occupied by the user-defined control is overlapped with the area occupied by the second control.
In another possible implementation, the moving module is specifically configured to:
determining a movement duration required for a focus to move from the first control to the second control;
determining the gradual change rate of the length of the user-defined control according to the length of the first control, the length of the second control and the moving duration;
and in the process that the user-defined control moves from the position of the first control to the position of the second control, adjusting the length of the user-defined control according to the gradual change rate until the area occupied by the user-defined control coincides with the area occupied by the second control when the user-defined control moves to the position of the second control.
In another possible embodiment, the apparatus further comprises a display module and a redrawing module, wherein,
the receiving module is further configured to receive a second focus moving instruction input by a user when a focus is located on a third control in the navigation bar, where the second focus moving instruction is used to instruct to move the focus from the third control to another control in the user interface, and when the focus is located on the third control, the area occupied by the user-defined control covers the area occupied by the third control, and the layer where the user-defined control is located below the layer where the third control is located;
the display module is used for canceling the display of the user-defined control;
the redrawing module is configured to redraw the third control, so that an underline with a preset color is arranged below a text in the third control, where the control with the underline with the preset color below the text indicates a control to which a focus needs to be moved for a third focus moving instruction, and the third focus moving instruction is used to indicate that the focus is moved from a control outside the navigation bar to the control in the navigation bar.
In another possible embodiment, the receiving module is further configured to receive, when a focus is located on a control in the user interface other than the navigation bar, the third focus moving instruction input by the user;
the determination module is further configured to determine a fourth control in the navigation bar, where an underline of the preset color is located below text in the fourth control;
the redraw module is further to redraw the fourth control to cancel displaying the underline below text in the fourth control;
the display module is further used for displaying the custom control at the position of the fourth control, so that the area occupied by the custom control covers the area occupied by the fourth control, and the layer where the custom control is located below the layer where the fourth control is located.
In another possible embodiment, the receiving module is further configured to receive, when a focus is located in a fifth control of the icon bar, a fourth focus movement instruction input by a user in the icon bar, where the fourth focus movement instruction is used to instruct to move the focus in the control of the icon bar, when the focus is located in the fifth control, the rendered color of the fifth control is a second preset rendered color, and text information corresponding to the fifth control is displayed in the fifth control;
the determining module is further configured to determine, according to the fifth control and the fourth focus moving instruction, a sixth control to which a focus needs to be moved in the icon bar;
the display module is further configured to gradually reduce the length of the fifth control until the length of the fifth control is reduced to the length of the icon corresponding to the fifth control, set text information corresponding to the fifth control to a hidden state, and cancel displaying the second preset rendering dye, so that the fifth control displays the corresponding icon;
the display module is further configured to set a rendering color of the sixth control to the second preset rendering color, set text information corresponding to the sixth control to a display state, and gradually increase the length of the sixth control until the length of the sixth control is equal to the length of the text information and the icon corresponding to the sixth control, so that the sixth control displays the corresponding icon and text information.
In a third aspect, an embodiment of the present invention provides a terminal device, including: a processor coupled with a memory;
the memory is used for storing a computer program;
the processor is configured to execute the computer program stored in the memory, so that the boot screen dotting device executes the method of any one of the first aspect.
In a fourth aspect, an embodiment of the present invention provides a readable storage medium, which includes a program or instructions, and when the program or instructions are run on a computer, the method according to any one of the first aspect is performed.
According to the control display method and device provided by the embodiment of the invention, when the focus is located on the first control in the navigation bar, the user-defined control is located at the position of the first control, so that the first control is highlighted through the first control. When the focus is located on a first control in the navigation bar, receiving a first focus moving instruction input by a user, determining a second control to which the focus needs to be moved according to the first control and the first focus moving instruction, moving the focus from the first control to the second control, and moving the user-defined control from the position of the first control to the position of the second control so as to cancel the highlighting of the first control, and highlighting the second control through the user-defined control. In the process that the focus moves from the first control to the second control, the user-defined control continuously moves to highlight the control where the focus is located, so that sudden changes of appearances of the first control and the second control are avoided, the continuity of focus movement is improved, and user experience is further improved.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings needed to be used in the description of the embodiments or the prior art will be briefly introduced below, and it is obvious that the drawings in the following description are some embodiments of the present invention, and for those skilled in the art, other drawings can be obtained according to these drawings without creative efforts.
Fig. 1 is a user interface diagram of a control display method according to an embodiment of the present invention;
fig. 2 is a first flowchart illustrating a control display method according to an embodiment of the present invention;
fig. 3 is a first schematic diagram of a user-defined control moving process provided in the embodiment of the present invention;
FIG. 4 is a flow chart illustrating the movement of a custom control according to an embodiment of the present invention;
fig. 5 is a schematic diagram of a user-defined control moving process provided in the embodiment of the present invention;
fig. 6 is a flowchart illustrating a control display method according to a second embodiment of the present invention;
fig. 7 is a third flowchart illustrating a control display method according to an embodiment of the present invention;
FIG. 8 is a first diagram illustrating a focus shifting process according to an embodiment of the present invention;
fig. 9 is a fourth flowchart illustrating a control display manner according to an embodiment of the present invention;
FIG. 10 is a second schematic diagram illustrating a focus shifting process according to an embodiment of the present invention;
fig. 11 is a first schematic structural diagram of a control display device according to an embodiment of the present invention;
fig. 12 is a schematic structural diagram of a control display device according to an embodiment of the present invention.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present invention clearer, the technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are some, but not all, embodiments of the present invention. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
Fig. 1 is a user interface diagram of a control display method according to an embodiment of the present invention. Referring to fig. 1, there are included a search icon 101, an icon bar 102, a navigation bar 103-1, a navigation bar 103-2, and a detail bar 104. Wherein, the user can search for contents to be viewed through the search icon 101. The icon bar 102 includes a plurality of icons, each icon corresponding to an independent control. The navigation bar 103 includes a plurality of texts, and each text corresponds to a separate control. The details bar 104 includes a plurality of detailed interface information.
In the application, the control where the focus is located in the navigation bar is highlighted through the custom control, and the custom control has a first preset rendering color and is empty in content. Specifically, when the focus is located on one control of the navigation bar, the user-defined control is located at the position of the control, and the layer where the control is located below the layer where the control is located, so that text display in the control where the focus is located in the navigation bar is not affected, and the control where the focus is located can be highlighted. And when the focus is moved from the first control to the second control of the navigation bar, continuously moving the user-defined control from the position of the first control to the position of the second control so as to cancel the highlighting of the first control and highlight the second control. In the process that the focus moves from the first control to the second control, the user-defined control continuously moves to highlight the control where the focus is located, so that sudden changes of appearances of the first control and the second control are avoided, the continuity of focus movement is improved, and user experience is further improved.
It should be noted that fig. 1 illustrates a user interface diagram by way of example only, and is not limited to the user interface diagram. Of course, in an actual application process, the technical solution shown in the present application may also be applied to other user interface diagrams, and this is not specifically limited in this embodiment of the present invention.
The technical means shown in the present application will be described in detail below with reference to specific examples. It should be noted that the following embodiments may be combined with each other, and the description of the same or similar contents in different embodiments is not repeated.
Fig. 2 is a first flowchart illustrating a control display method according to an embodiment of the present invention. Referring to fig. 2, the method may include:
s201, when the focus is located in a first control of the navigation bar, receiving a first focus moving instruction input by a user, wherein the first focus moving instruction is used for indicating that the focus is moved in the control of the navigation bar.
When the focus is located on the first control, the area occupied by the user-defined control covers the area occupied by the first control, the layer where the user-defined control is located below the layer where the first control is located, and the user-defined control is provided with first preset rendering dyeing and is empty in content.
The execution main body of the embodiment of the invention can be terminal equipment, and can also be a control display device arranged in the terminal equipment. Alternatively, the control display device may be implemented by software, or may be implemented by a combination of software and hardware.
Optionally, the navigation bar includes a plurality of controls, and each control may display text information, or each control may display text information and an icon.
Alternatively, the user may input the first focus movement instruction through a remote control device.
For example, when the controls in the navigation bar are arranged laterally (as shown in the navigation bar 103-1 in fig. 1), the user may click on the "left" and "right" buttons in the remote control device to input the first focus movement instruction. When the user clicks a left key in the remote control device, the first focus moving instruction is used for instructing to move the focus to the left. When the user clicks a right key in the remote control device, the first focus moving instruction is used for instructing to move the focus to the right.
For example, when the controls in the navigation bar are arranged laterally (as shown in the navigation bar 103-2 in fig. 1), the user may click on the "up" and "down" buttons in the remote control device to implement the input of the first focus movement instruction. When the user clicks an up button in the remote control device, the first focus movement instruction is used to instruct to move the focus upward. When the user clicks a down key in the remote control device, the first focus movement instruction is used to instruct to move the focus downward.
Optionally, the first focus movement instruction indicates that the number of times of focus movement is related to an operation input by a user, for example, the number of times of focus movement indicated by the first focus movement instruction is related to a pressing duration of a key by the user, and when the pressing duration of the "down" key by the user is in a first duration range, the number of times of focus movement indicated by the first focus movement instruction is 1, that is, the first focus movement instruction indicates that the focus moves to a control next to the control where the current focus is located. When the pressing duration of the user on the down key is within the second duration range, the first focus moving instruction indicates that the number of times of focus movement is 2, that is, the first focus moving instruction indicates that the focus moves to the next two controls of the control where the current focus is located.
Optionally, the shape of the custom control may be a rectangle, a rounded rectangle, an ellipse, or the like. In an actual application process, the shape of the definition control may be set according to actual needs, which is not specifically limited in the embodiment of the present invention.
Optionally, the length of the custom control may be a fixed length. In this case, the length of the custom control can be equal to the length of the control with the largest length in the navigation bar, and at this time, the area occupied by the control with the focus is located in the area occupied by the custom control, and the area occupied by the control with the focus is smaller than or equal to the area occupied by the custom control.
Optionally, the length of the custom control can also be variable. In this case, the length of the customized control can be equal to the length of the control where the focus is located in the navigation bar, and at this time, the area occupied by the customized control coincides with the area occupied by the control where the focus is located.
Optionally, the first preset rendering color of the custom control is different from the background color of the user interface and different from the color of the text in the control in the navigation bar, so that the control with the focus can be highlighted through the custom control. In order to highlight the control at which the focus is located and the text in the control, a color difference between the first preset rendered color and a background color of the user interface may be increased, and a color difference between the first preset rendered color and a color of the text in the control may be increased.
Optionally, when the focus is located in the first control, the area occupied by the custom control may coincide with the area occupied by the first control, or the area occupied by the first control is located in the area occupied by the custom control, and the area occupied by the first control is smaller than the area occupied by the custom control.
S202, determining a second control to which the focus needs to be moved according to the first control and the first focus moving instruction.
For example, referring to fig. 1, when the first control is a control corresponding to a "channel", and the first focus movement instruction is used to indicate that the focus is moved right once, the second control is "movie".
S203, moving the focus from the first control to the second control, and moving the user-defined control from the position of the first control to the position of the second control, so that the area occupied by the user-defined control covers the area occupied by the second control, and the layer where the user-defined control is located below the layer where the second control is located.
Optionally, the focus is moved from the first control to the second control, and the user-defined control is moved from the position of the first control to the position of the second control at the same time.
Optionally, the time length consumed for moving the focus from the first control to the second control is equal to the time length consumed for moving the custom control from the position of the first control to the position of the second control, so that the focus and the custom control are moved to the second control at the same time.
After the user-defined control is moved from the position where the first control is located to the position where the second control is located, the first control is not highlighted, and the second control is highlighted.
Optionally, in order to further highlight the control at the focus, the font of the text in the control at the focus may be increased, and/or the text in the control at the focus may be bolded.
It should be noted that, if the font size and/or the color of the text in the control where the focus is located changes, when the focus is moved from the first control to the second control, the font size and/or the color of the text in the first control is restored to the default state, and the font size and/or the color of the text in the second control is changed by a preset value.
According to the control display method provided by the embodiment of the invention, when the focus is located on the first control in the navigation bar, the user-defined control is located at the position of the first control, so that the first control is highlighted through the first control. When the focus is located on a first control in the navigation bar, receiving a first focus moving instruction input by a user, determining a second control to which the focus needs to be moved according to the first control and the first focus moving instruction, moving the focus from the first control to the second control, and moving the user-defined control from the position of the first control to the position of the second control so as to cancel the highlighting of the first control, and highlighting the second control through the user-defined control. In the process that the focus moves from the first control to the second control, the user-defined control continuously moves to highlight the control where the focus is located, so that sudden changes of appearances of the first control and the second control are avoided, the continuity of focus movement is improved, and user experience is further improved.
In the actual application process, the length of the custom control may be a fixed length or a variable length, and the moving manners of the custom control are different under the two different situations, which will be described in detail below with the embodiments shown in fig. 3 to 5.
Fig. 3 is a first schematic diagram of a user-defined control moving process provided in the embodiment of the present invention. In the embodiment shown in FIG. 3, the length of the custom control is a fixed length, and the length of the custom control is equal to the length of the longest control in the navigation bar.
Referring to fig. 3, which includes an interface 301-an interface 304, and the navigation bar is shown as an area a (hereinafter referred to as the navigation bar a), the rendering of the custom control is gray, and the content in the custom control is empty. And then, assuming that the length of the longest control in the navigation bar A is the length occupied by the three characters, namely, the 'waterfall flow' control is the longest control in the navigation bar.
When the focus is located in the "waterfall flow" control (first control), please refer to the interface 301, the area occupied by the custom control coincides with the area occupied by the "waterfall flow" control, and the layer where the custom control is located below the layer where the "waterfall flow" control is located, so that the "waterfall flow" control is highlighted through the custom control.
When a user clicks a down key in the remote control device once, a first focus moving instruction is triggered, and the first focus moving instruction is used for indicating that a focus is moved downwards once in a control of the navigation bar. The terminal device determines that the second control (the control to which the focus needs to be moved) is the "subject" control according to the first control (the "waterfall flow" control) and the first focus moving instruction (the focus is moved downward once), and then the terminal device starts to move the focus from the "waterfall flow" control to the "subject" control, and the specific process refers to the interface 302-the interface 304.
Referring to interfaces 302-304, the custom control moves continuously from the waterfall flow control to the topic control. It should be noted that the interfaces 302-304 are only individual frames in which the customized control moves from the "waterfall flow" control to the "topic" control, and the sliding of the customized control is a continuous process in the actual application process.
And when the user-defined control moves from the waterfall flow control to the thematic control, the focus moves from the waterfall flow control to the thematic control. When the focus moves to the "topic" control, the custom control just moves to the "topic" control, and the "topic" control is highlighted (as shown in interface 304).
In the embodiment shown in fig. 3, the user-defined control continuously moves from the waterfall flow control to the thematic control, so that appearance mutation of the waterfall flow control and the thematic control is avoided, continuity of focus movement is improved, and user experience is further improved.
Fig. 4 is a flowchart of moving a custom control according to an embodiment of the present invention. In the embodiment shown in FIG. 4, the length of the custom control is equal to the length of the control at which the focus is located. Referring to fig. 4, the method may include:
s401, obtaining the length of the first control and the length of the second control.
S402, determining the moving time length required by the movement of the focus from the first control to the second control.
Optionally, the moving duration may be a preset duration.
Optionally, the moving speed of the focus may be a preset speed, correspondingly, the distance between the first control and the second control may be obtained, and the moving duration required for the focus to move from the first control to the second control is calculated according to the distance between the first control and the second control and the preset speed.
And S403, determining the gradual change rate of the length of the user-defined control according to the length of the first control, the length of the second control and the moving time length.
Optionally, a difference between the length of the first control and the length of the second control may be obtained, and the rate of gradual change of the length of the custom control is determined according to the difference and the movement duration.
For example, the length of the first control may be subtracted from the length of the second control to obtain a first difference, and the first difference may be divided by the movement duration to obtain the fade rate.
Optionally, if the length of the second control is greater than the length of the first control, the gradient rate is a positive number, that is, the length of the custom control gradually becomes the side length. If the length of the second control is smaller than that of the first control, the gradual change rate is a negative number, that is, the length of the user-defined control is gradually shortened. If the length of the second control is equal to the length of the first control, the gradient rate is zero, that is, the length of the user-defined control is unchanged.
S404, in the process that the user-defined control moves from the position where the first control is located to the position where the second control is located, the length of the user-defined control is adjusted according to the gradual change rate until the area occupied by the user-defined control coincides with the area occupied by the second control when the user-defined control moves to the position where the second control is located.
Optionally, the length of the user-defined control is uniformly adjusted according to the gradient rate, so that the length of the user-defined control is uniformly changed.
In the embodiment shown in fig. 4, the length of the customized control is the same as the length of the control at the focus, that is, the area occupied by the customized control coincides with the area occupied by the control at the focus, so that the visual effect of the control at the focus can be improved when the control at the focus is highlighted by the customized control. Furthermore, in the moving process of the user-defined control, the user-defined control continuously moves, the length of the user-defined control is uniformly changed, sudden changes of the appearances of the first control and the second control are avoided, the moving continuity of the focus is improved, and user experience is improved.
The technical solution shown in the embodiment of fig. 4 will be described in detail with reference to fig. 5.
Fig. 5 is a schematic diagram of a custom control moving process provided in the embodiment of the present invention. In the embodiment shown in FIG. 5, the length of the custom control is the same as the length of the control at which the focus is located.
Referring to fig. 5, which includes an interface 501-an interface 504, and the navigation bar is shown as an area a (hereinafter referred to as the navigation bar a), the rendering of the custom control is gray, and the content in the custom control is empty.
When the focus is located in the "waterfall flow" control (first control), please refer to the interface 501, the area occupied by the custom control coincides with the area occupied by the "waterfall flow" control, and the layer where the custom control is located below the layer where the "waterfall flow" control is located, so that the "waterfall flow" control is highlighted through the custom control.
When a user clicks a down key in the remote control device once, a first focus moving instruction is triggered, and the first focus moving instruction is used for indicating that a focus is moved downwards once in a control of the navigation bar. The terminal device determines the second control (control to move the focus to) as a "topic" control according to the first control (the "waterfall flow" control) and the first focus moving instruction (moving the focus downward once), determines the gradual change rate of the length of the user-defined control, and starts to move the focus from the "waterfall flow" control to the "topic" control, and please refer to the interface 502-the interface 504 in the specific process.
Referring to the interface 502-the interface 504, the customized control is continuously moved from the waterfall flow control to the thematic control, and the customized control gradually becomes smaller until the length of the customized control is the same as that of the thematic control when the customized control is moved to the position of the thematic control. It should be noted that the interfaces 502-504 are only individual frames in which the customized control moves from the "waterfall flow" control to the "topic" control, and the sliding of the customized control is a continuous process in the actual application process.
And when the user-defined control moves from the waterfall flow control to the thematic control, the focus moves from the waterfall flow control to the thematic control. When the focus moves to the "topic" control, the custom control just moves to the "topic" control, and the "topic" control is highlighted (as shown in interface 504).
In the embodiment shown in fig. 5, the user-defined control continuously moves from the waterfall flow control to the thematic control, so that appearance mutation of the waterfall flow control and the thematic control is avoided, continuity of focus movement is improved, and user experience is further improved. Furthermore, when the user-defined control moves to the position of the thematic control, the length of the user-defined control is the same as that of the thematic control, and the display effect of the thematic control is improved.
On the basis of any of the above embodiments, the focus may also be moved between a control in the navigation bar and other controls in the user interface, which is explained in detail below by the embodiments shown in fig. 6-8.
Fig. 6 is a flowchart illustrating a second control display method according to an embodiment of the present invention. The process illustrated in FIG. 6 is a process in which focus is moved from a control in the navigation bar to other controls in the user interface. Referring to fig. 6, the method may include:
s601, when the focus is located on a third control in the navigation bar, receiving a second focus moving instruction input by a user, wherein the second focus moving instruction is used for indicating that the focus is moved from the third control to other controls in the user interface.
When the focus is located on the third control piece, the area occupied by the user-defined control piece covers the area occupied by the third control piece, and the layer where the user-defined control piece is located below the layer where the third control piece is located.
For example, referring to fig. 1, other controls in the user interface may be a control corresponding to search icon 101, a control in icon column 102, a control in detail column 104, and so on.
Optionally, the user may operate a key in the control device to implement inputting the second focus moving instruction.
And S602, canceling the display of the custom control.
Optionally, the state of the custom control may be set to be a hidden state, so as to cancel displaying the custom control.
After the custom control is dismissed from display, the third control is no longer highlighted.
It should be noted that, when the focus is located in the third control, if the font size and/or the color of the text in the third control is changed, the font size and/or the color of the text in the third control is restored to the default state when the user-defined control is cancelled to be displayed.
S603, redrawing the third control so that an underline with a preset color is arranged below the text in the third control.
The control with the underline in the preset color below the text is a control to which a third focus moving instruction indicates that the focus needs to be moved, and the third focus moving instruction is used for indicating that the focus is moved from a control outside the navigation bar to a control in the navigation bar.
In an actual application process, when an underline with a preset color is arranged below a text in the third control, the third control can be clearly marked, and when the focus needs to be moved to the control in the navigation bar from other controls in the user interface except the control in the navigation bar, the focus is moved to the third control, so that the focus can be quickly moved to the third control.
Optionally, by default (e.g., with the user interface open) a drop-down line of a preset color is provided under the text in the first control in the navigation bar.
For example, assuming that the user interface is the user interface shown in fig. 1, when the user interface shown in fig. 1 is opened, the focus defaults on the search icon 101, and there is a drop-down line of a preset color below the text "my" in the "my" control.
It should be noted that in the user interface shown in fig. 1, the focus is located on the "channel" control. That is, the current state of the user interface shown in FIG. 1 is not the default state.
Optionally, the preset color is different from the background color of the user interface, so that the third control can be highlighted through underlining of the preset color.
In the embodiment shown in FIG. 6, when focus is moved from the third control in the navigation bar to other controls in the user interface, the custom control is dismissed and an underline of a preset color is displayed below the text in the third control. When underlines with preset colors are arranged below the text in the third control, the third control can be clearly marked, and when the focus needs to be moved to the control in the navigation bar from other controls except the control in the navigation bar in the user interface, the focus is moved to the third control, so that the focus can be quickly moved to the third control.
Fig. 7 is a third flowchart illustrating a control display method according to an embodiment of the present invention. The process illustrated in FIG. 7 is a process in which focus is moved from other controls in the user interface to a control in the navigation bar. Referring to fig. 7, the method may include:
and S701, when the focus is positioned on a control except the navigation bar in the user interface, receiving a third focus moving instruction input by a user.
And the third focus moving instruction is used for indicating that the focus is moved from the control outside the navigation bar to the control of the navigation bar.
S702, a fourth control is determined in the navigation bar, and an underline with a preset color is arranged below the text in the fourth control.
And S703, redrawing the fourth control to cancel the display underline below the text in the fourth control.
S704, displaying the user-defined control at the position of the fourth control, so that the area occupied by the user-defined control covers the area occupied by the fourth control, and the layer where the user-defined control is located below the layer where the fourth control is located.
In the embodiment shown in fig. 7, when moving focus from other controls in the user interface to a control in the navigation bar, focus may be moved directly to the control where the text has an underline in a preset color. In this way, a fast moving focus can be achieved.
The embodiments shown in fig. 6 to 7 will be described in detail with reference to the embodiment shown in fig. 8.
Fig. 8 is a first schematic view illustrating a focus moving process according to an embodiment of the present invention. Referring to fig. 8, the interface 801-803 are included, wherein the navigation bar is shown as area B (hereinafter referred to as navigation bar B).
When the focus is located in the "channel" control of the navigation bar B, please refer to the interface 801, the area occupied by the custom control coincides with the area occupied by the "channel" control, and the layer where the custom control is located below the layer where the "channel" control is located, so that the "channel" control is highlighted through the custom control.
And when the user clicks an up key in the remote control equipment once, triggering a second focus moving instruction. And the terminal equipment cancels and displays the custom control according to the second focus moving instruction and redraws the third control so that underlines with preset colors are arranged below the text in the third control. In particular, please see interface 802.
When the user needs to move the focus to the control in the navigation bar, the user can perform one-time click operation on a 'down' key in the remote control device, and then a third focus moving instruction is triggered. And the terminal equipment determines that the control with the underline in the preset color below the text is the 'channel' control in the navigation bar according to the third focus moving instruction. The terminal equipment redraws the 'channel' control so as to cancel the display underline below the text in the 'channel' control, and displays the custom control at the position of the 'channel' control, so that the area occupied by the custom control covers the area occupied by the 'channel' control, and the layer where the custom control is located below the layer where the 'channel' control is located. See, in particular, interface 803.
In the embodiment shown in fig. 8, when the focus is on the "channel" control in the navigation bar, the area occupied by the custom control coincides with the area occupied by the "channel" control to highlight the "channel" control. And after the focus is moved to other controls from the channel control, canceling to display the custom control, displaying a downslide line with a preset color below the channel in the channel control, marking the channel control through an underline with the preset color, and directly moving the focus to the channel control when the focus needs to be moved to the control in the navigation bar again, so that the focus can be moved quickly.
On the basis of any of the above embodiments, the focus can also be moved between the controls in the icon bar, and the embodiments shown in fig. 9-10 are provided below to explain the process in detail.
Fig. 9 is a fourth flowchart illustrating a control display manner according to an embodiment of the present invention. Referring to fig. 9, the method may include:
and S901, receiving a fourth focus moving instruction input by the user in the icon bar when the focus is positioned in the fifth control of the icon bar.
And when the focus is positioned on the fifth control, rendering and dyeing of the fifth control are second preset rendering and dyeing, and text information corresponding to the fifth control is displayed in the fifth control.
For example, the icon bar may be as shown in icon bar 102 in FIG. 1.
Optionally, in the icon bar, the control at the focus may be labeled by setting the rendering color of the control to a second preset rendering color and displaying text information in the control.
Optionally, for a control in the icon bar, if the focus is not on the control, the control is not filled with the rendering dye, and the text information corresponding to the control is not displayed in the control, that is, only the icon is displayed in the control at this time.
And S902, determining a sixth control to which the focus needs to be moved in the icon bar according to the fifth control and the fourth focus moving instruction.
It should be noted that the process of S902 may refer to S202, and is not described herein again.
And S903, gradually reducing the length of the fifth control until the length of the fifth control is reduced to the length of the icon corresponding to the fifth control, setting the text information corresponding to the fifth control to be in a hidden state, and canceling displaying of the second preset rendering dyeing, so that the fifth control displays the corresponding icon.
Optionally, a duration required by the movement of the focus from the fifth control to the sixth control and a length of the text information corresponding to the fifth control may be obtained, a reduction rate of the length of the fifth control is determined according to the duration required by the movement of the focus from the fifth control to the sixth control and the length of the text information corresponding to the fifth control, and the length of the fifth control is gradually reduced according to the reduction rate.
And S904, setting the rendering color of the sixth control to be a second preset rendering color, setting the text information corresponding to the sixth control to be a display state, and gradually increasing the length of the sixth control until the length of the sixth control is equal to the text information corresponding to the sixth control and the length corresponding to the icon, so that the sixth control displays the corresponding icon and the text information.
Optionally, the increasing rate of the length of the sixth control may be determined according to the length of time required for the focus to move from the fifth control to the sixth control and the length of the text information corresponding to the sixth control, and the length of the sixth control is increased step by step according to the increasing rate.
It should be noted that S903 and S904 are executed simultaneously, and the execution speed is the same. That is, when the fifth control displays only the corresponding icon, the sixth control displays the corresponding icon and text information.
Optionally, when the control in the icon bar is located on the right side of the user interface, when the length of the control needs to be increased, the length of the control is increased to the left side. When the control in the icon bar is positioned on the left side of the user interface, the length of the control is increased towards the right side when the length of the control needs to be increased.
In the embodiment shown in FIG. 9, the appearance of the fifth control and the sixth control changes gradually as focus moves from the fifth control to the sixth control to de-highlight the fifth control and to highlight the sixth control. The appearances of the fifth control and the sixth control are gradually changed, so that sudden changes of the appearances of the fifth control and the sixth control are avoided, the continuity of focus movement is improved, and further the user experience is improved.
The embodiment shown in fig. 9 will be described in detail with reference to the embodiment shown in fig. 10.
Fig. 10 is a schematic diagram illustrating a focus moving process according to an embodiment of the present invention. Referring to fig. 10, the interface 1001-interface 1004 is included, where an icon bar is shown as an area C (hereinafter, referred to as the icon bar C for short), and it is assumed that text information corresponding to a first control in the icon bar C is "information" and text information corresponding to a second control is "connected to a mobile phone".
When the focus is not located in the control in the icon bar C, please refer to the interface 1001, the control in the icon bar C only displays the icon, and the control in the icon bar C is not filled with the rendering color.
When the focus moves to the first control in the icon bar C, please see interface 1002, the selection of the first control is colored gray and the "info" text is displayed in the first control in an incremental manner.
And when the user presses a right key in the remote control equipment, triggering a fourth focus moving instruction, and determining that the focus needs to be moved to a second control in the icon bar.
The terminal equipment determines the reduction rate of the length of the first control and the increase rate of the length of the second control, and the length of the text information corresponding to the second control is 2 times of the length of the text information corresponding to the first control, so that the increase rate of the length of the second control is 2 times of the reduction rate of the length of the first control.
Referring to the interface 1002-the interface 1004, the length of the first control is gradually decreased according to the decreasing rate of the length of the first control until the length of the first control is decreased to the length of the icon corresponding to the first control, the text information "corresponding to the first control is set to be in a hidden state, and the second preset rendering dyeing is cancelled to display the corresponding icon on the first control. And simultaneously, gradually increasing the length of the second control according to the increasing rate of the length of the second control until the length of the second control is equal to the length of the text message 'connect to the mobile phone' and the icon corresponding to the second control, so that the second control displays the corresponding icon and the text message 'connect to the mobile phone'.
It should be noted that the interfaces 1002 to 1004 are only individual frames in the process of moving the focus from the first control to the second control in the icon bar, and in the actual application process, the degrees of the first control and the second control change to a continuous process.
Fig. 11 is a first schematic structural diagram of a control display device according to an embodiment of the present invention. Referring to fig. 11, the apparatus includes a receiving module 11, a determining module 12 and a moving module 13, wherein,
the receiving module 11 is configured to receive a first focus moving instruction input by a user when a focus is located in a first control in the navigation bar, where the first focus moving instruction is used to instruct to move the focus in the control of the navigation bar; when the focus is located on the first control, covering the area occupied by the first control with the area occupied by the user-defined control, locating the layer where the user-defined control is located below the layer where the first control is located, wherein the user-defined control has first preset rendering dyeing and the content is empty;
the determining module 12 is configured to determine, according to the first control and the first focus moving instruction, a second control to which a focus needs to be moved;
the moving module 13 is configured to move the focus from the first control to the second control, and move the custom control from the position where the first control is located to the position where the second control is located, so that the area occupied by the custom control covers the area occupied by the second control, and the layer where the custom control is located below the layer where the second control is located.
The control display device provided by the embodiment of the invention can execute the technical scheme shown in the method embodiment, the implementation principle and the beneficial effect are similar, and the details are not repeated here.
In a possible implementation manner, a time length consumed for moving the focus from the first control to the second control is equal to a time length consumed for moving the custom control from the position where the first control is located to the position where the second control is located, so that the focus and the custom control are simultaneously moved to the second control.
In another possible implementation manner, when the focus is located in the first control, the area occupied by the custom control coincides with the area occupied by the first control; the moving module 13 is specifically configured to:
acquiring the length of the first control and the length of the second control;
and moving the user-defined control from the position of the first control to the position of the second control according to the length of the first control and the length of the second control, so that the area occupied by the user-defined control is overlapped with the area occupied by the second control.
In another possible implementation, the moving module 13 is specifically configured to:
determining a movement duration required for a focus to move from the first control to the second control;
determining the gradual change rate of the length of the user-defined control according to the length of the first control, the length of the second control and the moving duration;
and in the process that the user-defined control moves from the position of the first control to the position of the second control, adjusting the length of the user-defined control according to the gradual change rate until the area occupied by the user-defined control coincides with the area occupied by the second control when the user-defined control moves to the position of the second control.
Fig. 12 is a schematic structural diagram of a control display device according to an embodiment of the present invention. On the basis of the embodiment shown in fig. 11, please refer to fig. 12, the apparatus further includes a display module 14 and a redrawing module 15, wherein,
the receiving module 11 is further configured to receive a second focus moving instruction input by a user when a focus is located on a third control in the navigation bar, where the second focus moving instruction is used to instruct to move the focus from the third control to another control in the user interface, and when the focus is located on the third control, the area occupied by the user-defined control covers the area occupied by the third control, and the layer where the user-defined control is located below the layer where the third control is located;
the display module 14 is configured to cancel displaying the custom control;
the redrawing module 15 is configured to redraw the third control, so that an underline with a preset color is arranged below a text in the third control, where the control with the underline with the preset color below the text indicates a control to which a focus needs to be moved for a third focus moving instruction, and the third focus moving instruction is used to indicate that the focus is moved from a control outside the navigation bar to a control in the navigation bar.
In another possible embodiment, the receiving module 11 is further configured to receive, when a focus is located in a control other than the navigation bar in the user interface, the third focus moving instruction input by the user;
the determining module 12 is further configured to determine a fourth control in the navigation bar, where an underline of the preset color is located below text in the fourth control;
the redraw module 15 is further configured to redraw the fourth control to cancel the displaying of the underline below the text in the fourth control;
the display module 14 is further configured to display the custom control at the position of the fourth control, so that the area occupied by the custom control covers the area occupied by the fourth control, and the layer where the custom control is located below the layer where the fourth control is located.
In another possible embodiment, the receiving module 11 is further configured to receive, when a focus is located in a fifth control of the icon bar, a fourth focus movement instruction input by the user in the icon bar, where the fourth focus movement instruction is used to instruct to move the focus in the control of the icon bar, when the focus is located in the fifth control, the rendered color of the fifth control is a second preset rendered color, and text information corresponding to the fifth control is displayed in the fifth control;
the determining module 12 is further configured to determine, according to the fifth control and the fourth focus moving instruction, a sixth control to which a focus needs to be moved in the icon bar;
the display module 14 is further configured to gradually reduce the length of the fifth control until the length of the fifth control is reduced to the length of the icon corresponding to the fifth control, set the text information corresponding to the fifth control to a hidden state, and cancel displaying the second preset rendering dye, so that the fifth control displays the corresponding icon;
the display module 14 is further configured to set a rendering color of the sixth control to the second preset rendering color, set text information corresponding to the sixth control to a display state, and gradually increase the length of the sixth control until the length of the sixth control is equal to the length of the text information and the icon corresponding to the sixth control, so that the sixth control displays the corresponding icon and text information.
The control display device provided by the embodiment of the invention can execute the technical scheme shown in the method embodiment, the implementation principle and the beneficial effect are similar, and the details are not repeated here.
Those of ordinary skill in the art will understand that: all or a portion of the steps of implementing the above-described method embodiments may be performed by hardware associated with program instructions. The program may be stored in a computer-readable storage medium. When executed, the program performs steps comprising the method embodiments described above; and the aforementioned storage medium includes: various media that can store program codes, such as ROM, RAM, magnetic or optical disks.
Finally, it should be noted that: the above embodiments are only used for illustrating the technical solutions of the embodiments of the present invention, and are not limited thereto; although embodiments of the present invention have been described in detail with reference to the foregoing embodiments, those skilled in the art will understand 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 such modifications or substitutions do not depart from the spirit and scope of the embodiments of the present invention.
Claims (9)
1. A control display method is characterized by comprising the following steps:
when a focus is located on a first control in a navigation bar, a region occupied by a user-defined control is overlapped with the region occupied by the first control, a layer where the user-defined control is located below the layer where the first control is located, the user-defined control has first preset rendering dyeing, and the content is empty;
after receiving a first focus moving instruction input by a user; according to the first control and the first focus moving instruction, moving the focus from the first control to a second control, and moving the user-defined control from the position of the first control to the position of the second control, so that the area occupied by the user-defined control is overlapped with the area occupied by the second control, and the layer where the user-defined control is located below the layer where the second control is located; the first focus moving instruction is used for indicating that the focus is moved in different controls in a navigation bar, and the second control is a control in the navigation bar;
after receiving a second focus moving instruction input by a user, canceling the user-defined control from being displayed at the first control; redrawing the first control so that an underline with a preset color is arranged below text in the first control, wherein the second focus moving instruction is used for indicating that a focus is moved from the first control to other controls outside the navigation bar in a user interface, the first control provided with the underline indicates a control to which the focus needs to be moved for a third focus moving instruction, and the third focus moving instruction is used for indicating that the focus is moved from the controls outside the navigation bar to the controls in the navigation bar.
2. The method of claim 1, wherein a length of time consumed to move the focus from the first control to the second control is equal to a length of time consumed to move the custom control from the location of the first control to the location of the second control, such that the focus and the custom control move to the second control simultaneously.
3. The method of claim 1, wherein when the focus is at the first control, the area occupied by the custom control coincides with the area occupied by the first control;
the moving the user-defined control from the position of the first control to the position of the second control to enable the area occupied by the user-defined control to cover the area occupied by the second control includes:
acquiring the length of the first control and the length of the second control;
and moving the user-defined control from the position of the first control to the position of the second control according to the length of the first control and the length of the second control, so that the area occupied by the user-defined control is overlapped with the area occupied by the second control.
4. The method of claim 3, wherein moving the custom control from the location of the first control to the location of the second control according to the length of the first control and the length of the second control such that the area occupied by the custom control coincides with the area occupied by the second control comprises:
determining a movement duration required for a focus to move from the first control to the second control;
determining the gradual change rate of the length of the user-defined control according to the length of the first control, the length of the second control and the moving duration;
and in the process that the user-defined control moves from the position of the first control to the position of the second control, adjusting the length of the user-defined control according to the gradual change rate until the area occupied by the user-defined control coincides with the area occupied by the second control when the user-defined control moves to the position of the second control.
5. The method of claim 1, further comprising:
receiving the third focus moving instruction input by a user when a focus is positioned on a control in the user interface except the navigation bar;
determining a first control provided with the underline in the navigation bar, wherein the underline with the preset color is arranged below text in the first control provided with the underline;
canceling the underline from being displayed below the text in the first control provided with the underline to regenerate the first control;
and displaying the user-defined control at the position of the regenerated first control so as to enable the area occupied by the user-defined control to be overlapped with the area occupied by the regenerated first control, wherein the layer where the user-defined control is located is positioned below the layer where the regenerated first control is located.
6. A control display method is characterized by comprising the following steps:
receiving a first focus moving instruction input by a user when a focus is positioned in a first control in a navigation bar, wherein the first focus moving instruction is used for indicating that the focus is moved in the control of the navigation bar; when the focus is located on the first control, covering the area occupied by the first control with the area occupied by the user-defined control, locating the layer where the user-defined control is located below the layer where the first control is located, wherein the user-defined control has first preset rendering dyeing and the content is empty; determining a second control to which the focus needs to be moved according to the first control and the first focus moving instruction; moving the focus from the first control to the second control, and moving the user-defined control from the position of the first control to the position of the second control, so that the area occupied by the user-defined control covers the area occupied by the second control, and the layer where the user-defined control is located below the layer where the second control is located;
when a focus is located on a fifth control of an icon bar, receiving a fourth focus moving instruction input by a user on the icon bar, wherein the fourth focus moving instruction is used for indicating that the focus is moved in the control of the icon bar, when the focus is located on the fifth control, rendering dyeing of the fifth control is a second preset rendering dyeing, and text information corresponding to the fifth control is displayed in the fifth control; determining a sixth control to which a focus needs to be moved in the icon bar according to the fifth control and the fourth focus moving instruction; gradually reducing the length of the fifth control until the length of the fifth control is reduced to the length of the icon corresponding to the fifth control, setting the text information corresponding to the fifth control to be in a hidden state, and canceling the display of the second preset rendering dye, so that the fifth control displays the corresponding icon; setting the rendering color of the sixth control as the second preset rendering color, setting the text information corresponding to the sixth control as a display state, and gradually increasing the length of the sixth control until the length of the sixth control is equal to the text information corresponding to the sixth control and the length corresponding to the icon, so that the sixth control displays the corresponding icon and text information.
7. The control display device is characterized by comprising a receiving module and a moving module of a determining module, wherein,
the receiving module is used for overlapping a region occupied by a user-defined control with a region occupied by a first control when a focus is located on the first control in the navigation bar, wherein the layer where the user-defined control is located below the layer where the first control is located, and the user-defined control is provided with a first preset rendering color and is empty in content;
the determining module is used for receiving a first focus moving instruction input by a user; moving the first focus according to the first control and the first focus moving instruction; the moving module is used for moving the focus from the first control to a second control and moving the user-defined control from the position of the first control to the position of the second control, so that the area occupied by the user-defined control is overlapped with the area occupied by the second control, and the layer where the user-defined control is located below the layer where the second control is located; the first focus moving instruction is used for indicating that the focus is moved in different controls in a navigation bar, and the second control is a control in the navigation bar;
after receiving a second focus moving instruction input by a user, canceling the user-defined control from being displayed at the first control; redrawing the first control so that an underline with a preset color is arranged below text in the first control, wherein the second focus moving instruction is used for indicating that a focus is moved from the first control to other controls outside the navigation bar in a user interface, the first control provided with the underline indicates a control to which the focus needs to be moved for a third focus moving instruction, and the third focus moving instruction is used for indicating that the focus is moved from the controls outside the navigation bar to the controls in the navigation bar.
8. The apparatus of claim 7, wherein a length of time consumed to move the focus from the first control to the second control is equal to a length of time consumed to move the custom control from the location of the first control to the location of the second control, such that the focus and the custom control move to the second control simultaneously.
9. The apparatus of claim 7, wherein when the focus is at the first control, the area occupied by the custom control coincides with the area occupied by the first control; the moving module is specifically configured to:
acquiring the length of the first control and the length of the second control;
and moving the user-defined control from the position of the first control to the position of the second control according to the length of the first control and the length of the second control, so that the area occupied by the user-defined control is overlapped with the area occupied by the second control.
Priority Applications (4)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011288594.2A CN112363651B (en) | 2018-06-01 | 2018-06-01 | Control display method and terminal equipment |
CN202011352693.2A CN113253881B9 (en) | 2018-06-01 | 2018-06-01 | Control display method and terminal equipment |
CN201810558180.3A CN108762618B (en) | 2018-06-01 | 2018-06-01 | Control display method and device |
CN202011297113.4A CN112433653B (en) | 2018-06-01 | 2018-06-01 | Control display method and terminal equipment |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810558180.3A CN108762618B (en) | 2018-06-01 | 2018-06-01 | Control display method and device |
Related Child Applications (3)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011288594.2A Division CN112363651B (en) | 2018-06-01 | 2018-06-01 | Control display method and terminal equipment |
CN202011297113.4A Division CN112433653B (en) | 2018-06-01 | 2018-06-01 | Control display method and terminal equipment |
CN202011352693.2A Division CN113253881B9 (en) | 2018-06-01 | 2018-06-01 | Control display method and terminal equipment |
Publications (2)
Publication Number | Publication Date |
---|---|
CN108762618A CN108762618A (en) | 2018-11-06 |
CN108762618B true CN108762618B (en) | 2020-12-29 |
Family
ID=64002120
Family Applications (4)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011288594.2A Active CN112363651B (en) | 2018-06-01 | 2018-06-01 | Control display method and terminal equipment |
CN201810558180.3A Active CN108762618B (en) | 2018-06-01 | 2018-06-01 | Control display method and device |
CN202011297113.4A Active CN112433653B (en) | 2018-06-01 | 2018-06-01 | Control display method and terminal equipment |
CN202011352693.2A Active CN113253881B9 (en) | 2018-06-01 | 2018-06-01 | Control display method and terminal equipment |
Family Applications Before (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011288594.2A Active CN112363651B (en) | 2018-06-01 | 2018-06-01 | Control display method and terminal equipment |
Family Applications After (2)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011297113.4A Active CN112433653B (en) | 2018-06-01 | 2018-06-01 | Control display method and terminal equipment |
CN202011352693.2A Active CN113253881B9 (en) | 2018-06-01 | 2018-06-01 | Control display method and terminal equipment |
Country Status (1)
Country | Link |
---|---|
CN (4) | CN112363651B (en) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112328133A (en) * | 2020-11-23 | 2021-02-05 | 深圳Tcl新技术有限公司 | Icon display method and device and storage medium |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105786320A (en) * | 2016-03-01 | 2016-07-20 | 深圳市茁壮网络股份有限公司 | Icon display method and device and electronic equipment |
CN107786886A (en) * | 2017-11-01 | 2018-03-09 | 深圳市雷鸟信息科技有限公司 | Smart television focus control method, smart television and storage medium |
Family Cites Families (18)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP5264565B2 (en) * | 2009-03-05 | 2013-08-14 | 三菱電機株式会社 | Information processing apparatus, information processing method, and program |
CN101799716B (en) * | 2009-12-30 | 2016-10-26 | 宇龙计算机通信科技(深圳)有限公司 | The method of a kind of application foci switching and mobile terminal |
CN102436454A (en) * | 2010-09-29 | 2012-05-02 | 腾讯科技(深圳)有限公司 | Input method switching method and system for browser |
CN104487929B (en) * | 2012-05-09 | 2018-08-17 | 苹果公司 | For contacting the equipment for carrying out display additional information, method and graphic user interface in response to user |
CN102984569A (en) * | 2012-11-29 | 2013-03-20 | 中兴通讯股份有限公司 | Method, device and system for controlling television interface focus |
JP6097843B2 (en) * | 2012-12-29 | 2017-03-15 | アップル インコーポレイテッド | Device, method and graphical user interface for determining whether to scroll or select content |
CN103345354B (en) * | 2013-06-27 | 2017-07-18 | 深圳Tcl工业研究院有限公司 | A kind of method and system of graphical interfaces focus point shape processing |
CN103543922B (en) * | 2013-07-01 | 2018-03-20 | Tcl集团股份有限公司 | A kind of focus mobility method, system and smart machine |
CN103634679A (en) * | 2013-11-26 | 2014-03-12 | 乐视致新电子科技(天津)有限公司 | Deleting control method and device for intelligent television text |
CN103744594A (en) * | 2013-12-27 | 2014-04-23 | 乐视网信息技术(北京)股份有限公司 | Display method and device of movable focal point |
CN104932807A (en) * | 2014-03-19 | 2015-09-23 | 腾讯科技(深圳)有限公司 | Cursor positioning method and touch screen device |
CN103916710B (en) * | 2014-03-31 | 2018-04-13 | 优视科技有限公司 | focus switching method and system |
GB2552908A (en) * | 2015-03-27 | 2018-02-14 | Google Llc | Techniques for displaying layouts and transitional layouts of sets of content items in response to user touch inputs |
US9910557B2 (en) * | 2015-04-17 | 2018-03-06 | Xerox Corporation | Intent-based graphical user interface window control |
CN105159534A (en) * | 2015-08-28 | 2015-12-16 | 无锡天脉聚源传媒科技有限公司 | Processing method and apparatus for graphic button |
KR20170072651A (en) * | 2015-12-17 | 2017-06-27 | 삼성전자주식회사 | A display apparatus and a display method |
US10775882B2 (en) * | 2016-01-21 | 2020-09-15 | Microsoft Technology Licensing, Llc | Implicitly adaptive eye-tracking user interface |
CN106658139B (en) * | 2016-10-18 | 2021-04-06 | Tcl科技集团股份有限公司 | Focus control method and device |
-
2018
- 2018-06-01 CN CN202011288594.2A patent/CN112363651B/en active Active
- 2018-06-01 CN CN201810558180.3A patent/CN108762618B/en active Active
- 2018-06-01 CN CN202011297113.4A patent/CN112433653B/en active Active
- 2018-06-01 CN CN202011352693.2A patent/CN113253881B9/en active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105786320A (en) * | 2016-03-01 | 2016-07-20 | 深圳市茁壮网络股份有限公司 | Icon display method and device and electronic equipment |
CN107786886A (en) * | 2017-11-01 | 2018-03-09 | 深圳市雷鸟信息科技有限公司 | Smart television focus control method, smart television and storage medium |
Also Published As
Publication number | Publication date |
---|---|
CN112363651B (en) | 2022-04-12 |
CN113253881B9 (en) | 2024-06-11 |
CN113253881B (en) | 2022-09-27 |
CN108762618A (en) | 2018-11-06 |
CN112433653B (en) | 2022-05-17 |
CN113253881A (en) | 2021-08-13 |
CN112363651A (en) | 2021-02-12 |
CN112433653A (en) | 2021-03-02 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109164964B (en) | Content sharing method and device, terminal and storage medium | |
CN106687889B (en) | Display portable text entry and editing | |
EP3454196B1 (en) | Method and apparatus for editing object | |
KR102091235B1 (en) | Apparatus and method for editing a message in a portable terminal | |
CN103186345B (en) | The section system of selection of a kind of literary composition and device | |
US11126334B2 (en) | Method, device and storage medium for inputting data | |
US8949734B2 (en) | Mobile device color-based content mapping and navigation | |
KR102058455B1 (en) | Method and apparatus for performing calculations in character input mode | |
US10878175B2 (en) | Portlet display on portable computing devices | |
US9285967B2 (en) | Computing device with improved function selection and method | |
CN114461071B (en) | Improved computing device accessibility through eye tracking | |
CN103176742A (en) | Application operation guidance method and terminal thereof | |
CN108762618B (en) | Control display method and device | |
US20240220090A1 (en) | Text display method and text display apparatus | |
EP4116801B1 (en) | Character input method and apparatus, and terminal | |
CN104699409A (en) | Information inputting method and information inputting system for mobile terminal of touch screen | |
EP2610720A1 (en) | Method and apparatus pertaining to the presentation of scrolling icons | |
US20130169667A1 (en) | Method and apparatus pertaining to the presentation of scrolling icons | |
US20150293652A1 (en) | Creating an interaction area for listing user-selectable items | |
KR20150062883A (en) | Method and system for user interface using touch interface | |
KR101209009B1 (en) | Apparatus and Method for Inputting Handwrighting on Touch screen | |
KR101444202B1 (en) | Method and apparatus for applying a document format through touch-screen | |
US11928327B2 (en) | Enhanced touch sensitive selection | |
KR101809047B1 (en) | Guide device and method for short-cut key | |
KR20240095835A (en) | Kiosk for visual impaired |
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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant | ||
TR01 | Transfer of patent right |
Effective date of registration: 20240719 Address after: 266104 No. 399, Songling Road, Laoshan District, Qingdao, Shandong Province (the third floor of A6) Patentee after: QINGDAO JUKANYUN TECHNOLOGY CO.,LTD. Country or region after: China Address before: 266061 Songling Road, Laoshan District, Qingdao, Shandong Province, No. 399 Patentee before: JUHAOKAN TECHNOLOGY Co.,Ltd. Country or region before: China |
|
TR01 | Transfer of patent right |