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

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

Info

Publication number
WO2023273854A9
WO2023273854A9 PCT/CN2022/098364 CN2022098364W WO2023273854A9 WO 2023273854 A9 WO2023273854 A9 WO 2023273854A9 CN 2022098364 W CN2022098364 W CN 2022098364W WO 2023273854 A9 WO2023273854 A9 WO 2023273854A9
Authority
WO
WIPO (PCT)
Prior art keywords
group
controls
functional controls
sidebar
functional
Prior art date
Application number
PCT/CN2022/098364
Other languages
English (en)
French (fr)
Other versions
WO2023273854A1 (zh
Inventor
车万里
Original Assignee
北京字跳网络技术有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 北京字跳网络技术有限公司 filed Critical 北京字跳网络技术有限公司
Priority to EP22831674.1A priority Critical patent/EP4343512A1/en
Publication of WO2023273854A1 publication Critical patent/WO2023273854A1/zh
Priority to US18/390,406 priority patent/US20240118794A1/en
Publication of WO2023273854A9 publication Critical patent/WO2023273854A9/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/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; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842—Selection of displayed objects or displayed text elements
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/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; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/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; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/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; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Definitions

  • the invention belongs to the field of interface display technology, and specifically relates to a control display method, device, equipment and medium.
  • the existing interactive interface sidebar can no longer provide users with all functional controls, reducing the interactive functions that users can use in the interactive interface and degrading the user experience.
  • 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 the first set of functional controls and the 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 for display in the target interface sidebar 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:
  • Memory used to store executable instructions
  • the processor is used 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 that stores a computer program.
  • the computer program When executed by a processor, it causes the processor to implement the control display method described in the first aspect.
  • the control display method, device, equipment and medium of the embodiments 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 to users, and improve the functional expansion of the interactive interface sidebar. ability. And by triggering the first trigger control, the first group of functional controls can be switched to a second group of functional controls adjacent to the first group of functional controls in the first switching direction corresponding to the first trigger control for display in the sidebar of the target interface. , in order to provide users with more usable interactive functions while making it easy for users to operate, thereby improving the user experience.
  • Figure 1 is a schematic flowchart of a control display method provided by an embodiment of the present disclosure
  • Figure 2 is a schematic diagram of functional controls displayed in an application program interface provided by an embodiment of the present disclosure
  • Figure 3 is a schematic diagram of functional controls displayed in yet another application program interface provided by an embodiment of the present disclosure.
  • Figure 4 is a schematic diagram of functional controls displayed in yet another application program interface provided by an embodiment of the present disclosure.
  • Figure 5 is a schematic diagram of functional controls displayed in yet another application program interface provided by an embodiment of the present disclosure.
  • Figure 6 is a schematic diagram of functional controls displayed in yet another application program interface provided by an embodiment of the present disclosure.
  • Figure 7 is a schematic diagram of functional controls displayed in yet another application program interface provided by an embodiment of the present disclosure.
  • Figure 8 is a schematic diagram of functional controls displayed in yet another application program interface provided by an embodiment of the present disclosure.
  • Figure 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 “include” and its variations are open-ended, ie, “including but not limited to.”
  • the term “based on” means “based at least in part on.”
  • the term “one embodiment” means “at least one embodiment”; the term “another embodiment” means “at least one additional embodiment”; and the term “some embodiments” means “at least some embodiments”. Relevant definitions of other terms will be given in the description below.
  • embodiments of the present disclosure provide a control display method, device, equipment and medium for shooting or editing multimedia content (such as at least one of pictures, audio and video), browsing web pages, playing games,
  • multimedia content such as at least one of pictures, audio and video
  • the number of functional controls that the interactive interface sidebar can provide to users is increased, and the functional expansion capability of the interactive interface sidebar is improved.
  • control display method provided by the embodiment of the present disclosure will first be described below with reference to Figures 1-8.
  • the control display method can be executed by an electronic device.
  • electronic devices may include, but are not limited to, mobile phones, notebook computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMP (portable multimedia players), vehicle-mounted terminals (such as vehicle-mounted navigation terminals) , mobile terminals such as wearable devices, 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 target interface sidebar refers to an area in an application program interface with interactive functions that is used to display functional controls that implement interactive functions.
  • the target interface sidebar may be a left sidebar, a right sidebar, an upper sidebar, or a lower sidebar displayed on the left side, right side, upper side, or lower side of the page in the application interface.
  • the display size of the target interface sidebar in the application interface can be fixed, or it can be dynamically adjusted according to the number of displayed functional controls and the size of the controls.
  • the short side length of the target interface sidebar remains unchanged, and the long side length of the target interface sidebar is adjusted according to the number of displayed function controls and the control size.
  • the short side may be the side of the sidebar of the target interface that is perpendicular to the side of the application interface along which it is located, and the long side may be the side of the sidebar of the target interface that is parallel to the side of the application interface that it is along.
  • the target interface sidebar when the target interface sidebar is the left sidebar or the right sidebar, the short side of the target interface sidebar is the side perpendicular to the left side or right side of the application interface, and its length remains unchanged.
  • the target interface sidebar is an upper sidebar or a lower sidebar, the short side of the target interface sidebar is the side perpendicular to the upper or lower side of the application interface, and its length remains unchanged.
  • the first group of functional controls may be any group of functional controls to be displayed when the functional controls to be displayed are grouped and displayed.
  • each functional control to be displayed may be grouped based on the frequency of use of each functional control to be displayed by multiple users. For example, if there are a total of 10 function controls to be displayed, then the 10 function controls to be displayed are sorted according to the comprehensive frequency of use of each preset function control by multiple users, and the top 5 function controls to be displayed are determined to be one. Group function controls, determine the remaining 5 function controls to be displayed as another group of function controls. In this embodiment, the function controls to be displayed in each group of function controls remain unchanged.
  • each function control to be displayed may be grouped based on the frequency of use of each function control to be displayed by the current user.
  • the function controls to be displayed in the first group of function controls corresponding to each user may be different.
  • the function controls to be displayed in the first group of function controls corresponding to the same user can also change with the duration of use of the interactive function. For example, current users often use the "beautification" function for shooting within a period of time, but do not often use the "editing" function for post-shooting processing. Then the first set of functional controls within this period of time includes the "beautification" functional control but does not include the "editing" functional control.
  • the first set of functional controls in the other period of time includes the “editing” functional controls but does not include the "beautifying" functional controls.
  • the first trigger control refers to a control that can be used by the user to trigger the display of other functional controls to be displayed besides the first group of functional controls.
  • it can be a trigger control that represents functions such as "More” or "Expand”.
  • it can also be a trigger control indicating functions such as "folding”.
  • the trigger operation here can be a click operation, voice control operation, gesture control operation or eye movement control operation, etc.
  • the electronic device can display the target interface sidebar in the application program interface, and display the first set of function controls and the first trigger control in the target interface sidebar.
  • the application program interface can be a shooting interface or editing interface of multimedia content.
  • the multimedia content may include at least one of pictures, audio, and video.
  • the target interface sidebar may be the left sidebar or the right sidebar of an application interface such as a shooting interface or an editing interface.
  • FIG. 2 shows a schematic diagram of functional controls displayed 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 column of the application program interface 200.
  • the first group of function controls 202 and the first trigger control 203 are displayed in the target interface sidebar 201 .
  • the first group of function controls 202 includes six function controls to be displayed, including "flip", “filter”, “special effects”, “countdown”, “beautification” and "voice change”.
  • the first group of functional controls in the sidebar of the target interface displayed in the left column or the right column can also be displayed in multiple columns. And when multiple columns are displayed, the number of function controls to be displayed in each column is the same.
  • the target interface sidebar may be the upper sidebar or lower sidebar of an application interface such as a shooting interface or an editing interface.
  • FIG. 3 shows a schematic diagram of functional controls displayed in yet 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 .
  • the first group of function controls 302 and the first trigger control 303 are displayed in the target interface sidebar 301 .
  • the first group of function controls 302 includes four function controls to be displayed, namely "flip", “filter”, “special effects” and "countdown".
  • the first group of functional controls in the sidebar of the target interface displayed in the upper sidebar or lower sidebar can also be displayed in multiple lines. Moreover, when multiple lines are displayed, the number of function controls to be 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 function control to be displayed when the first trigger control is triggered to execute. That is to say, 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 set of functional controls must be a set of functional controls adjacent to the first set 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 rear of the first group of functional controls.
  • the first switching direction is to switch a group of function controls that are adjacent to the front, and the second group of function controls is to switch to a group of function controls that are adjacent to the front of the first group of function controls.
  • the first switching direction may be a direction of switching to a rear 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 the direction of switching to the 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, etc.
  • 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 set of functional controls in the sidebar of the target interface to the second set of functional controls.
  • the process of switching the display can be a static replacement process, with the results before and after the switch being visible to the user, or it can be a dynamic switching process that is visible to the user.
  • the first group of function controls 402 shown in Figure 4 includes six function controls to be displayed, including "Settings”, “Stickers”, “Clips”, “Automatic Subtitles”, "Image Quality Enhancement” and "Save Local”.
  • the moving direction of the functional controls to be displayed is 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 its right, and the display effect is as shown in Figure 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 function controls 502 includes six function controls to be displayed, including "settings", “stickers”, “clipping”, “automatic subtitles", "image quality enhancement” and "save local”.
  • the first switching direction is the direction of switching to the next set of functional controls
  • the movement direction of the functional controls to be displayed is to the left.
  • the first group of functional controls 302 will be replaced by the second group of functional controls on its right, and the display effect is as shown in Figure 6.
  • the first group of function controls 602 shown in FIG. 6 includes five function controls to be displayed, namely "beautification", “voice change”, “sticker”, “editing” and "setting".
  • 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 to 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 a second group of functional controls adjacent to the first group of functional controls in the first switching direction corresponding to the first trigger control for display in the sidebar of the target interface. , in order to provide users with more usable interactive functions while making it easy for users to operate, thereby improving the user experience.
  • the content displayed in the sidebar of the target interface is related to the number of controls of the function controls to be displayed.
  • S110 includes: when the total number of function controls to be displayed is greater than a preset number threshold, displaying the first group of function controls and the first trigger control in the target interface sidebar.
  • the preset quantity threshold is a preset quantity value, which is used to determine whether to display the function controls to be displayed in groups.
  • the preset quantity threshold can be set empirically, or can be calculated and determined based on the sidebar size of the target interface sidebar and the control size of the function control to be displayed.
  • the total number of function controls to be displayed is compared with a preset quantity threshold. If the total number is greater than the preset quantity threshold, it is determined that all the function controls to be displayed cannot be displayed in the sidebar of the target interface at one time, and the function controls to be displayed are grouped, and the first group of function controls and the first trigger control are displayed in the sidebar of the target interface.
  • the function controls to be displayed are displayed in the sidebar of the target interface. That is to say, if the total number of function controls to be displayed is greater than the preset quantity threshold, it is determined that all the function controls to be displayed can be accommodated in the sidebar of the target interface. At this time, there is no need to group the function controls to be displayed, but directly display each function control to be displayed in the sidebar of the target interface. Since there are no other function controls to be displayed that need 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 number of divided groups of the function 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 target interface sidebar.
  • the first trigger control is used to trigger switching of the second group of functional controls to the third group of functional controls for display 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 is switched and displayed, 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 continue to be triggered and displayed in the first switching direction, so the first triggered control can be kept displayed in the sidebar of the target interface.
  • a second trigger control may also be displayed in the target interface sidebar.
  • the second trigger control can be used to trigger switching of the second group of functional controls to the first group of functional controls for display 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 they can Switch back to display the third set of functional controls. Therefore, while displaying the second set of functional controls and the first trigger control, the second trigger control can be displayed in the sidebar of the target interface.
  • 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 of the second group of functional controls to the first group of functional controls for display 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 second group of functional controls is switched and displayed, 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 to be displayed that is the same as the second group of functional controls in the first switching direction.
  • the display of the third group of functional controls cannot be switched.
  • 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, if the second group of function controls is the last group of function controls in the first switching direction, the second trigger control in the opposite switching direction to the first trigger control can be displayed without displaying the first trigger 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 third group of functional controls in the target interface sidebar. Two trigger controls.
  • the second trigger control is used to trigger switching of the first group of functional controls to the fourth group of functional controls for display 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 has a direction in the first switching direction.
  • the user can at least switch forward to display the fourth group of functional controls, or switch backward to display the third group of functional controls. Therefore, the first set of function controls, the first trigger control and the second trigger control can be displayed simultaneously in the sidebar of the target interface to remind the user of function expansion and to more conveniently allow the user to switch between different function controls.
  • FIG. 7 shows a schematic diagram of functional controls displayed in yet 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 column 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. show.
  • the second triggering operation is a triggering operation on the second triggering control, which may be a click operation, a voice control operation, a gesture control operation or an eye movement control operation, etc.
  • 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 set of functional controls in the sidebar of the target interface to the fourth set of functional controls.
  • the process of switching the display can be a static replacement process, with the results before and after the switch being visible to the user, or it can be a dynamic switching process that is visible to the user.
  • the switching process of different groups of functional controls is a dynamic switching process.
  • switching the first group of functional controls to the second group of functional controls for display in the sidebar of the target interface includes: displaying a dynamic effect in the sidebar of the target interface, and the dynamic effect includes switching the first group of functional controls at a preset speed.
  • the control moves out of the target interface sidebar along the first moving direction corresponding to the first switching direction and moves the second set of functional controls into the target interface sidebar along the first moving direction corresponding to the first switching direction at a preset speed.
  • the second set of functional controls is displayed in the sidebar of the target interface.
  • a moving speed is preset, that is, 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.
  • different groups of functional controls 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 may be parallel to the second switching direction or perpendicular to the second switching direction.
  • FIG. 8 shows a schematic diagram of functional controls displayed in yet another application program interface provided by an embodiment of the present disclosure.
  • the content shown in Figure 8 is an example of switching the first set of functional controls to the second set of functional controls below it in Figure 2 to illustrate the dynamic switching process.
  • the first trigger control is hidden in the target interface sidebar 801 in the application interface 800 and moves the first group upward at a preset speed.
  • the function control to be displayed moves to the range of the target interface sidebar 801, 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 assumes a hidden state (shown in gray in Figure 8).
  • the display size of the target boundary sidebar may remain unchanged or may be dynamically changed.
  • both the short side length and the long side length of the target interface sidebar remain unchanged, and the long side length 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 target interface sidebar.
  • the display size of the target interface sidebar 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. The number of controls and preset speeds can be adjusted.
  • the short side length of the target interface sidebar remains unchanged, while the long side length is automatically adjusted with the number of displayed controls and the preset speed of movement.
  • the time required for the first set of functional controls to be completely removed can be calculated based on the preset speed.
  • the first group of functional controls 302 contains 4 functional controls to be displayed.
  • the first group of functional controls 602 in Figure 6 contains 5 functional controls to be displayed.
  • 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 to prevent the sidebar from being too small to accommodate the function controls to be displayed, and to avoid the failure or false triggering of other functions due to the sidebar being too large.
  • function controls in addition to the function controls to be displayed, other function controls can also be displayed in the sidebar of the target interface.
  • 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.
  • at least one target function control other than the function control to be displayed is fixedly displayed in the target interface sidebar. The position of the target function control does not change as different groups of function controls are switched.
  • the target function control can be displayed at the top of the target interface sidebar, and various groups of functional controls that can be switched are displayed below the target function control.
  • the target function control may be the function control to be displayed that is used most frequently by the user, so that the user can use the target function control more conveniently.
  • overlapping functional controls may exist between each group of functional controls.
  • 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.
  • overlapping functional controls can be set at the end of the first group of functional controls.
  • the last functional control to be displayed in the first group of functional controls will not be switched, that is, only part of the entire group of functional controls to be displayed will be switched.
  • Function controls are not be switched, that is, only part of the entire group of functional controls to be displayed.
  • the target interface sidebar is the right column
  • the first switching direction is the direction of switching to the next set of functional controls
  • the control to be displayed is moved upward
  • the overlapping functional controls that do not want to be switched are set to the first set of functional controls. end.
  • overlapping functional controls can be set at the end of the first group of functional controls and at the beginning of the second group of functional controls, and the entire group of functional controls is switched and displayed during the switching process.
  • the target interface sidebar is the right sidebar
  • the first switching direction is the direction of switching to the next set of functional controls.
  • the controls to be displayed are moved upward, and overlapping function controls that do not want to be switched are set at the end of the first group of function controls and at the beginning of the second group of function controls. In this way, after switching, the overlapping function controls that you do not want to switch will only change the display position, but they will still be displayed in the sidebar of the target interface.
  • overlapping functional controls can be set at the beginning or end of the first group of functional controls and the second group of functional controls respectively, and the entire group of functional controls can be switched and displayed during the switching process.
  • the target interface sidebar is the right sidebar
  • the first switching direction is the direction of switching to the next set of functional controls.
  • the function controls to be displayed move to the left. After the first group of function controls moves to the left out of the target interface sidebar, and the second group of function controls moves to the left into the target interface sidebar, the overlapping function controls are still displayed at the top of the target interface sidebar.
  • the above-mentioned overlapping functional controls are functional controls to be displayed that are frequently used by users. Through the above 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 devices may include, but are 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., as well as mobile terminals such as digital TVs, desktops, etc. Fixed 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 the first set of functional controls and the 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 for display in the target interface sidebar 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 target interface sidebar, can increase the number of functional controls that the interactive interface sidebar can provide to users, improve the function expansion capability of the interactive interface sidebar, and can trigger
  • the first trigger control switches the first group of functional controls in the sidebar of the target interface 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 for display, so as to facilitate In the case of user operation, it provides users with more interactive functions that can be used, thereby improving the user experience.
  • the first display unit 910 is specifically configured as:
  • the first group of functional controls and the first trigger control are displayed in the sidebar of the target interface.
  • control display device 900 also includes a third display unit configured as:
  • the function 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
  • the second group of functional controls is a group of functional controls adjacent to the rear of the first group of functional controls
  • the first switching direction is to switch a group of function controls that are adjacent to the front
  • the second group of function controls is to switch to a group of function controls that are adjacent to the front of the first group of function controls.
  • control display device 900 further includes a fourth display unit configured as:
  • the first trigger control After detecting the first trigger operation on the first trigger control, in the case that the second group of functional controls is not the last group of functional controls in the first switching direction, the first trigger control is kept displayed in the sidebar of the target interface, and A trigger control is used to trigger switching of the second group of functional controls to a third group of functional controls for display 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 as:
  • the method further includes:
  • the first trigger control is switched to the second trigger control for display in the target interface sidebar, and the second trigger control is used to trigger the target Switch the second set of functional controls to the first set of functional controls for display in the interface sidebar.
  • 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, display 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.
  • the fourth group of functional controls are in contact with the first group 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 as:
  • the first set of functional controls is switched to the fourth set of functional controls for display in the sidebar of the target interface.
  • the second display unit 920 is specifically configured as:
  • the dynamic effect includes moving the first group of functional controls out of the sidebar of the target interface 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 first moving direction at a preset speed.
  • the first moving direction corresponding to the switching direction moves into the sidebar of the target interface;
  • the second set of functional controls is displayed in the sidebar of the target interface.
  • control display device 900 also includes a display size adjustment unit configured as:
  • the first moving direction is parallel to the length direction of the target interface sidebar.
  • the display size of the target interface sidebar is determined based on 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 as:
  • 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 Figure 9 can perform each step in the method embodiment shown in Figures 1 to 8, and implement each process and each method in the method embodiment shown in Figures 1 to 8. The effect will not be described in detail here.
  • Embodiments of the present disclosure also provide a control display device, which may include a processor and a memory, and the memory may be used to store executable instructions.
  • the processor may be configured to read executable instructions from the memory and execute the executable instructions to implement the control display method in the above embodiment.
  • FIG. 10 shows a schematic structural diagram of a control display device provided by an embodiment of the present disclosure. Specific reference will be made to FIG. 10 below, which shows a schematic structural diagram suitable for implementing a control display device 1000 in 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 is not limited to, mobile phones, notebook computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMP (portable multimedia players), vehicle-mounted terminals (such as vehicle-mounted navigation terminals). ), wearable devices, etc., as well as 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 impose any restrictions on the functions and scope of use of the embodiments of the present disclosure.
  • the control display device 1000 may include a processing device 1001 (such as a central processing unit, a graphics processor, etc.), which may be loaded into the program according to a program stored in a read-only memory (ROM) 1002 or from a storage device 1008 .
  • the program in the random access memory (RAM) 1003 executes various appropriate actions and processes.
  • various programs and data required 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 via a bus 1004.
  • An input/output interface (I/O interface) 1005 is also connected to bus 1004.
  • the following devices may be connected to the I/O interface 1005: input devices 1006 including, for example, a touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; including, for example, a liquid crystal display (LCD), speakers, vibration An output device 1007 such as a computer; a storage device 1008 including a magnetic tape, a hard disk, etc.; and a communication device 1009.
  • the communication device 1009 may allow the control display device 1000 to communicate wirelessly or wiredly with other devices to exchange data.
  • FIG. 10 shows the control display device 1000 having various devices, it should be understood that implementation or possession of all illustrated devices is not required. More or fewer means may alternatively be implemented or provided.
  • Embodiments of the present disclosure also provide a computer-readable storage medium that stores a computer program.
  • the computer program When executed by a processor, it causes the processor to implement the control display method in the above embodiment.
  • embodiments of the present disclosure include a computer program product including a computer program carried on a non-transitory computer-readable medium, the computer program containing program code for performing the method illustrated in the flowchart.
  • the computer program may be downloaded and installed from the network via the communication device 1009, or from the storage device 1008, or from the ROM 1002.
  • the processing device 1001 When the computer program is executed by the processing device 1001, the above functions defined in the control display method of the embodiment of the present disclosure are performed.
  • the computer-readable medium mentioned above in the present disclosure may be a computer-readable signal medium or a computer-readable storage medium, or any combination of the above two.
  • the computer-readable storage medium may be, for example, but is 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: an electrical connection having one or more wires, a portable computer disk, a hard drive, random access memory (RAM), read only memory (ROM), removable Programmd read-only memory (EPROM or flash memory), fiber optics, 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 for use by or in connection 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 above.
  • a computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium that can send, propagate, or transmit a program for use by or in connection with an instruction execution system, apparatus, or device .
  • Program code embodied on a computer-readable medium may be transmitted using any suitable medium, including but not limited to: wire, optical cable, RF (radio frequency), etc., or any suitable combination of the above.
  • clients and servers may communicate using any currently known or future developed network protocol, such as HTTP, and may be interconnected with any form or medium of digital data communication (eg, a communication network).
  • network protocols include local area networks (“LAN”), wide area networks (“WAN”), the Internet (e.g., the Internet), and end-to-end networks (e.g., ad hoc end-to-end networks), as well as any currently known or developed in the future network of.
  • the above-mentioned computer-readable medium may be included in the above-mentioned control display device; it may also exist independently without being assembled into the control display device.
  • the above computer-readable medium carries one or more programs.
  • 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 code for performing operations of the present disclosure may be written in one or more programming languages, including but not limited to object-oriented programming languages—such as Java, Smalltalk, C++, but 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's 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 an Internet service provider through Internet connection).
  • LAN local area network
  • WAN wide area network
  • Internet service provider such as an Internet service provider through Internet connection
  • each block in the flowchart or block diagram may represent a module, segment, or portion of code that contains one or more logic functions that implement the specified executable instructions.
  • the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown one after another may actually execute substantially in parallel, or they may sometimes execute in the reverse order, depending on the functionality involved.
  • each block of the block diagram and/or flowchart illustration, and combinations of blocks in the block diagram and/or flowchart illustration can be implemented by special purpose hardware-based systems that perform the specified functions or operations. , or can be implemented using a combination of specialized hardware and computer instructions.
  • the units involved in the embodiments of the present disclosure can be implemented in software or hardware. Among them, the name of a unit does not constitute a limitation on the unit itself under certain circumstances.
  • FPGAs Field Programmable Gate Arrays
  • ASICs Application Specific Integrated Circuits
  • ASSPs Application Specific Standard Products
  • SOCs Systems 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 connection with an instruction execution system, apparatus, or device.
  • the machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium.
  • Machine-readable media may include, but are not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, devices or devices, or any suitable combination of the foregoing.
  • machine-readable storage media would include electrical connections based on one or more wires, laptop disks, hard drives, 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.
  • RAM random access memory
  • ROM read only memory
  • EPROM or flash memory erasable programmable read only memory
  • CD-ROM portable compact disk read-only memory
  • magnetic storage device or any suitable combination of the above.

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 控件显示方法、装置、设备及介质 WO2023273854A1 (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
EP22831674.1A EP4343512A1 (en) 2021-06-29 2022-06-13 Control display method and apparatus, device, and medium
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 WO2023273854A1 (zh) 2023-01-05
WO2023273854A9 true WO2023273854A9 (zh) 2024-01-11

Family

ID=77481510

Family Applications (1)

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

Country Status (4)

Country Link
US (1) US20240118794A1 (zh)
EP (1) EP4343512A1 (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 曙光网络科技有限公司 一种操作控件的展示方法、装置、设备及存储介质

Family Cites Families (15)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7797645B2 (en) * 2005-01-21 2010-09-14 Microsoft Corporation System and method for displaying full product functionality using minimal user interface footprint
KR101387527B1 (ko) * 2007-12-06 2014-04-23 엘지전자 주식회사 단말기 및 그 메뉴 아이콘 디스플레이 방법
JP5628621B2 (ja) * 2010-10-06 2014-11-19 任天堂株式会社 表示制御プログラム、表示制御システム、表示制御装置、表示制御方法
KR101730422B1 (ko) * 2010-11-15 2017-04-26 엘지전자 주식회사 영상표시기기 및 그 동작 방법
KR101417318B1 (ko) * 2012-08-17 2014-07-09 주식회사 팬택 멀티태스킹이 가능한 사용자 인터페이스 제공방법, 이동 단말기, 컴퓨터 판독 가능 매체
CN104902098A (zh) * 2015-06-16 2015-09-09 努比亚技术有限公司 一种移动终端的侧边栏切换方法及***
CN106951152B (zh) * 2016-01-07 2020-12-08 阿里巴巴集团控股有限公司 标签栏的控制方法和装置
CN107132971B (zh) * 2016-02-29 2020-07-24 福建兑信科技有限公司 一种移动终端操作界面的控制方法、***及移动终端
CN108958805A (zh) * 2017-05-26 2018-12-07 腾讯科技（深圳）有限公司 菜单显示方法及装置
CN107688428B (zh) * 2017-08-31 2020-05-01 平安科技（深圳）有限公司 显示界面控制方法及服务器
CN108549510A (zh) * 2018-03-29 2018-09-18 上海连尚网络科技有限公司 用于显示寄宿应用的图标的方法、设备和存储介质
CN108958867B (zh) * 2018-06-29 2021-01-15 维沃移动通信有限公司 一种应用的任务操作方法及装置
CN109144649B (zh) * 2018-08-22 2020-12-29 Oppo广东移动通信有限公司 图标的显示方法、装置、终端及存储介质
CN110244949B (zh) * 2019-05-06 2023-09-05 创新先进技术有限公司 一种页面信息展示方法及装置
CN113342230A (zh) * 2021-06-29 2021-09-03 北京字跳网络技术有限公司 控件显示方法、装置、设备及介质

Also Published As

Publication number Publication date
US20240118794A1 (en) 2024-04-11
WO2023273854A1 (zh) 2023-01-05
EP4343512A1 (en) 2024-03-27
CN113342230A (zh) 2021-09-03

Similar Documents

Publication Publication Date Title
WO2023273854A9 (zh) 控件显示方法、装置、设备及介质
JP7412584B2 (ja) ビデオ再生方法、装置、電子機器及びコンピュータ可読媒体
JP7412553B2 (ja) 情報表示方法及び装置、電子デバイス、並びにコンピュータ読取可能媒体
WO2020133373A1 (zh) 视频处理方法、装置、电子设备及计算机可读存储介质
US20230359337A1 (en) Interaction method, and electronic device and storage medium
CN109508128B (zh) 搜索控件显示方法、装置、设备及计算机可读存储介质
WO2020253453A1 (zh) 图像切换方法、装置、电子设备及存储介质
CA2922060C (en) Swipe toolbar to switch tabs
WO2023134492A1 (zh) 页面的显示方法、装置、电子设备、存储介质和程序产品
WO2023024921A1 (zh) 视频交互方法、装置、设备及介质
WO2023030224A1 (zh) 一种信息展示方法、装置、电子设备和存储介质
WO2022111569A1 (zh) 页面切换显示方法、装置、存储介质及电子设备
WO2022227931A1 (zh) 录屏交互方法、装置、电子设备及计算机可读存储介质
JP2023550334A (ja) ライブ配信画面の表示方法及び機器
WO2023125164A1 (zh) 页面显示方法、装置、电子设备和存储介质
WO2022171054A1 (zh) 一种刷新显示的方法、装置和电子设备
WO2024012392A1 (zh) 交互方法、装置、电子设备和存储介质
WO2023051293A1 (zh) 一种音频处理方法、装置、电子设备和存储介质
WO2021073206A1 (zh) 视频预览的方法、装置、存储介质及电子设备
WO2023202590A1 (zh) 页面切换方法、装置以及终端设备的交互方法
WO2023138294A1 (zh) 一种信息展示方法、装置、设备及介质
US20130246937A1 (en) Method for managing sink device, source device and system for the same
JP7378658B2 (ja) 情報指示方法、装置、電子機器及び記憶媒体
JP2024515693A (ja) テーブル展示方法、装置、機器及び媒体
US20240126422A1 (en) Progress adjustment method and apparatus, electronic device and storage medium

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: 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

ENP Entry into the national phase

Ref document number: 112023026962

Country of ref document: BR

Kind code of ref document: A2

Effective date: 20231220