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

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

Info

Publication number
CN113342230A
CN113342230A CN202110727369.2A CN202110727369A CN113342230A CN 113342230 A CN113342230 A CN 113342230A CN 202110727369 A CN202110727369 A CN 202110727369A CN 113342230 A CN113342230 A CN 113342230A
Authority
CN
China
Prior art keywords
controls
group
function
target interface
control
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202110727369.2A
Other languages
English (en)
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 CN202110727369.2A priority Critical patent/CN113342230A/zh
Publication of CN113342230A publication Critical patent/CN113342230A/zh
Priority to EP22831674.1A priority patent/EP4343512A1/en
Priority to PCT/CN2022/098364 priority patent/WO2023273854A1/zh
Priority to US18/390,406 priority patent/US20240118794A1/en
Pending legal-status Critical Current

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

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

控件显示方法、装置、设备及介质
技术领域
本公开涉及界面显示技术领域，尤其涉及一种控件显示方法、装置、设备及介质。
背景技术
为了便于用户的操作，通常会在应用程序的交互界面边栏中显示具有交互功能的功能控件。
但是，随着可供选择的功能控件越来越多样，已有的交互界面边栏已经无法为用户提供全部的功能控件，减少了用户在交互界面内可以使用的交互功能，降低了用户的体验。
发明内容
为了解决上述技术问题或者至少部分地解决上述技术问题，本公开提供了一种控件显示方法、装置、设备及介质。
第一方面，本公开提供了一种控件显示方法，包括：
在目标界面边栏内显示第一组功能控件和第一触发控件；
当检测到对第一触发控件的第一触发操作时，在目标界面边栏内将第一组功能控件切换为第二组功能控件进行显示；
其中，第二组功能控件在第一触发控件对应的第一切换方向上与第一组功能控件相邻。
第二方面，本公开提供了一种控件显示装置，包括：
第一显示单元，配置为在目标界面边栏内显示第一组功能控件和第一触发控件；
第二显示单元，配置为当检测到对第一触发控件的第一触发操作时，在目标界面边栏内将第一组功能控件切换为第二组功能控件进行显示；
其中，第二组功能控件在第一触发控件对应的第一切换方向上与第一组功能控件相邻。
第三方面，本公开提供了一种控件显示设备，包括：
处理器；
存储器，用于存储可执行指令；
其中，处理器用于从存储器中读取可执行指令，并执行可执行指令以实现第一方面所述的控件显示方法。
第四方面，本公开提供了一种计算机可读存储介质，该存储介质存储有计算机程序，当计算机程序被处理器执行时，使得处理器实现第一方面所述的控件显示方法。
本公开实施例提供的技术方案与现有技术相比具有如下优点：
本公开实施例的控件显示方法、装置、设备及介质，能够在目标界面边栏内对功能控件进行分组显示，可以增加交互界面边栏能够为用户提供的功能控件的数量，提高交互界面边栏的功能扩展能力，并且可以通过第一触发控件快速触发在目标界面边栏内将第一组功能控件切换为在第一触发控件对应的第一切换方向上与第一组功能控件相邻的第二组功能控件进行显示，以在便于用户操作的情况下，为用户提供更多可以使用的交互功能，进而提升用户的体验。
附图说明
结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。
图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中任一项所述的控件显示方法。
CN202110727369.2A 2021-06-29 2021-06-29 控件显示方法、装置、设备及介质 Pending CN113342230A (zh)

Priority Applications (4)

Application Number Priority Date Filing Date Title
CN202110727369.2A CN113342230A (zh) 2021-06-29 2021-06-29 控件显示方法、装置、设备及介质
EP22831674.1A EP4343512A1 (en) 2021-06-29 2022-06-13 Control display method and apparatus, device, and medium
PCT/CN2022/098364 WO2023273854A1 (zh) 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 (1)

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

Publications (1)

Publication Number Publication Date
CN113342230A true CN113342230A (zh) 2021-09-03

Family

ID=77481510

Family Applications (1)

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

Country Status (4)

Country Link
US (1) US20240118794A1 (zh)
EP (1) EP4343512A1 (zh)
CN (1) CN113342230A (zh)
WO (1) WO2023273854A1 (zh)

Cited By (3)

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

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20140053097A1 (en) * 2012-08-17 2014-02-20 Pantech Co., Ltd. Method for providing user interface having multi-tasking function, mobile communication device, and computer readable recording medium for providing the same
WO2017118329A1 (zh) * 2016-01-07 2017-07-13 阿里巴巴集团控股有限公司 标签栏的控制方法和装置
CN107132971A (zh) * 2016-02-29 2017-09-05 福建兑信科技有限公司 一种移动终端操作界面的控制方法、***及移动终端
CN107688428A (zh) * 2017-08-31 2018-02-13 平安科技（深圳）有限公司 显示界面控制方法及服务器
CN108958805A (zh) * 2017-05-26 2018-12-07 腾讯科技（深圳）有限公司 菜单显示方法及装置
CN110244949A (zh) * 2019-05-06 2019-09-17 阿里巴巴集团控股有限公司 一种页面信息展示方法及装置

Family Cites Families (6)

* 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
CN104902098A (zh) * 2015-06-16 2015-09-09 努比亚技术有限公司 一种移动终端的侧边栏切换方法及***
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广东移动通信有限公司 图标的显示方法、装置、终端及存储介质
CN113342230A (zh) * 2021-06-29 2021-09-03 北京字跳网络技术有限公司 控件显示方法、装置、设备及介质

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20140053097A1 (en) * 2012-08-17 2014-02-20 Pantech Co., Ltd. Method for providing user interface having multi-tasking function, mobile communication device, and computer readable recording medium for providing the same
WO2017118329A1 (zh) * 2016-01-07 2017-07-13 阿里巴巴集团控股有限公司 标签栏的控制方法和装置
CN107132971A (zh) * 2016-02-29 2017-09-05 福建兑信科技有限公司 一种移动终端操作界面的控制方法、***及移动终端
CN108958805A (zh) * 2017-05-26 2018-12-07 腾讯科技（深圳）有限公司 菜单显示方法及装置
CN107688428A (zh) * 2017-08-31 2018-02-13 平安科技（深圳）有限公司 显示界面控制方法及服务器
CN110244949A (zh) * 2019-05-06 2019-09-17 阿里巴巴集团控股有限公司 一种页面信息展示方法及装置

Cited By (4)

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

Also Published As

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

Similar Documents

Publication Publication Date Title
CN112135059B (zh) 拍摄方法、装置、电子设备和存储介质
CN113110783B (zh) 控件的显示方法、装置、电子设备和存储介质
CN112261226B (zh) 横屏交互方法、装置、电子设备和存储介质
CN113342230A (zh) 控件显示方法、装置、设备及介质
CN111757163B (zh) 视频播放的控制方法、装置、电子设备和存储介质
CN111190520A (zh) 菜单项选择方法、装置、可读介质及电子设备
CN112486611B (zh) 页面切换显示方法、装置、存储介质及电子设备
CN113727170A (zh) 视频交互方法、装置、设备及介质
JP2024521099A (ja) 情報表示方法、装置、電子機器及び記憶媒体
CN109614195B (zh) 一种列表项的预加载方法、装置、设备及存储介质
CN113076048A (zh) 视频的展示方法、装置、电子设备和存储介质
WO2023138294A1 (zh) 一种信息展示方法、装置、设备及介质
CN111177610A (zh) 素材展示方法、装置、电子设备及存储介质
CN111240793B (zh) cell预渲染的方法、装置、电子设备以及计算机可读介质
CN110647286A (zh) 屏幕元素控制方法、装置、设备、存储介质
CN114760515A (zh) 媒体内容的显示方法、装置、设备、存储介质和程序产品
CN115113790A (zh) 一种交互方法、装置、电子设备和存储介质
JP2023530775A (ja) 情報指示方法、装置、電子機器及び記憶媒体
CN113608816B (zh) 进度的调整方法、装置、电子设备和存储介质
CN116048371A (zh) 应用程序中页面组件切换方法、装置、设备、介质及产品
CN115237530A (zh) 信息的显示方法、装置、电子设备和存储介质
CN115543509A (zh) 会话列表的显示方法、装置、电子设备和存储介质
CN110225391B (zh) 视频播放的控制方法、装置、电子设备、及存储介质
CN112312058B (zh) 交互方法、装置和电子设备
CN113204299A (zh) 显示方法、装置、电子设备和存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination