WO2023273854A1 - 控件显示方法、装置、设备及介质 - Google Patents

控件显示方法、装置、设备及介质 Download PDF

Info

Publication number
WO2023273854A1
WO2023273854A1 PCT/CN2022/098364 CN2022098364W WO2023273854A1 WO 2023273854 A1 WO2023273854 A1 WO 2023273854A1 CN 2022098364 W CN2022098364 W CN 2022098364W WO 2023273854 A1 WO2023273854 A1 WO 2023273854A1
Authority
WO
WIPO (PCT)
Prior art keywords
group
functional controls
controls
sidebar
functional
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.)
Ceased
Application number
PCT/CN2022/098364
Other languages
English (en)
French (fr)
Other versions
WO2023273854A9 (zh
Inventor
车万里
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Zitiao Network Technology Co Ltd
Original Assignee
Beijing Zitiao Network Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Zitiao Network Technology Co Ltd filed Critical Beijing Zitiao Network Technology Co Ltd
Priority to EP22831674.1A priority Critical patent/EP4343512A4/en
Priority to JP2023578989A priority patent/JP7679983B2/ja
Publication of WO2023273854A1 publication Critical patent/WO2023273854A1/zh
Priority to US18/390,406 priority patent/US20240118794A1/en
Anticipated expiration legal-status Critical
Publication of WO2023273854A9 publication Critical patent/WO2023273854A9/zh
Ceased legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842—Selection of displayed objects or displayed text elements
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04886—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Definitions

  • the invention belongs to the technical field of interface display, and in particular relates to a control display method, device, equipment and medium.
  • the present disclosure provides a control display method, device, equipment and medium.
  • control display method including:
  • the second group of functional controls is adjacent to the first group of functional controls in the first switching direction corresponding to the first trigger control.
  • control display device including:
  • the first display unit is configured to display a first group of functional controls and a first trigger control in the sidebar of the target interface;
  • the second display unit is configured to switch the first group of functional controls to the second group of functional controls in the sidebar of the target interface for display when a first trigger operation on the first trigger control is detected;
  • the second group of functional controls is adjacent to the first group of functional controls in the first switching direction corresponding to the first trigger control.
  • control display device including:
  • the processor is configured to read executable instructions from the memory, and execute the executable instructions to implement the control display method described in the first aspect.
  • the present disclosure provides a computer-readable storage medium, the storage medium stores a computer program, and when the computer program is executed by a processor, the processor implements the control display method described in the first aspect.
  • the control display method, device, device, and medium of the embodiments of the present disclosure can group and display functional controls in the sidebar of the target interface, increase the number of functional controls that the sidebar of the interactive interface can provide for users, and improve the function expansion of the sidebar of the interactive interface ability. And by triggering the first trigger control, the first group of functional controls can be switched to display the second group of functional controls adjacent to the first group of functional controls in the first switching direction corresponding to the first trigger control in the sidebar of the target interface , so as to provide the user with more usable interactive functions while facilitating the user's operation, thereby improving the user's experience.
  • FIG. 1 is a schematic flowchart of a control display method provided by an embodiment of the present disclosure
  • FIG. 2 is a schematic diagram of displaying functional controls in an application program interface provided by an embodiment of the present disclosure
  • FIG. 3 is a schematic diagram of displaying functional controls in another application program interface provided by an embodiment of the present disclosure
  • FIG. 4 is a schematic diagram of displaying functional controls in another application program interface provided by an embodiment of the present disclosure.
  • FIG. 5 is a schematic diagram of displaying functional controls in another application program interface provided by an embodiment of the present disclosure.
  • FIG. 6 is a schematic diagram of displaying function controls in another application program interface provided by an embodiment of the present disclosure.
  • FIG. 7 is a schematic diagram of displaying function controls in another application program interface provided by an embodiment of the present disclosure.
  • FIG. 8 is a schematic diagram of displaying functional controls in another application program interface provided by an embodiment of the present disclosure.
  • FIG. 9 is a schematic structural diagram of a control display device provided by an embodiment of the present disclosure.
  • FIG. 10 is a schematic structural diagram of a control display device provided by an embodiment of the present disclosure.
  • the term “comprise” and its variations are open-ended, ie “including but not limited to”.
  • the term “based on” is “based at least in part on”.
  • the term “one embodiment” means “at least one embodiment”; the term “another embodiment” means “at least one further embodiment”; the term “some embodiments” means “at least some embodiments.” Relevant definitions of other terms will be given in the description below.
  • the embodiments of the present disclosure provide a control display method, device, device and medium, so as to capture or edit multimedia content (such as at least one of pictures, audio and video), browse webpages, play games,
  • multimedia content such as at least one of pictures, audio and video
  • multiple interactive operations can be performed, such as manipulating the desktop of an electronic device, increase the number of functional controls that can be provided by the sidebar of the interactive interface to improve the function expansion capability of the sidebar of the interactive interface when it is convenient for the user to operate.
  • the control display method may be executed by an electronic device.
  • the electronic equipment may include but not limited to such as mobile phone, notebook computer, digital broadcast receiver, PDA (personal digital assistant), PAD (tablet computer), PMP (portable multimedia player), vehicle terminal (such as vehicle navigation terminal) , wearable devices, etc., and fixed terminals such as digital TVs, desktop computers, smart home devices, etc.
  • Fig. 1 shows a schematic flowchart of a control display method provided by an embodiment of the present disclosure. As shown in Figure 1, the control display method may include the following steps:
  • the sidebar of the target interface refers to an area in an application program interface with an interactive function for displaying functional controls for realizing the interactive function.
  • the sidebar of the target interface may be a left sidebar, a right sidebar, an upper sidebar or a lower sidebar displayed on the left side, the right side, the upper side or the lower side of the page in the application program interface.
  • the display size of the target interface sidebar in the application program interface may be fixed, or may be dynamically adjusted according to the number and size of the displayed functional controls.
  • the length of the short side of the sidebar of the target interface remains unchanged, and the length of the long side of the sidebar of the target interface is adjusted according to the number of displayed functional controls and the size of the controls.
  • the short side may be a side perpendicular to the side of the application program interface to be followed in the sidebar of the target interface
  • the long side may be a side of the sidebar of the target interface parallel to the side of the application program interface to be followed.
  • the short side of the sidebar of the target interface is the side perpendicular to the left side or the right side of the application program interface in the sidebar of the target interface, and its length remains unchanged.
  • the target interface sidebar is the upper or lower sidebar
  • the short side of the target interface sidebar is the side perpendicular to the upper or lower side of the application interface in the target interface sidebar, and its length remains unchanged.
  • the first group of functional controls may be any group of functional controls in the functional controls to be displayed when the functional controls to be displayed are grouped and displayed.
  • the functional controls to be displayed may be grouped based on the usage frequency of the functional controls to be displayed by multiple users. For example, if there are a total of 10 functional controls to be displayed, then the 10 functional controls to be displayed are sorted according to the comprehensive usage frequency of each preset functional control by multiple users, and the top 5 functional controls to be displayed are determined as one Group functional controls, and determine the remaining five functional controls to be displayed as another group of functional controls. In this embodiment, the functional controls to be displayed in each group of functional controls remain unchanged.
  • the functional controls to be displayed may be grouped based on the frequency of use of the functional controls to be displayed by the current user.
  • the functional controls to be displayed in the first group of functional controls corresponding to each user may be different.
  • the functional controls to be displayed in the first group of functional controls corresponding to the same user may also change with the use time of the interactive function. For example, the current user often uses the "beautification" function for shooting for a period of time, but does not often use the "editing" function for post-shooting processing. Then, the first group of functional controls within this period of time includes the "beautification" functional control, but does not include the "editing" functional control.
  • the current user often uses the "editing" function for post-shooting processing for another period of time, and does not often use the "beautification” function for shooting.
  • the first group of functional controls in the other period of time includes the “edit” functional control, but does not include the “beautification” functional control.
  • the first trigger control refers to a control that is available for a user to perform a trigger operation and is used to trigger the display of other functional controls to be displayed other than the first group of functional controls.
  • it could be a trigger control representing functions such as "more” or "expand”.
  • it may also be a trigger control indicating a function such as "put away”.
  • the triggering operation here may be a click operation, a voice control operation, a gesture control operation, or an eye movement control operation.
  • the electronic device may display the target interface sidebar in the application program interface, and display the first group of function controls and the first trigger control in the target interface sidebar.
  • the application program interface may be a shooting interface or an editing interface of the multimedia content.
  • the multimedia content may include at least one of pictures, audio and video.
  • the sidebar of the target interface may be the left or right sidebar of an application program interface such as a shooting interface or an editing interface.
  • Fig. 2 shows a schematic diagram of displaying function controls in an application program interface provided by an embodiment of the present disclosure.
  • the electronic device may display an application program interface 200 , and a target interface sidebar 201 is displayed on the right sidebar of the application program interface 200 .
  • a first group of function controls 202 and a first trigger control 203 are displayed in the target interface sidebar 201 .
  • the first group of functional controls 202 includes six functional controls to be displayed, namely "flip", “filter”, “special effect”, “countdown”, “beautification” and "sound changer".
  • the first group of functional controls in the sidebar of the target interface displayed in the left column or the right column in addition to the single-column display as shown in FIG. 2 , it can also be displayed in multiple columns. And when multiple columns are displayed, the number of functional controls to be displayed displayed in each column is the same.
  • the sidebar of the target interface may be an upper sidebar or a lower sidebar of an application program interface such as a shooting interface or an editing interface.
  • Fig. 3 shows a schematic diagram of displaying function controls in another application program interface provided by an embodiment of the present disclosure.
  • the electronic device may display an application program interface 300 , and a target interface sidebar 301 is displayed on the upper sidebar of the application program interface 300 .
  • a first group of function controls 302 and a first trigger control 303 are displayed in the target interface sidebar 301 .
  • the first group of functional controls 302 includes four functional controls to be displayed, namely "flip", “filter”, “special effect” and "countdown".
  • the first group of functional controls in the sidebar of the target interface displayed in the upper or lower sidebar in addition to the single-line display as shown in FIG. 3 , it can also be displayed in multiple lines. Moreover, when multiple lines are displayed, the number of functional controls to be displayed displayed in each line is the same.
  • the second group of functional controls is another group of functional controls to be displayed that is different from the first group of functional controls.
  • the second group of functional controls is adjacent to the first group of functional controls in the first switching direction corresponding to the first trigger control. That is, the second group of functional controls is a group of functional controls adjacent to the first group of functional controls in the first switching direction among the functional controls to be displayed.
  • the first switching direction refers to the switching direction of each functional control to be displayed when the first trigger control is triggered to execute. That is, if there are more than two groups of functional controls, then the second group of functional controls is a group of functional controls adjacent to the first group of functional controls, not any group of functional controls.
  • the second group of functional controls must be a group of functional controls adjacent to the first group of functional controls in the first switching direction.
  • the first switching direction is to switch a group of functional controls adjacent to the rear, and the second group of functional controls is a group of functional controls adjacent to the first group of functional controls.
  • the first switching direction is to switch a group of functional controls adjacent to the front, and the second group of functional controls is a group of functional controls adjacent to the first group of functional controls.
  • the first switching direction may be a direction of switching to the next group of functional controls, and the second group of functional controls is an adjacent group of functional controls after the first group of functional controls.
  • the first switching direction may also be a switching direction to a previous group of functional controls, and the second group of functional controls is an adjacent group of functional controls before the first group of functional controls.
  • the first trigger operation is a trigger operation on the first trigger control, which may be a click operation, a voice control operation, a gesture control operation, or an eye movement control operation.
  • the electronic device can detect the trigger operation of the first trigger control (ie, the first trigger operation). At this time, the electronic device switches and displays the first group of functional controls in the sidebar of the target interface to the second group of functional controls.
  • the display switching process can be a static replacement process, the user can see the results before and after the switching, or it can be a dynamic switching process visible to the user.
  • the first group of functional controls 402 shown in FIG. 4 includes six functional controls to be displayed, namely "settings", “stickers”, “editing”, “automatic subtitles”, “quality enhancement” and "save locally”.
  • the moving direction of the functional controls to be displayed is moving to the left. Then, after the user triggers the first trigger control 203, the first group of functional controls 202 will be replaced by the second group of functional controls on the right, and its display effect is shown in FIG. 5 .
  • the first group of functional controls 502 ′ in FIG. 2 is hidden, and the first group of functional controls 502 in FIG. 5 is displayed.
  • the first group of functional controls 502 includes six functional controls to be displayed, namely "settings", "stickers”, “editing”, “automatic subtitles”, “quality enhancement” and "save locally”.
  • the moving direction of the functional controls to be displayed is moving to the left.
  • the first group of functional controls 302 will be replaced by the second group of functional controls on the right, and its display effect is shown in FIG. 6 .
  • the first group of functional controls 602 shown in FIG. 6 includes five to-be-displayed functional controls of "beautification", “voice change”, “sticker”, “editing” and "setting".
  • FIG. 2 and FIG. 3 it can be seen from FIG. 2 and FIG. 3 that in order to reduce the occlusion of multimedia content, although the display area of the sidebar of the application program interface such as the shooting interface or the editing interface is limited, the embodiment of the present disclosure can still be used in the limited display area of the sidebar. Expand more control functions for the application program interface to provide users with more interactive functions.
  • control display method of the embodiment of the present disclosure can group and display functional controls in the target interface sidebar, increase the number of functional controls that the interactive interface sidebar can provide for users, and improve the function expansion capability of the interactive interface sidebar. And by triggering the first trigger control, the first group of functional controls can be switched to display the second group of functional controls adjacent to the first group of functional controls in the first switching direction corresponding to the first trigger control in the sidebar of the target interface , so as to provide the user with more usable interactive functions while facilitating the user's operation, thereby improving the user's experience.
  • the content displayed in the sidebar of the target interface is related to the number of functional controls to be displayed.
  • S110 includes: displaying a first group of functional controls and a first trigger control in the sidebar of the target interface when the total number of functional controls to be displayed is greater than a preset number threshold.
  • the preset quantity threshold is a preset quantity value, which is used to judge whether to group and display the functional controls to be displayed.
  • the preset quantity threshold can be set empirically, or can be calculated and determined according to the sidebar size of the target interface sidebar and the control size of the functional controls to be displayed.
  • the functional controls to be displayed are grouped, and the first group of functional controls and the first trigger control are displayed in the sidebar of the target interface.
  • the functional controls to be displayed are displayed in the sidebar of the target interface. That is to say, if the total number of functional controls to be displayed is greater than the preset quantity threshold, it is determined that all the functional controls to be displayed can be accommodated in the sidebar of the target interface. At this time, there is no need to group the functional controls to be displayed, but to directly display each functional control to be displayed in the sidebar of the target interface. Since there are no other functional controls to be displayed to be displayed, there is no need to display the first trigger control in the sidebar of the target interface.
  • the content displayed in the sidebar of the target interface is related to the divided groups of functional controls to be displayed.
  • the priority of determining the total number of functional controls to be displayed is higher than the priority of determining the number of groups of functional controls to be displayed in this embodiment.
  • the first trigger control remains displayed in the sidebar of the target interface.
  • the first trigger control is used to trigger switching and displaying the second group of functional controls into the third group of functional controls in the sidebar of the target interface.
  • the third group of functional controls is adjacent to the second group of functional controls in the first switching direction. That is, the third group of functional controls is a group of functional controls adjacent to the second group of functional controls in the first switching direction among the functional controls to be displayed.
  • the second group of functional controls after switching and displaying the second group of functional controls, it is determined whether the second group of functional controls is the last group of functional controls in the first switching direction. If it is not the last group of functional controls, it means that more functional controls to be displayed can be triggered and displayed in the first switching direction, so the first trigger control can be kept displayed in the sidebar of the target interface.
  • a second trigger control may also be displayed in the sidebar of the target interface.
  • the second trigger control may be used to trigger switching and displaying the second group of functional controls to the first group of functional controls in the sidebar of the target interface.
  • the switching direction corresponding to the second trigger control ie, the second switching direction
  • the first trigger control is a trigger control representing functions such as "more” or "expand”
  • the second trigger control may be a trigger control representing functions such as "collapse”.
  • the user can at least switch forward to display the first group of functional controls, or Toggle backwards to display the third set of function controls. Therefore, it is possible to display the second trigger control in the sidebar of the target interface while displaying the second group of functional controls and the first trigger control.
  • the first trigger control is switched to the second trigger control in the sidebar of the target interface. show.
  • the second trigger control is used to trigger switching and displaying the second group of functional controls to the first group of functional controls in the sidebar of the target interface.
  • the switching direction corresponding to the second trigger control is opposite to the first switching direction.
  • the first trigger control is a trigger control representing functions such as "more” or "expand”
  • the second trigger control may be a trigger control representing functions such as "collapse”.
  • the second group of functional controls after switching and displaying the second group of functional controls, if it is determined that the second group of functional controls is the last group of functional controls in the first switching direction, then there is no functional control that is the same as the second group of functional controls in the functional controls to be displayed. Once the adjacent third group of functional controls in the switching direction cannot be switched to display the third group of functional controls.
  • the second trigger control can be displayed in the sidebar of the target interface, and the first trigger control can be hidden at the same time. That is to say, if the second group of functional controls is the last group of functional controls in the first switching direction, the second triggering control that is opposite to the switching direction of the first triggering control may be displayed without displaying the first triggering control.
  • S110 includes: in the case that the first group of functional controls is not the first group of functional controls in the first switching direction, displaying the first group of functional controls, the first trigger control, and the first group of functional controls in the sidebar of the target interface Two trigger controls.
  • the second trigger control is used to trigger switching and displaying the first group of functional controls to the fourth group of functional controls in the sidebar of the target interface.
  • the fourth group of functional controls is adjacent to the first group of functional controls in the second switching direction corresponding to the second trigger control. That is, the fourth group of functional controls is a group of functional controls adjacent to the first group of functional controls in the second switching direction among the functional controls to be displayed.
  • the first group of functional controls is neither the first group of functional controls in the first switching direction nor the last group of functional controls in the first switching direction, that is, the first group of functional controls exists in the first switching direction.
  • a group of functional controls adjacent to the front also has a group of functional controls adjacent to the rear. Then, after displaying the first group of functional controls in the sidebar of the target interface, the user can at least switch forward to display the fourth group of functional controls, and also switch backward to display the third group of functional controls. Therefore, the first group of function controls, the first trigger control and the second trigger control can be displayed in the sidebar of the target interface at the same time, so as to remind the user of function expansion and allow the user to switch between different function controls more conveniently.
  • Fig. 7 shows a schematic diagram of displaying function controls in another application program interface provided by an embodiment of the present disclosure.
  • the electronic device may display an application program interface 700 , and a target interface sidebar 701 is displayed on the right sidebar of the application program interface 700 .
  • a first group of function controls 702 , a first trigger control 703 and a second trigger control 704 are displayed in the target interface sidebar 701 .
  • the first group of functional controls is switched to the fourth group of functional controls in the sidebar of the target interface to perform show.
  • the second trigger operation is a trigger operation on the second trigger control, which may be a click operation, a voice control operation, a gesture control operation, or an eye movement control operation.
  • the electronic device can detect the second trigger operation of the second trigger control. At this time, the electronic device switches and displays the first group of functional controls in the sidebar of the target interface to the fourth group of functional controls.
  • the display switching process can be a static replacement process, the user can see the results before and after the switching, or it can be a dynamic switching process visible to the user.
  • the second switching direction is the switching direction of the previous group of functional controls
  • the first group of functional controls 402 will be replaced by the fourth group of functional controls above it, Its display effect is shown in Figure 2.
  • the second switching direction is the switching direction of the previous group of functional controls
  • the first group of functional controls 602 will be replaced by the fourth group of functional controls on the left , and its display effect is shown in Figure 3.
  • the switching process of different groups of functional controls is a dynamic switching process.
  • switching the first group of function controls to the second group of function controls in the sidebar of the target interface for display includes: displaying a dynamic effect in the sidebar of the target interface, and the dynamic effect includes moving the first group of function controls at a preset speed.
  • the controls are moved out of the sidebar of the target interface along the first moving direction corresponding to the first switching direction, and the second group of functional controls are moved into the sidebar of the target interface along the first moving direction corresponding to the first switching direction at a preset speed.
  • a second group of functional controls is displayed in the sidebar of the target interface.
  • a moving speed ie, a preset speed
  • different groups of functional controls will move synchronously along the first moving direction corresponding to the first switching direction at a preset speed.
  • the functional controls of different groups will move synchronously along the second moving direction corresponding to the second switching direction at a preset speed.
  • the first moving direction here may be parallel to the first switching direction, or perpendicular to the first switching direction.
  • the second moving direction can be parallel to the second switching direction, or can be perpendicular to the second switching direction.
  • Fig. 8 shows a schematic diagram of displaying function controls in another application program interface provided by an embodiment of the present disclosure.
  • the content shown in FIG. 8 is an example in which the first group of functional controls in FIG. 2 is switched to the second group of functional controls below it, and its dynamic switching process is described.
  • the first trigger control is hidden in the target interface sidebar 801 in the application program interface 800, and the first group of trigger controls is moved up according to a preset speed.
  • Function controls 802 and a second group of function controls 803 are arranged in this process.
  • the function control to be displayed moves to the range of the sidebar 801 of the target interface, it assumes a display state.
  • the function control to be displayed moves out of the range of the target interface sidebar 801 or does not enter the range of the target interface sidebar 801, it appears in a hidden state (shown in gray in FIG. 8 ).
  • the display size of the target border sidebar may remain unchanged or may be dynamically changed.
  • both the length of the short side and the length of the long side of the sidebar on the target interface remain unchanged, and the length of the long side adopts the maximum displayable length.
  • the size of the target interface sidebar 501 remains unchanged at the maximum display size.
  • the first moving direction is parallel to the length direction of the sidebar of the target interface.
  • the display size of the sidebar of the target interface is based on the number of controls in the first group of functional controls and the number of controls in the second group of functional controls. Number of controls and preset speeds to adjust.
  • the length of the short side of the target interface sidebar remains unchanged, while the length of the long side is automatically adjusted according to the number of displayed controls and the preset speed of movement.
  • the time period for the first group of functional controls to be removed can be calculated according to the preset speed.
  • the quantity difference can be multiplied by the length of the display area to which a control preset belongs to obtain the total length to be adjusted. Then divide the adjusted total length by the duration to obtain the speed at which the target interface traversal length is increased synchronously when the first group of functional controls starts to move out.
  • the first group of functional controls 302 contains 4 functional controls to be displayed, and after switching, the first group of functional controls 602 in Figure 6 contains 5 functional controls to be displayed, then the target interface after switching
  • the length of the sidebar 601 is greater than the length of the sidebar 301 of the target interface before switching. In this way, the length of the sidebar of the target interface is automatically adjusted, which can prevent the too small sidebar from being unable to accommodate the functional controls to be displayed, and can also avoid the failure or false triggering of other functions caused by the too large sidebar.
  • the target functional controls are fixedly displayed in the sidebar of the target interface, and the target functional controls are functional controls other than the first group of functional controls and the second group of functional controls.
  • at least one target function control other than the function control to be displayed is fixedly displayed in the sidebar of the target interface. The position of the target function control does not change with the switching of different groups of function controls.
  • the target function controls can be displayed on the top of the target interface sidebar, and various groups of function controls that can be switched are displayed below the target function controls.
  • the target function control may be the most frequently used function control to be displayed by the user, so that the user can use the target function control more conveniently.
  • the first set of functional controls and the second set of functional controls partially overlap. That is to say, during the switching process of different groups of functional controls, some overlapping functional controls to be displayed are not switched, and are always displayed in the sidebar of the target interface.
  • the overlapping functional controls can be set at the end of the first group of functional controls, and the last functional control to be displayed in the first group of functional controls is not switched during the switching process, that is, only part of the entire group of functional controls to be displayed is switched.
  • Functional controls can be set at the end of the first group of functional controls, and the last functional control to be displayed in the first group of functional controls is not switched during the switching process, that is, only part of the entire group of functional controls to be displayed is switched.
  • the sidebar of the target interface is the right sidebar
  • the first switching direction is the direction of switching to the next group of functional controls
  • the displayed controls are to be moved upwards
  • the overlapping functional controls that do not want to be switched are set in the first group of functional controls end.
  • the overlapping functional controls can be set at the end of the first group of functional controls and the beginning of the second group of functional controls, and the entire group of functional controls can be switched and displayed during the switching process.
  • the sidebar of the target interface is the right sidebar
  • the first switching direction is the direction of switching to the next group of functional controls.
  • the overlapping functional controls can be respectively set at the beginning or the end of the first group of functional controls and the second group of functional controls, and the entire group of functional controls can be switched and displayed during the switching process.
  • the sidebar of the target interface is the right sidebar
  • the first switching direction is the direction of switching to the next group of functional controls.
  • the above-mentioned overlapping functional controls are functional controls to be displayed that are frequently used by users. Through the above-mentioned settings, the overlapping functional controls can be kept displayed in the sidebar of the target interface, so that users can use the overlapping functional controls more conveniently.
  • An embodiment of the present disclosure also provides a control display device, which will be described below with reference to FIG. 9 .
  • control display device may be an electronic device.
  • electronic equipment may include but not limited to mobile terminals such as mobile phones, notebook computers, digital broadcast receivers, PDAs, PADs, PMPs, vehicle-mounted terminals (such as vehicle-mounted navigation terminals), wearable devices, etc., and mobile terminals such as digital TVs, desktop Stationary terminals for computers, smart home devices, and more.
  • FIG. 9 shows a schematic structural diagram of a control display device provided by an embodiment of the present disclosure.
  • control display device 900 may include a first display unit 910 and a second display unit 920 .
  • the first display unit 910 is configured to display a first group of function controls and a first trigger control in the sidebar of the target interface;
  • the second display unit 920 is configured to switch the first group of functional controls to the second group of functional controls in the sidebar of the target interface for display when a first trigger operation on the first trigger control is detected;
  • the second group of functional controls is adjacent to the first group of functional controls in the first switching direction corresponding to the first trigger control.
  • the control display device of the embodiment of the present disclosure can group and display functional controls in the sidebar of the target interface, increase the number of functional controls that the sidebar of the interactive interface can provide for users, improve the function expansion capability of the sidebar of the interactive interface, and can trigger
  • the first trigger control in the sidebar of the target interface, switches the first group of functional controls to the second group of functional controls adjacent to the first group of functional controls in the first switching direction corresponding to the first trigger control, so as to facilitate the display
  • the first display unit 910 is specifically configured as:
  • a first group of functional controls and a first trigger control are displayed in the sidebar of the target interface.
  • control display device 900 further includes a third display unit configured to:
  • the functional controls to be displayed are displayed in the sidebar of the target interface.
  • the first switching direction is to switch a group of functional controls adjacent to the rear, and the second group of functional controls is a group of functional controls adjacent to the first group of functional controls behind;
  • the first switching direction is to switch a group of functional controls adjacent to the front
  • the second group of functional controls is a group of functional controls adjacent to the first group of functional controls.
  • control display device 900 further includes a fourth display unit configured to:
  • the second group of functional controls After detecting the first trigger operation on the first trigger control, if the second group of functional controls is not the last group of functional controls in the first switching direction, keep displaying the first trigger control in the target interface sidebar, the second A trigger control is used to trigger switching and displaying the second group of functional controls to the third group of functional controls in the sidebar of the target interface, and the third group of functional controls is adjacent to the second group of functional controls in the first switching direction.
  • control display device 900 further includes a fifth display unit configured to:
  • the method further includes:
  • the second group of functional controls is the last group of functional controls in the first switching direction
  • the second trigger control is used to trigger In the sidebar of the interface
  • switch the second group of functional controls to the first group of functional controls for display.
  • the first display unit 910 is specifically configured as:
  • the first group of functional controls is not the first group of functional controls in the first switching direction, displaying the first group of functional controls, the first trigger control and the second trigger control in the sidebar of the target interface;
  • the second trigger control is used to trigger the switching of the first group of functional controls to the fourth group of functional controls for display in the sidebar of the target interface, and the fourth group of functional controls is in the second switching direction corresponding to the second trigger control.
  • the group function controls are adjacent, and the second switching direction is opposite to the first switching direction.
  • control display device 900 also includes a sixth display unit configured to:
  • the first group of functional controls is switched to the fourth group of functional controls in the sidebar of the target interface for display.
  • the second display unit 920 is specifically configured as:
  • a dynamic effect is displayed in the target interface sidebar, and the dynamic effect includes moving the first group of functional controls out of the target interface sidebar along the first moving direction corresponding to the first switching direction at a preset speed and moving the second group of functional controls along the second moving direction at a preset speed The first moving direction corresponding to the switching direction is moved into the sidebar of the target interface;
  • control display device 900 also includes a display size adjustment unit configured to:
  • the first moving direction is parallel to the length direction of the sidebar of the target interface.
  • the display size of the sidebar of the target interface is adjusted according to the number of controls in the first group of functional controls, the number of controls in the second group of functional controls, and the preset speed Adjustment.
  • control display device 900 further includes a seventh display unit configured to:
  • the target function control is fixedly displayed in the sidebar of the target interface, and the target function control is a function control other than the first group of function controls and the second group of function controls.
  • the first set of functional controls and the second set of functional controls partially overlap.
  • control display device 900 shown in FIG. 9 can execute each step in the method embodiment shown in FIG. 1 to FIG. 8 , and realize each process and effects, which will not be described here.
  • An embodiment of the present disclosure also provides a control display device.
  • the control display device may include a processor and a memory, and the memory may be used to store executable instructions.
  • the processor can be used to read executable instructions from the memory, and execute the executable instructions to implement the control display method in the above-mentioned embodiments.
  • FIG. 10 shows a schematic structural diagram of a control display device provided by an embodiment of the present disclosure. Referring specifically to FIG. 10 , it shows a schematic structural diagram of a control display device 1000 suitable for implementing an embodiment of the present disclosure.
  • the control display device 1000 in the embodiment of the present disclosure may be a control display device.
  • the control display device may include but not limited to such as mobile phone, notebook computer, digital broadcast receiver, PDA (personal digital assistant), PAD (tablet computer), PMP (portable multimedia player), vehicle terminal (such as vehicle navigation terminal ), wearable devices, etc. and fixed terminals such as digital TVs, desktop computers, smart home devices, etc.
  • control display device 1000 shown in FIG. 10 is only an example, and should not limit the functions and scope of use of this embodiment of the present disclosure.
  • the control display device 1000 may include a processing device 1001 (such as a central processing unit, a graphics processing unit, etc.), which may be stored in a read-only memory (ROM) 1002 or loaded from a storage device 1008 to Various appropriate actions and processes are executed by accessing programs in the random memory (RAM) 1003 . In the RAM 1003, various programs and data necessary for the operation of the control display device 1000 are also stored.
  • the processing device 1001, ROM 1002, and RAM 1003 are connected to each other through a bus 1004.
  • An input/output interface (I/O interface) 1005 is also connected to the bus 1004 .
  • the following devices can be connected to the I/O interface 1005: input devices 1006 including, for example, a touch screen, touchpad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; including, for example, a liquid crystal display (LCD), speaker, vibration an output device 1007 such as a computer; a storage device 1008 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 1009.
  • the communication means 1009 may allow the control display device 1000 to perform wireless or wired communication with other devices to exchange data. While FIG. 10 shows a control display apparatus 1000 having various means, it should be understood that implementing or possessing all of the illustrated means is not a requirement. More or fewer means may alternatively be implemented or provided.
  • An embodiment of the present disclosure also provides a computer-readable storage medium, the storage medium stores a computer program, and when the computer program is executed by a processor, the processor implements the control display method in the above-mentioned embodiments.
  • embodiments of the present disclosure include a computer program product, which includes a computer program carried on a non-transitory computer readable medium, where the computer program includes program code for executing the method shown in the flowchart.
  • the computer program may be downloaded and installed from a network via communication means 1009, or from storage means 1008, or from ROM 1002.
  • the processing device 1001 the above-mentioned functions defined in the control display method of the embodiment of the present disclosure are executed.
  • the above-mentioned computer-readable medium in the present disclosure may be a computer-readable signal medium or a computer-readable storage medium or any combination of the above two.
  • a computer readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples of computer-readable storage media may include, but are not limited to, electrical connections with one or more wires, portable computer diskettes, hard disks, random access memory (RAM), read-only memory (ROM), erasable Programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination of the above.
  • a computer-readable storage medium may be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, apparatus, or device.
  • a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave carrying computer-readable program code therein. Such propagated data signals may take many forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the foregoing.
  • a computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium, which can transmit, propagate, or transmit a program for use by or in conjunction with an instruction execution system, apparatus, or device .
  • Program code embodied on a computer readable medium may be transmitted by any appropriate medium, including but not limited to wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.
  • clients and servers can communicate using any currently known or future developed network protocol, such as HTTP, and can be interconnected with any form or medium of digital data communication (eg, a communication network).
  • a communication network examples include local area networks (“LANs”), wide area networks (“WANs”), internetworks (e.g., the Internet), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any currently known or future developed network of.
  • LANs local area networks
  • WANs wide area networks
  • Internet internetworks
  • peer-to-peer networks e.g., ad hoc peer-to-peer networks
  • the above-mentioned computer-readable medium may be contained in the above-mentioned control display device; or it may exist independently without being assembled into the control display device.
  • the above-mentioned computer-readable medium carries one or more programs, and when the above-mentioned one or more programs are executed by the control display device, the control display device executes:
  • the second group of functional controls is adjacent to the first group of functional controls in the first switching direction corresponding to the first trigger control.
  • computer program codes for performing the operations of the present disclosure may be written in one or more programming languages or combinations thereof, including but not limited to object-oriented programming languages—such as Java, Smalltalk, C++, and also conventional procedural programming languages—such as "C" or similar programming languages.
  • the program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server.
  • the remote computer can be connected to the user computer through any kind of network, including a local area network (LAN) or a wide area network (WAN), or it can be connected to an external computer (such as through an Internet service provider). Internet connection).
  • LAN local area network
  • WAN wide area network
  • Internet service provider such as AT&T, MCI, Sprint, EarthLink, MSN, GTE, etc.
  • each block in a flowchart or block diagram may represent a module, program segment, or portion of code that contains one or more logical functions for implementing specified executable instructions.
  • the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or they may sometimes be executed in the reverse order, depending upon the functionality involved.
  • each block of the block diagrams and/or flowchart illustrations, and combinations of blocks in the block diagrams and/or flowchart illustrations can be implemented by a dedicated hardware-based system that performs the specified functions or operations , or may be implemented by a combination of dedicated hardware and computer instructions.
  • the units involved in the embodiments described in the present disclosure may be implemented by software or by hardware. Wherein, the name of a unit does not constitute a limitation of the unit itself under certain circumstances.
  • FPGAs Field Programmable Gate Arrays
  • ASICs Application Specific Integrated Circuits
  • ASSPs Application Specific Standard Products
  • SOCs System on Chips
  • CPLD Complex Programmable Logical device
  • a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, apparatus, or device.
  • a machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium.
  • a machine-readable medium may include, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination of the foregoing.
  • machine-readable storage media would include one or more wire-based electrical connections, portable computer discs, hard drives, random access memory (RAM), read only memory (ROM), erasable programmable read only memory (EPROM or flash memory), optical fiber, compact disk read only memory (CD-ROM), optical storage, magnetic storage, or any suitable combination of the foregoing.
  • RAM random access memory
  • ROM read only memory
  • EPROM or flash memory erasable programmable read only memory
  • CD-ROM compact disk read only memory
  • magnetic storage or any suitable combination of the foregoing.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请公开一种控件显示方法、装置、设备及介质。其中，控件显示方法包括：在目标界面边栏内显示第一组功能控件和第一触发控件。当检测到对第一触发控件的第一触发操作时，在目标界面边栏内将第一组功能控件切换为第二组功能控件进行显示。其中，第二组功能控件在第一触发控件对应的第一切换方向上与第一组功能控件相邻。根据本公开实施例，能够在便于用户操作的情况下，增加交互界面边栏能够为用户提供的功能控件的数量，提高交互界面边栏的功能扩展能力，为用户提供更多可以使用的交互功能，进而提升用户的体验。

Description

控件显示方法、装置、设备及介质
本申请要求于2021年6月29日提交中国国家知识产权局、申请号为202110727369.2、发明名称为“控件显示方法、装置、设备及介质”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本发明属于界面显示技术领域，具体涉及一种控件显示方法、装置、设备及介质。
背景技术
为了便于用户的操作，通常会在应用程序的交互界面边栏中显示具有交互功能的功能控件。
但是，随着可供选择的功能控件越来越多样，已有的交互界面边栏已经无法为用户提供全部的功能控件，减少了用户在交互界面内可以使用的交互功能，降低了用户的体验。
发明内容
为了解决上述技术问题或者至少部分地解决上述技术问题，本公开提供了一种控件显示方法、装置、设备及介质。
第一方面，本公开提供了一种控件显示方法，包括：
在目标界面边栏内显示第一组功能控件和第一触发控件；
当检测到对第一触发控件的第一触发操作时，在目标界面边栏内将第一组功能控件切换为第二组功能控件进行显示；
其中，第二组功能控件在第一触发控件对应的第一切换方向上与第一组功能控件相邻。
第二方面，本公开提供了一种控件显示装置，包括：
第一显示单元，配置为在目标界面边栏内显示第一组功能控件和第一触发控件；
第二显示单元，配置为当检测到对第一触发控件的第一触发操作时，在目标界面边栏内将第一组功能控件切换为第二组功能控件进行显示；
其中，第二组功能控件在第一触发控件对应的第一切换方向上与第一组功能控件相邻。
第三方面，本公开提供了一种控件显示设备，包括：
处理器；
存储器，用于存储可执行指令；
其中，处理器用于从存储器中读取可执行指令，并执行可执行指令以实现第一方面所述的控件显示方法。
第四方面，本公开提供了一种计算机可读存储介质，该存储介质存储有计算机程序，当计算机程序被处理器执行时，使得处理器实现第一方面所述的控件显示方法。
本公开实施例提供的技术方案与现有技术相比具有如下优点：
本公开实施例的控件显示方法、装置、设备及介质，能够在目标界面边栏内对功能控件进行分组显示，可以增加交互界面边栏能够为用户提供的功能控件的数量，提高交互界面边栏的功能扩展能力。并且可以通过触发第一触发控件，在目标界面边栏内将第一组功能控件切换为在第一触发控件对应的第一切换方向上与第一组功能控件相邻的第二组功能控件进行显示，以在便于用户操作的情况下，为用户提供更多可以使用的交互功能，进而提升用户的体验。
附图说明
附图用来提供对本发明的进一步理解，并且构成说明书的一部分，与本发明实施例一起用于解释本发明，并不构成对本发明的限制。在附图中：
图1为本公开实施例提供的一种控件显示方法的流程示意图；
图2为本公开实施例提供的一种应用程序界面中显示功能控件的示意图；
图3为本公开实施例提供的又一种应用程序界面中显示功能控件的示意图；
图4为本公开实施例提供的又一种应用程序界面中显示功能控件的示意图；
图5为本公开实施例提供的再一种应用程序界面中显示功能控件的示意图；
图6为本公开实施例提供的再一种应用程序界面中显示功能控件的示意图；
图7为本公开实施例提供的再一种应用程序界面中显示功能控件的示意图；
图8为本公开实施例提供的再一种应用程序界面中显示功能控件的示意图；
图9为本公开实施例提供的一种控件显示装置的结构示意图；
图10为本公开实施例提供的一种控件显示设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。
应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。
现有的诸多应用程序中，为了便于用户的操作，会在其交互界面边栏中显示具有交互功能的功能控件。但是，随着可供选择的功能控件越来越多样，已有的交互界面边栏已经无法为用户提供全部的功能控件，减少了用户在交互界面内可以使用的交互功能，降低了用户的体验。
为了解决上述问题，本公开实施例提供了一种控件显示方法、装置、设备及介质，以在拍摄或编辑多媒体内容(如图片、音频和视频中的至少一种)、浏览网页、玩游戏、操控电子设备桌面等可以进行多种交互操作的应用场景下，在便于用户操作的情况下，增加交互界面边栏能够为用户提供的功能控件的数量，提高交互界面边栏的功能扩展能力。
下面首先结合图1-8对本公开实施例提供的控件显示方法进行说明。
在本公开实施例中，该控件显示方法可以由电子设备执行。其中，电子设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)、可穿戴设备等等的移动终端以及诸如数字TV、台式计算机、智能家居设备等等的固定终端。
图1示出了本公开实施例提供的一种控件显示方法的流程示意图。如图1所示，该控件显示方法可以包括如下步骤：
S110、在目标界面边栏内显示第一组功能控件和第一触发控件。
在本公开实施例中，目标界面边栏是指具有交互功能的应用程序界面中、用于显示实现交互功能的功能控件的区域。
其中，目标界面边栏在应用程序界面中可以是在页面左侧、右侧、上侧或下侧等位置显示的左边栏、右边栏、上边栏或下边栏。目标界面边栏在应用程序界面中的显示尺寸可以是固定不变的，也可以是根据显示的功能控件的数量和控件尺寸来动态调整。
在动态调整目标界面边栏的显示尺寸的实施方式中，目标界面边栏的短边长度保持不变，目标界面边栏的长边长度依据显示的功能控件的数量和控件尺寸调整。其中，短边可以为目标界面边栏中垂直于所沿的应用程序界面的侧边的边，长边可以为目标界面边栏中平行于所沿的应用程序界面的侧边的边。
例如，目标界面边栏为左边栏或右边栏时，目标界面边栏的短边为目标界面边栏中垂直于应用程序界面的左侧边或右侧边的边，其长度保持不变。目标界面边栏为上边栏或下边栏时，目标界面边栏的短边为目标界面边栏中垂直于应用程序界面的上侧边或下侧边的边，其长度保持不变。
在本公开实施例中，第一组功能控件可以是对待显示功能控件进行分组显示时，待显示功能控件中的任意一组功能控件。
在一些实施例中，可以基于多个用户对各个待显示功能控件的使用频率对各待显示功能控件进行分组。例如，总共有10个待显示功能控件，那么根据多个用户对每个预设功能控件的综合使用频率对10个待显示功能控件排序，将排序靠前的5个待显示功能控件确定为一组功能控件，将剩余5个待显示功能控件确定为另一组功能控件。在该实施例中，每组功能控件中的待显示功能控件保持不变。
在另一些实施例中，可以基于当前用户对各个待显示功能控件的使用频率对各待显示功能控件进行分组。该实施例中，每个用户对应的第一组功能控件中的待显示功能控件可能是不同的。而且，同一用户对应的第一组功能控件中的待显示功能控件也可以随着对交互功能的使用时长而变化。例如，当前用户在一段时间内经常使用“美化”功能进行拍摄，而不经常使用“编辑”功能进行拍摄后处理。那么在该一段时间内的第一组功能控件中便包含“美化”功能控件，而不包含“编辑”功能控件。但是，当前用户在另一段时间内又经常使用“编辑”功能进行拍摄后处理，而不经常使用“美化”功能进行拍摄。那么该另一段时间内的第一组功能控件中便包含“编辑”功能控件，而不包含“美化”功能控件。
第一触发控件是指可供用户进行触发操作的、用于触发显示第一组功能控件之外的其他待显示功能控件的控件。例如可以是表示“更多”或 “展开”等功能的触发控件。再例如也可以是表示“收起”等功能的触发控件。这里的触发操作可以是点击操作、语音控制操作、手势控制操作或眼动控制操作等。
具体地，在用户进入应用程序的应用程序界面后，电子设备可以在应用程序界面中显示目标界面边栏，并且在目标界面边栏中显示第一组功能控件和第一触发控件。
下面以拍摄或编辑多媒体内容的应用场景为例进行说明。此时，应用程序界面可以为多媒体内容的拍摄界面或编辑界面。其中，多媒体内容可以包括图片、音频和视频中的至少一种。
在一些实施例中，目标界面边栏可以为拍摄界面或编辑界面等应用程序界面的左边栏或右边栏。
图2示出了本公开实施例提供的一种应用程序界面中显示功能控件的示意图。
如图2所示，电子设备可以显示有应用程序界面200，目标界面边栏201显示在该应用程序界面200的右边栏。目标界面边栏201中显示有第一组功能控件202和第一触发控件203。第一组功能控件202中包括“翻转”、“滤镜”、“特效”、“倒计时”、“美化”和“变声”的6个待显示功能控件。
需要说明的是，对于在左边栏或右边栏显示的目标界面边栏中的第一组功能控件，除了如图2所示的单列显示之外，还可以多列显示。并且多列显示时，每列中显示的待显示功能控件的数量相同。
在另一些实施例中，目标界面边栏可以为拍摄界面或编辑界面等应用程序界面的上边栏或下边栏。
图3示出了本公开实施例提供的又一种应用程序界面中显示功能控件的示意图。
如图3所示，电子设备可以显示有应用程序界面300，目标界面边栏301显示在该应用程序界面300的上边栏。目标界面边栏301中显示有第一组功能控件302和第一触发控件303。第一组功能控件302中包括“翻转”、“滤镜”、“特效”和“倒计时”的4个待显示功能控件。
需要说明的是，对于在上边栏或下边栏显示的目标界面边栏中的第一组功能控件，除了如图3所示的单行显示之外，还可以多行显示。并且，多行显示时，每行中显示的待显示功能控件的数量相同。
S120、当检测到对第一触发控件的第一触发操作时，在目标界面边栏内将第一组功能控件切换为第二组功能控件进行显示。
在本公开实施例中，第二组功能控件是区别于第一组功能控件的又一组待显示功能控件。
可选地，第二组功能控件在第一触发控件对应的第一切换方向上与第一组功能控件相邻。即第二组功能控件是在待显示功能控件中的在第一切换方向上与第一组功能控件相邻的一组功能控件。其中，第一切换方向是指第一触发控件被触发执行时各待显示功能控件的切换方向。也就是说，如果存在大于两组的功能控件，那么，第二组功能控件是与第一组功能控件相邻的一组功能控件，而非任一组功能控件。并且，第二组功能控件须是在第一切换方向上与第一组功能控件相邻的一组功能控件。
可选地，第一切换方向为向后相邻的一组功能控件进行切换，第二组功能控件为与第一组功能控件后相邻的一组功能控件。或者，第一切换方向为向前相邻的一组功能控件进行切换，第二组功能控件为与第一组功能控件前相邻的一组功能控件。
在一些实施例中，第一切换方向可以是向后一组功能控件切换的方向，第二组功能控件是第一组功能控件之后的相邻的一组功能控件。在另一些实施例中，第一切换方向也可以是向前一组功能控件切换的方向，第二组功能控件是第一组功能控件之前的相邻的一组功能控件。
其中，第一触发操作是对第一触发控件的触发操作，其可以是点击操作、语音控制操作、手势控制操作或眼动控制操作等。
具体地，如果用户对目标界面边栏中的第一触发控件进行了触发，那么电子设备可检测到该第一触发控件的触发操作(即第一触发操作)。此时，电子设备将目标界面边栏中的第一组功能控件切换显示为第二组功能控件。该切换显示的过程可以是静态替换过程，用户可见切换前后结果，也可以是用户可见的动态切换过程。
继续参见图2，若第一切换方向是向后一组功能控件切换的方向，待显示功能控件的移动方向为向上移动。那么用户触发第一触发控件203后，第一组功能控件202将被替换为其下方的第二组功能控件，其显示效果如图4所示。图4中显示的第一组功能控件402中包含“设置”、“贴纸”、“剪辑”、“自动字幕”、“画质增强”和“保存本地”的6个待显示功能控件。
继续参见图2，若第一切换方向是向后一组功能控件切换的方向，待显示功能控件的移动方向为向左移动。那么用户触发第一触发控件203后，第一组功能控件202将被替换为其右侧的第二组功能控件，其显示效果如图5所示。在图5中，隐藏图2中的第一组功能控件502′，而显示图5中的第一组功能控件502。该第一组功能控件502中包含“设置”、“贴纸”、“剪辑”、“自动字幕”、“画质增强”和“保存本地”的6个待显示功能控件。
继续参见图3，若第一切换方向是向后一组功能控件切换的方向，待显示功能控件的移动方向为向左移动。那么用户触发第一触发控件303后，第一组功能控件302将被替换为其右侧的第二组功能控件，其显示效果如图6所示。图6中显示的第一组功能控件602包含“美化”、“变声”、“贴纸”、“剪辑”和“设置”的5个待显示功能控件。
由图2和图3可见，为减少对多媒体内容的遮挡，虽然拍摄界面或编辑界面等应用程序界面的边栏的显示区域是有限的，但本公开实施例依然可以在有限的边栏的显示区域中为应用程序界面拓展更多的控件功能，以为用户提供更多的交互功能。
综上，本公开实施例的控件显示方法，能够在目标界面边栏内对功能控件进行分组显示，可以增加交互界面边栏能够为用户提供的功能控件的数量，提高交互界面边栏的功能扩展能力。并且可以通过触发第一触发控件，在目标界面边栏内将第一组功能控件切换为在第一触发控件对应的第一切换方向上与第一组功能控件相邻的第二组功能控件进行显示，以在便于用户操作的情况下，为用户提供更多可以使用的交互功能，进而提升用户的体验。
在本公开的一种实施方式中，目标界面边栏中所显示的内容与待显示功能控件的控件数量相关。
在一些实施例中，S110包括：在待显示功能控件的总数大于预设数量阈值的情况下，在目标界面边栏内显示第一组功能控件和第一触发控件。
其中，预设数量阈值是一个预先设定的数量值，其用于判断是否分组显示待显示功能控件。预设数量阈值可以经验设定，也可以根据目标界面边栏的边栏尺寸和待显示功能控件的控件尺寸计算确定。
具体地，比较待显示功能控件的总数和预设数量阈值。如果总数大于预设数量阈值，则确定目标界面边栏内无法一次显示所有的待显示功能控件，则对待显示功能控件进行分组，并在目标界面边栏内显示第一组功能控件和第一触发控件。
在另一些实施例中，在待显示功能控件的总数小于或等于预设数量阈值的情况下，在目标界面边栏内显示待显示功能控件。也就是说，如果待显示功能控件的总数大于预设数量阈值，则确定目标界面边栏内能够容纳所有的待显示功能控件。此时无需对待显示功能控件进行分组，而是直接将各个待显示功能控件显示在目标界面边栏内。由于没有其他待显示功能控件需要显示，所以也无需在目标界面边栏内显示第一触发控件。
通过上述设置，能够在目标界面边栏中显示更加合适的控件，避免显示冗余控件而对用户的交互操作产生干扰，进一步提升用户交互操作效率和体验。
在本公开的又一种实施方式中，目标界面边栏中所显示的内容与待显示功能控件的划分组数相关。但需要说明的是，在确定目标界面边栏中显示内容时，上述判断待显示功能控件的总数的优先级高于本实施方式中判断待显示功能控件组数的优先级。
在一些实施例中，在S110之后，在第二组功能控件不是在第一切换方向上的末组功能控件的情况下，在目标界面边栏内保持显示第一触发控件。
本公开实施例中，第一触发控件用于触发在目标界面边栏内将第二组功能控件切换为第三组功能控件进行显示。第三组功能控件在第一切换方 向上与第二组功能控件相邻。即第三组功能控件是在待显示功能控件中的、在第一切换方向上与第二组功能控件相邻的一组功能控件。
本实施例中，在切换显示第二组功能控件后，判断第二组功能控件是否是第一切换方向上的最后一组功能控件。如果不是最后一组功能控件，说明可以继续在第一切换方向上触发显示更多的待显示功能控件，所以可以在目标界面边栏中保持显示第一触发控件。
可选地，在显示第二组功能控件之后，且在第二组功能控件不是在第一切换方向上的末组功能控件的情况下，在目标界面边栏内还可以显示第二触发控件。
本公开实施例中，第二触发控件可以用于触发在目标界面边栏内将第二组功能控件切换为第一组功能控件进行显示。可选地，第二触发控件对应的切换方向(即第二切换方向)与第一切换方向相反。例如如果第一触发控件是表示“更多”或“展开”等功能的触发控件，则第二触发控件可以是表示“收起”等功能的触发控件。
例如，如果第二组功能控件之前存在第一组功能控件，其之后存在第三组功能控件，那么在显示第二组功能控件之后，用户至少可以向前切换显示第一组功能控件，也可以向后切换显示第三组功能控件。故可以在显示第二组功能控件及第一触发控件的同时，在目标界面边栏中显示第二触发控件。
在另一些实施例中，在S110之后，在第二组功能控件是在第一切换方向上的末组功能控件的情况下，在目标界面边栏内将第一触发控件切换为第二触发控件进行显示。
本公开实施例中，第二触发控件用于触发在目标界面边栏内将第二组功能控件切换为第一组功能控件进行显示。可选地，第二触发控件对应的切换方向(即第二切换方向)与第一切换方向相反。例如如果第一触发控件是表示“更多”或“展开”等功能的触发控件，则第二触发控件可以是表示“收起”等功能的触发控件。
具体地，在切换显示第二组功能控件后，如果判断出第二组功能控件是第一切换方向上的最后一组功能控件，那么待显示功能控件中不存在与 第二组功能控件在第一切换方向上相邻的第三组功能控件，就不能切换显示第三组功能控件。此时可以在目标界面边栏内显示第二触发控件，同时隐藏第一触发控件。也就是说，如果第二组功能控件是第一切换方向上的最后一组功能控件，则可以显示与第一触发控件的切换方向相反的第二触发控件，而无需显示第一触发控件。
在又一些实施例中，S110包括：在第一组功能控件不是在第一切换方向上的首组功能控件的情况下，在目标界面边栏内显示第一组功能控件、第一触发控件和第二触发控件。
本公开实施例中，第二触发控件用于触发在目标界面边栏内将第一组功能控件切换为第四组功能控件进行显示。第四组功能控件在第二触发控件对应的第二切换方向上与第一组功能控件相邻。即第四组功能控件是在待显示功能控件中的、在第二切换方向上与第一组功能控件相邻的一组功能控件。
具体地，如果第一组功能控件既不是第一切换方向上的首组功能控件，也不是第一切换方向上的最后一组功能控件，即第一组功能控件在第一切换方向上存在向前相邻的一组功能控件(第四组功能控件)，也存在向后相邻的一组功能控件。那么在目标界面边栏中显示第一组功能控件后，用户至少可以向前切换显示第四组功能控件，也可以向后切换显示第三组功能控件。故可以在目标界面边栏中同时显示第一组功能控件、第一触发控件和第二触发控件，以对用户进行功能扩展的提醒，且更加方便地供用户切换不同功能控件。
图7示出了本公开实施例提供的又一种应用程序界面中显示功能控件的示意图。如图7所示，电子设备可以显示有应用程序界面700，目标界面边栏701显示在该应用程序界面700的右边栏。目标界面边栏701中显示有第一组功能控件702、第一触发控件703和第二触发控件704。
进一步地，在目标界面边栏显示第二触发控件的基础上，当检测到对第二触发控件的第二触发操作时，在目标界面边栏内将第一组功能控件切换为第四组功能控件进行显示。
其中，第二触发操作是对第二触发控件的触发操作，其可以是点击操作、语音控制操作、手势控制操作或眼动控制操作等。
具体地，如果用户对目标界面边栏中的第二触发控件进行了触发，那么电子设备可检测到该第二触发控件的第二触发操作。此时，电子设备将目标界面边栏中的第一组功能控件切换显示为第四组功能控件。该切换显示的过程可以是静态替换过程，用户可见切换前后结果，也可以是用户可见的动态切换过程。
继续参见图4，若第二切换方向是向前一组功能控件切换的方向，那么用户触发第二触发控件403后，第一组功能控件402将被替换为其上方的第四组功能控件，其显示效果如图2所示。
继续参见图6，若第二切换方向是向前一组功能控件切换的方向，那么用户触发第二触发控件603后，第一组功能控件602将被替换为其左侧的第四组功能控件，其显示效果如图3所示。
在本公开的又一种实施方式中，不同组功能控件的切换过程为动态切换过程。
在一些实施例中，在目标界面边栏内将第一组功能控件切换为第二组功能控件进行显示，包括：在目标界面边栏内显示动态效果，动态效果包括按预设速度将第一组功能控件沿第一切换方向对应的第一移动方向移出目标界面边栏且按预设速度将第二组功能控件沿第一切换方向对应的第一移动方向移入目标界面边栏。当动态效果显示完成时，在目标界面边栏内显示第二组功能控件。
具体地，待显示功能控件动态切换时会预先设定一移动速度，即预设速度。在用户触发第一触发控件或第二触发控件后，不同组的功能控件将按照预设速度、沿着第一切换方向对应的第一移动方向同步移动。或者，用户触发第二触发控件后，不同组的功能控件将按照预设速度、沿着第二切换方向对应的第二移动方向同步移动。这里的第一移动方向可以是与第一切换方向平行，也可以垂直于第一切换方向。同样地，第二移动方向可以与第二切换方向平行，也可以垂直于第二切换方向。
图8示出了本公开实施例提供的又一种应用程序界面中显示功能控件的示意图。图8所示内容是以图2中的第一组功能控件切换为其下方的第二组功能控件为例，对其动态切换过程进行说明。
如图8(a)所示，在用户触发图2中的第一触发控件203之后，应用程序界面800中的目标界面边栏801中隐藏第一触发控件，并按照预设速度向上移动第一组功能控件802和第二组功能控件803。在该过程中，当待显示功能控件移动至目标界面边栏801范围内时，其呈现显示状态。当待显示功能控件移出目标界面边栏801的范围后，或未进入目标界面边栏801的范围时，其呈现隐藏状态(图8中以灰色示出)。当第一组功能控件802完全移出目标界面边栏801范围，而第二组功能控件803完全移入目标界面边栏801范围后，停止移动，如图8(b)所示。该状态下，第二组功能控件803将成为切换后的第一组功能控件，第一组功能控件802将成为切换后的第四组功能控件。此时，需要在目标界面边栏801中再显示第二触发控件804。
在本公开的又一种实施方式中，目标边界边栏的显示尺寸可保持不变，也可动态变化。
在一些实施例中，目标界面边栏的短边长度和长边长度均保持不变，且长边长度采用可显示的最大长度。继续参见图5，在两组功能控件左右切换显示的过程中，目标界面边栏501的尺寸保持在最大显示尺寸不变。
在另一些实施例中，第一移动方向与目标界面边栏的长度方向平行，在显示动态效果的过程中，目标界面边栏的显示尺寸根据第一组功能控件的控件数量、第二组功能控件的控件数量和预设速度进行调整。
具体地，在动态切换过程中，目标界面边栏的短边长度保持不变，而长边长度随着显示的控件数量和移动的预设速度自动调整。该自动调整过程中，可以根据预设速度，计算出第一组功能控件完成移出的时长。并且计算第一组功能控件的控件数量和第二组功能控件的控件数量之间的数量差。该数量差可以乘以一个控件预设所属的显示区域的长度，得到需要调整的总长度。然后根据需要调整的总长度除以时长，得到在第一组功能控件开始移出的过程中，对目标界面遍历的长度进行同步增大的速度。
如图3所示，切换前第一组功能控件302中包含4个待显示功能控件，切换后图6中的第一组功能控件602中包含5个待显示功能控件，那么切换后的目标界面边栏601的长度大于切换前的目标界面边栏301的长度。这样自动调整目标界面边栏的长度，可避免过小的边栏无法容纳待显示功能控件，也可以避免过大的边栏导致其他功能的失效或误触发。
在本公开的又一种实施方式中，目标界面边栏中除了待显示功能控件外，还能显示其他功能控件。
在一些实施例中，在目标界面边栏内固定显示目标功能控件，目标功能控件为第一组功能控件和第二组功能控件以外的功能控件。本实施例中，在目标界面边栏中固定显示至少一个除了待显示功能控件之外的目标功能控件。该目标功能控件的位置不随着不同组功能控件的切换而变化。
以目标界面边栏为右边栏为例，可以在目标界面边栏的顶部显示目标功能控件，在目标功能控件的下方显示可以进行切换的各组功能控件。该目标功能控件可以是用户使用频率最高的待显示功能控件，以便用户可以更加便捷地使用该目标功能控件。
在本公开的又一种实施方式中，各组功能控件之间可存在重叠的功能控件。
在一些实施例中，第一组功能控件和第二组功能控件部分重叠。也就是说，在不同组的功能控件的切换过程中，有一部分重叠的待显示功能控件是不切换的，其始终显示在目标界面边栏内。
例如，重叠的功能控件可以设置于第一组功能控件的最后，在切换过程中控制第一组功能控件的最后一个待显示功能控件不进行切换，即只切换整组功能控件中的部分待显示功能控件。
在一示例中，目标界面边栏为右边栏，第一切换方向为向后一组功能控件切换的方向，待显示控件向上移动，将不希望切换的重叠的功能控件设置在第一组功能控件的末尾。当第一组功能控件向上移动至末尾的待显示功能控件时，停止移动，将末尾的待显示功能控件继续显示在目标界面边栏中。
再例如，重叠的功能控件可以设置于第一组功能控件的最后和第二组功能控件的开始，在切换过程中进行整组功能控件的切换显示。
在一示例中，目标界面边栏为右边栏，第一切换方向为向后一组功能控件切换的方向。待显示控件向上移动，在第一组功能控件的末尾和第二组功能控件的首位均设置不希望切换的重叠的功能控件。这样，当切换后，不希望切换的重叠的功能控件只是变换了显示位置，但其仍然显示在目标界面边栏中。
又例如，重叠的功能控件可以分别设置于第一组功能控件和第二组功能控件的开始或最后，在切换过程中进行整组功能控件的切换显示。
在一示例中，目标界面边栏为右边栏，第一切换方向为向后一组功能控件切换的方向。待显示功能控件向左移动，在第一组功能控件向左移出目标界面边栏，第二组功能控件向左移入目标界面边栏后，仍在目标界面边栏的顶部显示重叠的功能控件。
上述重叠的功能控件是用户使用频率较高的待显示功能控件，通过上述设置，可以在目标界面边栏中保持显示该重叠的功能控件，以便用户可以更加便捷地使用该重叠的功能控件。
本公开实施例还提供了一种控件显示装置，下面结合图9进行说明。
在本公开实施例中，该控件显示装置可以为电子设备。其中，电子设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA、PAD、PMP、车载终端(例如车载导航终端)、可穿戴设备等等的移动终端以及诸如数字TV、台式计算机、智能家居设备等等的固定终端。
图9示出了本公开实施例提供的一种控件显示装置的结构示意图。
如图9所示，该控件显示装置900可以包括第一显示单元910和第二显示单元920。
第一显示单元910，配置为在目标界面边栏内显示第一组功能控件和第一触发控件；
第二显示单元920，配置为当检测到对第一触发控件的第一触发操作时，在目标界面边栏内将第一组功能控件切换为第二组功能控件进行显示；
其中，第二组功能控件在第一触发控件对应的第一切换方向上与第一组功能控件相邻。
本公开实施例的控件显示装置，能够在目标界面边栏内对功能控件进行分组显示，可以增加交互界面边栏能够为用户提供的功能控件的数量，提高交互界面边栏的功能扩展能力，并且可以通过触发第一触发控件，在目标界面边栏内将第一组功能控件切换为在第一触发控件对应的第一切换方向上与第一组功能控件相邻的第二组功能控件进行显示，以在便于用户操作的情况下，为用户提供更多可以使用的交互功能，进而提升用户的体验。
在一些实施例中，第一显示单元910具体配置为：
在待显示功能控件的总数大于预设数量阈值的情况下，在目标界面边栏内显示第一组功能控件和第一触发控件。
可选地，控件显示装置900还包括第三显示单元，配置为：
在待显示功能控件的总数小于或等于预设数量阈值的情况下，在目标界面边栏内显示待显示功能控件。
在一些实施例中，第一切换方向为向后相邻的一组功能控件进行切换，第二组功能控件为与第一组功能控件后相邻的一组功能控件；
或者，第一切换方向为向前相邻的一组功能控件进行切换，第二组功能控件为与第一组功能控件前相邻的一组功能控件。
在一些实施例中，控件显示装置900还包括第四显示单元，配置为：
在检测到对第一触发控件的第一触发操作之后，在第二组功能控件不是在第一切换方向上的末组功能控件的情况下，在目标界面边栏内保持显示第一触发控件，第一触发控件用于触发在目标界面边栏内将第二组功能控件切换为第三组功能控件进行显示，第三组功能控件在第一切换方向上与第二组功能控件相邻。
可选地，控件显示装置900还包括第五显示单元，配置为：
在检测到对第一触发控件的第一触发操作之后，方法还包括：
在第二组功能控件是在第一切换方向上的末组功能控件的情况下，在目标界面边栏内将第一触发控件切换为第二触发控件进行显示，第二触发 控件用于触发在目标界面边栏内将第二组功能控件切换为第一组功能控件进行显示。
在一些实施例中，第一显示单元910具体配置为：
在第一组功能控件不是在第一切换方向上的首组功能控件的情况下，在目标界面边栏内显示第一组功能控件、第一触发控件和第二触发控件；
其中，第二触发控件用于触发在目标界面边栏内将第一组功能控件切换为第四组功能控件进行显示，第四组功能控件在第二触发控件对应的第二切换方向上与第一组功能控件相邻，第二切换方向与第一切换方向相反。
进一步地，控件显示装置900还包括第六显示单元，配置为：
当检测到对第二触发控件的第二触发操作时，在目标界面边栏内将第一组功能控件切换为第四组功能控件进行显示。
在一些实施例中，第二显示单元920具体配置为：
在目标界面边栏内显示动态效果，动态效果包括按预设速度将第一组功能控件沿第一切换方向对应的第一移动方向移出目标界面边栏且按预设速度将第二组功能控件沿第一切换方向对应的第一移动方向移入目标界面边栏；
当动态效果显示完成时，在目标界面边栏内显示第二组功能控件。
进一步地，控件显示装置900还包括显示尺寸调整单元，配置为：
第一移动方向与目标界面边栏的长度方向平行，在显示动态效果的过程中，目标界面边栏的显示尺寸根据第一组功能控件的控件数量、第二组功能控件的控件数量和预设速度进行调整。
在一些实施例中，控件显示装置900还包括第七显示单元，配置为：
在目标界面边栏内固定显示目标功能控件，目标功能控件为第一组功能控件和第二组功能控件以外的功能控件。
在一些实施例中，第一组功能控件和第二组功能控件部分重叠。
需要说明的是，图9所示的控件显示装置900可以执行图1至图8所示的方法实施例中的各个步骤，并且实现图1至图8所示的方法实施例中的各个过程和效果，在此不做赘述。
本公开实施例还提供了一种控件显示设备，该控件显示设备可以包括处理器和存储器，存储器可以用于存储可执行指令。其中，处理器可以用于从存储器中读取可执行指令，并执行可执行指令以实现上述实施例中的控件显示方法。
图10示出了本公开实施例提供的一种控件显示设备的结构示意图。下面具体参考图10，其示出了适于用来实现本公开实施例中的控件显示设备1000的结构示意图。
本公开实施例中的控件显示设备1000可以为控件显示设备。其中，控件显示设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)、可穿戴设备、等等的移动终端以及诸如数字TV、台式计算机、智能家居设备等等的固定终端。
需要说明的是，图10示出的控件显示设备1000仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。
如图10所示，该控件显示设备1000可以包括处理装置1001(例如中央处理器、图形处理器等)，其可以根据存储在只读存储器(ROM)1002中的程序或者从存储装置1008加载到随机访问存储器(RAM)1003中的程序而执行各种适当的动作和处理。在RAM 1003中，还存储有控件显示设备1000操作所需的各种程序和数据。处理装置1001、ROM 1002以及RAM 1003通过总线1004彼此相连。输入/输出接口(I/O接口)1005也连接至总线1004。
通常，以下装置可以连接至I/O接口1005：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置1006；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置1007；包括例如磁带、硬盘等的存储装置1008；以及通信装置1009。通信装置1009可以允许控件显示设备1000与其他设备进行无线或有线通信以交换数据。虽然图10示出了具有各种装置的控件显示设备1000，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
本公开实施例还提供了一种计算机可读存储介质，该存储介质存储有计算机程序，当计算机程序被处理器执行时，使得处理器实现上述实施例中的控件显示方法。
特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在非暂态计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置1009从网络上被下载和安装，或者从存储装置1008被安装，或者从ROM 1002被安装。在该计算机程序被处理装置1001执行时，执行本公开实施例的控件显示方法中限定的上述功能。
需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。
在一些实施方式中，客户端、服务器可以利用诸如HTTP之类的任何当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(“LAN”)，广域网(“WAN”)，网际网(例如，互联网)以及端对端网络(例如，ad hoc端对端网络)，以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述控件显示设备中所包含的；也可以是单独存在，而未装配入该控件显示设备中。
上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该控件显示设备执行时，使得该控件显示设备执行：
在目标界面边栏内显示第一组功能控件和第一触发控件；
当检测到对第一触发控件的第一触发操作时，在目标界面边栏内将第一组功能控件切换为第二组功能控件进行显示；
其中，第二组功能控件在第一触发控件对应的第一切换方向上与第一组功能控件相邻。
在本公开实施例中，可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图，图示了按照本公开各种实施例的方法、设备和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的 功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，单元的名称在某种情况下并不构成对该单元本身的限定。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开中所涉及的公开范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述公开构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
此外，虽然采用特定次序描绘了各操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下，多任务和并行处理可能是有利的。同样地，虽然在上面论述中包含了若干具体实现细节，但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地，在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。
尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题，但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反，上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。

Claims (13)

  1. 一种控件显示方法，其特征在于，包括：
    在目标界面边栏内显示第一组功能控件和第一触发控件；
    当检测到对所述第一触发控件的第一触发操作时，在所述目标界面边栏内将所述第一组功能控件切换为第二组功能控件进行显示；
    其中，所述第二组功能控件在所述第一触发控件对应的第一切换方向上与所述第一组功能控件相邻。
  2. 根据权利要求1所述的方法，其特征在于，所述在目标界面边栏内显示第一组功能控件和第一触发控件，包括：
    在待显示功能控件的总数大于预设数量阈值的情况下，在目标界面边栏内显示第一组功能控件和第一触发控件。
  3. 根据权利要求1所述的方法，其特征在于，所述第一切换方向为向后相邻的一组功能控件进行切换，所述第二组功能控件为与所述第一组功能控件后相邻的一组功能控件；
    或者，所述第一切换方向为向前相邻的一组功能控件进行切换，所述第二组功能控件为与所述第一组功能控件前相邻的一组功能控件。
  4. 根据权利要求1所述的方法，其特征在于，在所述检测到对所述第一触发控件的第一触发操作之后，所述方法还包括：
    在所述第二组功能控件不是在所述第一切换方向上的末组功能控件的情况下，在所述目标界面边栏内保持显示所述第一触发控件，所述第一触发控件用于触发在所述目标界面边栏内将所述第二组功能控件切换为第三组功能控件进行显示，所述第三组功能控件在所述第一切换方向上与所述第二组功能控件相邻。
  5. 根据权利要求1所述的方法，其特征在于，在所述检测到对所述第一触发控件的第一触发操作之后，所述方法还包括：
    在所述第二组功能控件是在所述第一切换方向上的末组功能控件的情况下，在所述目标界面边栏内将所述第一触发控件切换为第二触发控件进行显示，所述第二触发控件用于触发在所述目标界面边栏内将所述第二组功能控件切换为所述第一组功能控件进行显示。
  6. 根据权利要求1所述的方法，其特征在于，所述在目标界面边栏内显示第一组功能控件和第一触发控件，包括：
    在第一组功能控件不是在第一切换方向上的首组功能控件的情况下，在目标界面边栏内显示所述第一组功能控件、第一触发控件和第二触发控件；
    其中，所述第二触发控件用于触发在所述目标界面边栏内将所述第一组功能控件切换为第四组功能控件进行显示，所述第四组功能控件在所述第二触发控件对应的第二切换方向上与所述第一组功能控件相邻，所述第二切换方向与所述第一切换方向相反。
  7. 根据权利要求1所述的方法，其特征在于，所述在所述目标界面边栏内将所述第一组功能控件切换为第二组功能控件进行显示，包括：
    在所述目标界面边栏内显示动态效果，所述动态效果包括按预设速度将所述第一组功能控件沿第一切换方向对应的第一移动方向移出所述目标界面边栏且按所述预设速度将第二组功能控件沿所述第一切换方向对应的第一移动方向移入所述目标界面边栏；
    当所述动态效果显示完成时，在所述目标界面边栏内显示所述第二组功能控件。
  8. 根据权利要求7所述的方法，其特征在于，所述第一移动方向与所述目标界面边栏的长度方向平行，在显示所述动态效果的过程中，所述目标界面边栏的显示尺寸根据所述第一组功能控件的控件数量、所述第二组功能控件的控件数量和所述预设速度进行调整。
  9. 根据权利要求1所述的方法，其特征在于，所述方法还包括：
    在所述目标界面边栏内固定显示目标功能控件，所述目标功能控件为所述第一组功能控件和所述第二组功能控件以外的功能控件。
  10. 根据权利要求1所述的方法，其特征在于，所述第一组功能控件和所述第二组功能控件部分重叠。
  11. 一种控件显示装置，其特征在于，包括：
    第一显示单元，配置为在目标界面边栏内显示第一组功能控件和第一触发控件；
    第二显示单元，配置为当检测到对所述第一触发控件的第一触发操作时，在所述目标界面边栏内将所述第一组功能控件切换为第二组功能控件进行显示；
    其中，所述第二组功能控件在所述第一触发控件对应的第一切换方向上与所述第一组功能控件相邻。
  12. 一种控件显示设备，其特征在于，包括：
    处理器；
    存储器，用于存储可执行指令；
    其中，所述处理器用于从所述存储器中读取所述可执行指令，并执行所述可执行指令以实现上述权利要求1-10中任一项所述的控件显示方法。
  13. 一种计算机可读存储介质，其特征在于，所述存储介质存储有计算机程序，当所述计算机程序被处理器执行时，使得处理器实现上述权利要求1-10中任一项所述的控件显示方法。
PCT/CN2022/098364 2021-06-29 2022-06-13 控件显示方法、装置、设备及介质 Ceased WO2023273854A1 (zh)

Priority Applications (3)

Application Number Priority Date Filing Date Title
EP22831674.1A EP4343512A4 (en) 2021-06-29 2022-06-13 CONTROL DISPLAY METHOD AND APPARATUS, DEVICE AND MEDIUM
JP2023578989A JP7679983B2 (ja) 2021-06-29 2022-06-13 コントロール表示方法、装置、機器及び媒体
US18/390,406 US20240118794A1 (en) 2021-06-29 2023-12-20 Control display method, apparatus, and device, and medium

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202110727369.2A CN113342230A (zh) 2021-06-29 2021-06-29 控件显示方法、装置、设备及介质
CN202110727369.2 2021-06-29

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US18/390,406 Continuation US20240118794A1 (en) 2021-06-29 2023-12-20 Control display method, apparatus, and device, and medium

Publications (2)

Publication Number Publication Date
WO2023273854A1 true WO2023273854A1 (zh) 2023-01-05
WO2023273854A9 WO2023273854A9 (zh) 2024-01-11

Family

ID=77481510

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/098364 Ceased WO2023273854A1 (zh) 2021-06-29 2022-06-13 控件显示方法、装置、设备及介质

Country Status (5)

Country Link
US (1) US20240118794A1 (zh)
EP (1) EP4343512A4 (zh)
JP (1) JP7679983B2 (zh)
CN (1) CN113342230A (zh)
WO (1) WO2023273854A1 (zh)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113342230A (zh) * 2021-06-29 2021-09-03 北京字跳网络技术有限公司 控件显示方法、装置、设备及介质
CN114860148B (zh) * 2022-04-19 2024-01-16 北京字跳网络技术有限公司 一种交互方法、装置、计算机设备及存储介质
CN114816184A (zh) * 2022-04-26 2022-07-29 曙光网络科技有限公司 一种操作控件的展示方法、装置、设备及存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060168538A1 (en) * 2005-01-21 2006-07-27 Microsoft Corporation System and method for displaying full product functionality using minimal user interface footprint
CN104902098A (zh) * 2015-06-16 2015-09-09 努比亚技术有限公司 一种移动终端的侧边栏切换方法及系统
CN108549510A (zh) * 2018-03-29 2018-09-18 上海连尚网络科技有限公司 用于显示寄宿应用的图标的方法、设备和存储介质
CN108958867A (zh) * 2018-06-29 2018-12-07 维沃移动通信有限公司 一种应用的任务操作方法及装置
CN109144649A (zh) * 2018-08-22 2019-01-04 Oppo广东移动通信有限公司 图标的显示方法、装置、终端及存储介质
CN113342230A (zh) * 2021-06-29 2021-09-03 北京字跳网络技术有限公司 控件显示方法、装置、设备及介质

Family Cites Families (46)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2002259009A (ja) * 2001-02-27 2002-09-13 Nissin Systems Co Ltd ツールバー表示方法及びその記録媒体
US8091042B2 (en) * 2001-11-15 2012-01-03 Siebel Systems, Inc. Apparatus and method for displaying selectable icons in a toolbar for a user interface
US6857105B1 (en) * 2002-02-19 2005-02-15 Adobe Systems Incorporated Method and apparatus for expanding and contracting graphical function displays
WO2005022337A2 (en) * 2003-08-29 2005-03-10 Yahoo! Inc. Extensible user interface
JP4325449B2 (ja) * 2004-03-19 2009-09-02 ソニー株式会社 表示制御装置，表示制御方法，記録媒体
JP2006024144A (ja) * 2004-07-09 2006-01-26 Kyocera Mita Corp タッチパネル式の操作表示装置
US8104048B2 (en) * 2006-08-04 2012-01-24 Apple Inc. Browsing or searching user interfaces and other aspects
JP4816376B2 (ja) * 2006-09-29 2011-11-16 株式会社日立製作所 情報処理装置の表示方法
US8672752B2 (en) * 2007-11-09 2014-03-18 Wms Gaming, Inc. Interface for wagering game environments
KR101387527B1 (ko) * 2007-12-06 2014-04-23 엘지전자 주식회사 단말기 및 그 메뉴 아이콘 디스플레이 방법
TWI361377B (en) * 2008-04-24 2012-04-01 Htc Corp Method for switching user interface, electronic device and recording medium using the same
JP2011018085A (ja) * 2008-06-19 2011-01-27 Panasonic Corp 情報処理装置
TWI374382B (en) * 2008-09-01 2012-10-11 Htc Corp Icon operation method and icon operation module
US20100185970A1 (en) * 2009-01-16 2010-07-22 Infocus Corporation User Interface for a Projection Device
JP5581757B2 (ja) * 2010-03-18 2014-09-03 コニカミノルタ株式会社 画像処理装置、インターフェイス画面表示方法およびコンピュータプログラム
JP5533165B2 (ja) * 2010-04-09 2014-06-25 ソニー株式会社 情報処理装置、情報処理方法およびプログラム
WO2011126202A1 (en) * 2010-04-09 2011-10-13 Lg Electronics Inc. Image display apparatus and method for operating the same
KR101668240B1 (ko) * 2010-04-19 2016-10-21 엘지전자 주식회사 휴대 단말기 및 그 동작 제어방법
JP2011043809A (ja) * 2010-08-11 2011-03-03 Sony Corp 表示制御装置、表示制御方法、およびプログラム
JP5160604B2 (ja) * 2010-09-14 2013-03-13 任天堂株式会社 表示制御プログラム、表示制御システム、表示制御装置、表示制御方法
JP5478439B2 (ja) * 2010-09-14 2014-04-23 任天堂株式会社 表示制御プログラム、表示制御システム、表示制御装置、表示制御方法
JP5628621B2 (ja) * 2010-10-06 2014-11-19 任天堂株式会社 表示制御プログラム、表示制御システム、表示制御装置、表示制御方法
KR101730422B1 (ko) * 2010-11-15 2017-04-26 엘지전자 주식회사 영상표시기기 및 그 동작 방법
KR20130135282A (ko) * 2010-12-10 2013-12-10 요타 디바이시스 아이피알 리미티드 이용자 인터페이스를 갖는 모바일 디바이스
US20120185456A1 (en) * 2011-01-14 2012-07-19 Apple Inc. Information Management with Non-Hierarchical Views
US20130002565A1 (en) * 2011-06-28 2013-01-03 Microsoft Corporation Detecting portable device orientation and user posture via touch sensors
US20130082928A1 (en) * 2011-09-30 2013-04-04 Seung Wook Kim Keyboard-based multi-touch input system using a displayed representation of a users hand
US20130219299A1 (en) * 2012-02-16 2013-08-22 Gface Gmbh Live bar
JP6253222B2 (ja) * 2012-07-09 2017-12-27 キヤノン株式会社 表示制御装置、表示制御方法、及びプログラム
KR101417318B1 (ko) * 2012-08-17 2014-07-09 주식회사 팬택 멀티태스킹이 가능한 사용자 인터페이스 제공방법, 이동 단말기, 컴퓨터 판독 가능 매체
JP5742807B2 (ja) * 2012-09-19 2015-07-01 コニカミノルタ株式会社 画像形成装置およびプログラム
KR20140087731A (ko) * 2012-12-31 2014-07-09 엘지전자 주식회사 포터블 디바이스 및 사용자 인터페이스 제어 방법
US9477381B2 (en) * 2013-03-12 2016-10-25 Hexagon Technology Center Gmbh User interface for toolbar navigation
EP2879398B1 (en) * 2013-11-27 2020-05-20 LG Electronics, Inc. Digital device and method of processing a service thereof
US10078499B2 (en) * 2015-03-10 2018-09-18 Anthony Martello System and method for manipulating and displaying data
US10338783B2 (en) * 2014-11-17 2019-07-02 Microsoft Technology Licensing, Llc Tab sweeping and grouping
US10505752B2 (en) * 2014-12-15 2019-12-10 Samsung Electronics Co., Ltd. Electronic apparatus and method of controlling group action
JPWO2016121552A1 (ja) * 2015-01-27 2017-04-27 株式会社Ｎｔｔドコモ 情報処理装置及びプログラム
US9990113B2 (en) * 2015-09-08 2018-06-05 Apple Inc. Devices, methods, and graphical user interfaces for moving a current focus using a touch-sensitive remote control
CN106951152B (zh) * 2016-01-07 2020-12-08 阿里巴巴集团控股有限公司 标签栏的控制方法和装置
CN107132971B (zh) * 2016-02-29 2020-07-24 福建兑信科技有限公司 一种移动终端操作界面的控制方法、系统及移动终端
US10564803B2 (en) * 2016-08-18 2020-02-18 Samsung Electronics Co., Ltd. Selecting application that can handle data content
CN108958805A (zh) * 2017-05-26 2018-12-07 腾讯科技（深圳）有限公司 菜单显示方法及装置
CN107688428B (zh) * 2017-08-31 2020-05-01 平安科技（深圳）有限公司 显示界面控制方法及服务器
JP6938031B2 (ja) * 2018-09-21 2021-09-22 株式会社ＬｏｉＬｏ プレゼンテーション資料作成装置、プレゼンテーション資料作成方法、及びプレゼンテーション資料作成プログラム
CN110244949B (zh) * 2019-05-06 2023-09-05 创新先进技术有限公司 一种页面信息展示方法及装置

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060168538A1 (en) * 2005-01-21 2006-07-27 Microsoft Corporation System and method for displaying full product functionality using minimal user interface footprint
CN104902098A (zh) * 2015-06-16 2015-09-09 努比亚技术有限公司 一种移动终端的侧边栏切换方法及系统
CN108549510A (zh) * 2018-03-29 2018-09-18 上海连尚网络科技有限公司 用于显示寄宿应用的图标的方法、设备和存储介质
CN108958867A (zh) * 2018-06-29 2018-12-07 维沃移动通信有限公司 一种应用的任务操作方法及装置
CN109144649A (zh) * 2018-08-22 2019-01-04 Oppo广东移动通信有限公司 图标的显示方法、装置、终端及存储介质
CN113342230A (zh) * 2021-06-29 2021-09-03 北京字跳网络技术有限公司 控件显示方法、装置、设备及介质

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
See also references of EP4343512A4

Also Published As

Publication number Publication date
EP4343512A4 (en) 2024-10-09
JP7679983B2 (ja) 2025-05-20
JP2024526163A (ja) 2024-07-17
WO2023273854A9 (zh) 2024-01-11
CN113342230A (zh) 2021-09-03
EP4343512A1 (en) 2024-03-27
US20240118794A1 (en) 2024-04-11

Similar Documents

Publication Publication Date Title
JP7538329B2 (ja) 横画面インタラクション方法、装置、電子機器及び記憶媒体
CN113110783B (zh) 控件的显示方法、装置、电子设备和存储介质
JP7515618B2 (ja) ビデオ処理方法、装置、機器及び媒体
JP7735591B2 (ja) メディアコンテンツの表示方法、装置、機器、記憶媒体、及びプログラム
WO2023273854A1 (zh) 控件显示方法、装置、设备及介质
JP7687785B2 (ja) ビデオインタラクション方法、装置、機器及び媒体
CN111666012A (zh) 信息展示方法、装置和电子设备
US12316903B2 (en) Video playback control method and apparatus, electronic device and storage medium
JP7797681B2 (ja) インタラクション方法、装置、電子機器、および記憶媒体
JP7729927B2 (ja) オーディオ処理方法、装置、電子機器及び記憶媒体
US12602144B2 (en) Screen recording interaction method and apparatus, and electronic device and computer-readable storage medium
WO2020253453A1 (zh) 图像切换方法、装置、电子设备及存储介质
CN113721807B (zh) 一种信息展示方法、装置、电子设备和存储介质
EP4589961A1 (en) Playback control method and apparatus, electronic device and storage medium
WO2023202590A1 (zh) 页面切换方法、装置以及终端设备的交互方法
WO2022199426A1 (zh) 视频的展示方法、装置、电子设备和存储介质
WO2023088484A1 (zh) 用于多媒体资源剪辑场景的方法、装置、设备及存储介质
CN114968038A (zh) 多媒体内容显示方法、装置、设备及介质
CN110162394A (zh) 媒体对象的播放方法、装置、电子设备及存储介质
JP7769153B2 (ja) 情報の表示方法、装置、電子機器、記憶媒体、及びプログラム
JP7734860B2 (ja) メディアコンテンツの表示方法、装置、電子機器、記憶媒体、及びプログラム
CN116149776A (zh) 媒体内容采集方法、装置、设备、可读存储介质及产品
JP7378658B2 (ja) 情報指示方法、装置、電子機器及び記憶媒体
CN115543509A (zh) 会话列表的显示方法、装置、电子设备和存储介质
CN113608816B (zh) 进度的调整方法、装置、电子设备和存储介质

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 22831674

Country of ref document: EP

Kind code of ref document: A1

ENP Entry into the national phase

Ref document number: 2023578989

Country of ref document: JP

Kind code of ref document: A

WWE Wipo information: entry into national phase

Ref document number: 202327087658

Country of ref document: IN

Ref document number: 2022831674

Country of ref document: EP

REG Reference to national code

Ref country code: BR

Ref legal event code: B01A

Ref document number: 112023026962

Country of ref document: BR

ENP Entry into the national phase

Ref document number: 2022831674

Country of ref document: EP

Effective date: 20231221

NENP Non-entry into the national phase

Ref country code: DE

WWE Wipo information: entry into national phase

Ref document number: 11202309876R

Country of ref document: SG

ENP Entry into the national phase

Ref document number: 112023026962

Country of ref document: BR

Kind code of ref document: A2

Effective date: 20231220