一种界面控制方法和相关设备与流程

1.本发明涉及信息处理技术领域，尤其涉及一种界面控制方法和相关设备。


背景技术：

2.现有的电子设备往往配置有屏幕，通过屏幕向用户显示特定的内容，以方便用户的操作以及供用户查看显示内容。
3.有时为了让用户通过屏幕可以查看更多的内容，以及有更多的操作，往往在屏幕上显示较多的信息，但是屏幕的面积是有限的，此时会导致屏幕显示的信息较为凌乱和繁杂，不利于用户的使用。


技术实现要素：

4.本发明实施例提供了一种界面控制方法、电子设备、和计算机存储介质，用于方便用户对屏幕的使用。
5.为达此目的，本发明实施例采用以下技术方案：
6.一种界面控制方法，所述界面控制方法应用于电子设备上，所述电子设备设有屏幕；
7.所述界面控制方法，包括：
8.在所述屏幕上显示菜单控件，所述菜单控件包括控件容器和一选项控件，所述选项控件位于所述控件容器内；
9.当检测到展开触发指令时，控制所述控件容器沿展开方向扩展；
10.在所述控件容器内，沿所述展开方向显示多个不同的所述选项控件。
11.可选地，所述界面控制方法，还包括：
12.在所述屏幕上显示操作控件；
13.所述在所述控件容器内，沿所述展开方向显示多个不同的所述选项控件之后，所述界面控制方法还包括：
14.从多个不同的所述选项控件中确定目标选项控件，不同的所述选项控件指示不同的功能；
15.当所述操作控件被触发时，执行所述目标选项控件所指示的功能。
16.可选地，所述界面控制方法，还包括：
17.当检测到对所述选项控件的滑动指令时，控制选项控件队列在所述控件容器内沿滑动方向滑动，所述滑动方向和所述展开方向平行，所述选项控件队列为位于所述控件容器内的多个所述选项控件；
18.在所述选项控件队列滑动时，沿所述滑动方向，删除位于所述选项控件队列头部的所述选项控件，且在所述选项控件队列尾部新增所述选项控件，以使位于所述控件容器内的所述选项控件的数量保持为预设值；
19.所述从多个不同的所述选项控件中确定目标选项控件，包括：
20.确定位于所述选项控件队列正中间的所述选项控件为目标选项控件，所述选项控件队列包括奇数个所述选项控件。
21.可选地，所述控件容器和所述操作控件皆为中心对称图形；
22.所述展开方向为指向所述控件容器相背的两端的方向；
23.连线方向和所述展开方向相互垂直，所述连线方向为过所述控件容器的中心和所述操作控件的中心的方向。
24.可选地，所述电子设备设有摄像头，不同的所述选项控件指示不同的拍摄模式，所述屏幕为触摸屏；
25.所述当所述操作控件被触发时，执行所述目标选项控件所指示的功能，包括：
26.当所述操作控件被触发时，以所述目标选项控件所指示的拍摄模式控制所述摄像头采集图像；
27.其中，在所述选项控件队列中，所述目标选项控件的面积最大；
28.对所述选项控件的滑动指令为对所述菜单控件进行按压且沿所述滑动方向滑动。
29.可选地，所述在所述控件容器内，沿所述展开方向显示多个不同的所述选项控件之后，所述界面控制方法还包括：
30.当检测到收起触发指令时，控制所述控件容器沿所述展开方向的反方向收缩；
31.依次删除所述选项控件，直至所述控件容器内包括一个所述选项控件。
32.可选地，所述展开触发指令为所述菜单控件被按压触发；
33.所述收起触发指令为所述屏幕上非菜单控件区域被按压或者所述电子设备在预设时间内检测不到操作指令。
34.为达此目的，本发明实施例还采用以下技术方案：
35.一种电子设备，所述电子设备设有屏幕；
36.所述电子设备包括：
37.显示模块，用于在所述屏幕上显示菜单控件，所述菜单控件包括控件容器和一选项控件，所述选项控件位于所述控件容器内；
38.控制模块，用于当检测到展开触发指令时，控制所述控件容器沿展开方向扩展；
39.所述显示模块，还用于在所述控件容器内，沿所述展开方向显示多个不同的所述选项控件。
40.为达此目的，本发明实施例还采用以下技术方案：
41.一种电子设备，所述电子设备包括存储器和处理器；所述存储器存储有代码，所述处理器被配置为执行所述代码，当所述代码被执行时，所述电子设备执行如上所述的方法。
42.为达此目的，本发明实施例还采用以下技术方案：
43.一种计算机存储介质，所述计算机存储介质存储有一个或多个指令，所述指令在由一个或多个计算机执行时使得所述一个或多个计算机实施如上所述的方法。
44.从以上技术方案可以看出，本发明实施例具有以下优点：
45.本发明实施例的界面控制方法应用于电子设备上，该电子设备设有屏幕。在本发明实施例的界面控制方法中，在屏幕上显示菜单控件，菜单控件包括控件容器和一选项控件，选项控件位于控件容器内。当检测到展开触发指令时，控制控件容器沿展开方向扩展。在控件容器内，沿展开方向显示多个不同的选项控件。这样，只要菜单控件被触发，则可在
屏幕上显示多个不同的选项控件以供用户使用，从而给用户展示了丰富的信息，但不凌乱繁杂，方便了用户对屏幕的使用。
附图说明
46.图1为本发明实施例提供的一种电子设备的结构示意图；
47.图2为本发明实施例提供的一种界面控制方法的流程图；
48.图3为本发明实施例提供的一种界面示意图；
49.图4为本发明实施例提供的一种界面示意图；
50.图5为本发明实施例提供的一种界面控制方法的流程图；
51.图6为本发明实施例提供的一种界面示意图；
52.图7为本发明实施例提供的一种界面示意图；
53.图8为本发明实施例提供的一种界面示意图；
54.图9为本发明实施例提供的一种界面示意图；
55.图10为本发明实施例提供的一种电子设备的结构示意图。
具体实施方式
56.本发明实施例提供了一种界面控制方法、电子设备、和计算机存储介质，用于方便用户对屏幕的使用。
57.图1为本发明实施例提供的一种电子设备的结构示意图，该电子设备设有屏幕101以及摄像头102。通过屏幕101，可向用户展示信息，用户也可以对屏幕101进行操作，以控制该电子设备。例如，通过屏幕101控制电子设备进行拍照，以采集图像，并在屏幕上显示拍摄的图像。
58.在一个具体的示例中，该电子设备可以为全景相机，其上设有至少两个摄像头。通过对摄像头采集的图像进行拼接，可以得到全景图像。
59.应该理解，图1所示的电子设备只是示例性说明，并不对本发明实施例的电子设备构成具体限定。例如，本发明实施例的电子设备还可以是手机、计算机、平板电脑、车载中控屏幕、或者智能电视等。
60.图2为本发明实施例提供的一种界面控制方法的流程图。本发明实施例的界面控制方法应用于电子设备上，其中，该电子设备设有屏幕。
61.参阅图2，本发明实施例的界面控制方法包括：
62.步骤201：在屏幕上显示菜单控件。
63.其中，菜单控件包括控件容器和一选项控件，选项控件位于控件容器内。
64.本发明实施例的电子设备设有屏幕，通过屏幕可向用户展示界面信息。具体为电子设备在屏幕上显示菜单控件，以供用户查看和操作。如图3所示，在该菜单控件301上，一选项控件302位于控件容器303内。
65.步骤202：当检测到展开触发指令时，控制控件容器沿展开方向扩展。
66.当检测到展开触发指令时，电子设备控制控件容器沿展开方向扩展。控件容器扩展后，控件容器的面积得到扩大。
67.其中，展开方向可以为具体的一个方向，或者多个不同的方向，本发明实施例对此
不作具体限定。
68.步骤203：在控件容器内，沿展开方向显示多个不同的选项控件。
69.随着控件容器的扩展，控件容器的面积逐渐扩大，从而可以容纳更多的选项控件。如图4所示，在控件容器303内，沿展开方向304显示多个不同的选项控件302。
70.可以理解，在本发明实施例中，可以是控件容器停止扩展后，在控件容器内，沿展开方向显示多个不同的选项控件。也可以是，一边扩展控件容器，一边增加控件容器内的选项控件，以实现在控件容器内，沿展开方向显示多个不同的选项控件。
71.综上所述，本发明实施例的界面控制方法应用于电子设备上，该电子设备设有屏幕。在本发明实施例的界面控制方法中，在屏幕上显示菜单控件，菜单控件包括控件容器和一选项控件，选项控件位于控件容器内。当检测到展开触发指令时，控制控件容器沿展开方向扩展。在控件容器内，沿展开方向显示多个不同的选项控件。这样，只要菜单控件被触发，则可在屏幕上显示多个不同的选项控件以供用户使用，从而给用户展示了丰富的信息，但不凌乱繁杂，方便了用户对屏幕的使用。
72.图5为本发明实施例提供的一种界面控制方法的流程图。该界面控制方法应用于电子设备上，电子设备设有屏幕。为了更直观地描述本发明实施例的方法，下文以图1所示实施例的电子设备为例进行描述。
73.参阅图5，本发明实施例的界面控制方法包括如下步骤：
74.步骤501：在屏幕上显示菜单控件和操作控件。
75.电子设备设有屏幕，该屏幕用于显示界面。如图6所示，在屏幕上可显示菜单控件601和操作控件602，以供用户查看和操作。其中，菜单控件601包括控件容器603和一选项控件604，选项控件604位于控件容器603内。
76.在本发明实施例中，菜单控件和操作控件是不同的控件，两者可以相互配合执行业务。菜单控件和操作控件可以同时在屏幕上显示，也可以先后在屏幕上显示，例如，在屏幕上显示菜单控件后，再在屏幕上显示操作控件，本发明实施例对此不作具体限定。
77.在本发明的另一个实施例中，可以为只在屏幕上显示菜单控件。
78.可选地，控件容器和操作控件皆为中心对称图形。例如，如图6所示，控件容器为倒圆角的矩形，操作控件为圆形。其中，连线方向和展开方向相互垂直，连线方向为过控件容器的中心和操作控件的中心的方向。展开方向为控件容器扩展的方向。这样，控件容器和操作控件较为美观，且操作控件的布置不影响控件容器的扩展。
79.步骤502：当检测到展开触发指令时，控制控件容器沿展开方向扩展。
80.当检测到展开触发指令时，电子设备控制控件容器沿展开方向扩展，从而控件容器的面积增加。
81.展开方向可以为指向控件容器相背的两端的方向，如图7所示，在图7所示的方位中，指向控件容器603的左右两端的方向为展开方向605，控件容器603沿指向左右两端的展开方向605同时进行扩展。
82.在本发明实施例中，对展开方向的指向不作具体限定，可以为如图7所示，也可以为展开方向指向一个具体的方向，或者展开方向为指向控件容器外部的方向等等。
83.可选地，展开触发指令为菜单控件被按压触发。例如，用户在屏幕上按压菜单控件后，电子设备检测到展开触发指令，从而控制控件容器沿展开方向扩展。
84.步骤503：在控件容器内，沿展开方向显示多个不同的选项控件。
85.电子设备控制控件容器沿展开方向扩展，从而控件容器的面积增加，此时，控件容器可容纳更多的内容。如图8所示，在控件容器603内，可沿展开方向605显示多个不同的选项控件604。从而，用户可查看并操作该多个不同的选项控件604。
86.这样，在屏幕上，通过有限的面积可以有序展示较多的内容供用户查看和操作，方便了用户的使用。
87.对选项控件的操作，例如如步骤504和步骤505所示。
88.步骤504：从多个不同的选项控件中确定目标选项控件。
89.不同的选项控件指示不同的功能。但是，在具体的业务执行时，电子设备可能只用到一个选项控件的功能，为此电子设备从多个不同的选项控件中确定目标选项控件。
90.步骤505：当操作控件被触发时，执行目标选项控件所指示的功能。
91.确定了目标选项控件后，当操作控件被触发时，电子设备执行目标选项控件所指示的功能，以完成业务的执行。
92.应该理解，本发明实施例的界面控制方法在步骤503之后的步骤504和步骤505是可选的步骤。
93.在有的实施例中，可以为目标选项控件被触发后，例如被按压后，执行目标选项控件所指示的功能。
94.用户对本发明实施例的控件有多种操作方式，在一个具体的示例中，本发明实施例的界面控制方法，还包括如下步骤：
95.当检测到对选项控件的滑动指令时，控制选项控件队列在控件容器内沿滑动方向滑动，其中，滑动方向和展开方向平行，选项控件队列为位于控件容器内的多个选项控件。
96.在选项控件队列滑动时，沿滑动方向，删除位于选项控件队列头部的选项控件，且在选项控件队列尾部新增选项控件，以使位于控件容器内的选项控件的数量保持为预设值。
97.相应地，从多个不同的选项控件中确定目标选项控件的步骤，具体包括：确定位于选项控件队列正中间的选项控件为目标选项控件，其中，选项控件队列包括奇数个选项控件。
98.例如，如图8所示，在控件容器603内，沿展开方向605显示了多个不同的选项控件604。对选项控件604的滑动指令为对菜单控件601进行按压且沿滑动方向606滑动。换言之，用户在屏幕上，对菜单控件601进行按压且沿滑动方向606滑动后，电子设备检测到对选项控件604的滑动指令，从而控制选项控件队列在控件容器603内沿滑动方向606滑动。其中，在本示例中，滑动方向606为图8所示图示的方位中，指向左边的方向。此时，位于控件容器603内的多个选项控件604依次向左滑动。例如，用户滑动图8所示的选项控件604后，屏幕显示的内容如图9所示，此时，选项控件604的位置发生变化，在一些实施例中，界面上有的控件也随之改变，以配合选项控件604的使用。
99.为了维持控件容器内的选项控件的数量为预设值，例如为5个，在选项控件队列滑动时，沿滑动方向，当位于选项控件队列头部的选项控件接触到控件容器的边缘时，对其进行删除。与此同时，在选项控件队列尾部新增不同的选项控件。这样子，控件容器内的选项控件的数量不变，且能显示更多的选项控件。
100.在本示例中，如图8所示，确定位于选项控件队列正中间的选项控件为目标选项控件607，这样用户通过滑动选项控件604即可确定出目标选项控件607，方便了用户的操作。为了给用户提示目标选项控件607，可选地，在选项控件队列中，目标选项控件607的面积最大。换言之，每当一选项控件604滑动到选项控件队列正中间，则该选项控件604的面积变大，向用户提示其为被选中的目标选项控件607，旧的目标选项控件从选项控件队列正中间的位置移走后，面积变小。从而，除了目标选项控件607的其余选项控件604的面积小于目标选项控件607的面积。
101.进一步的，为了更好地给以用户提示，确定新的目标选项控件后，可以在目标选项控件上方显示名称等信息。
102.在图1的示例中，可选地，电子设备设有摄像头，不同的选项控件指示不同的拍摄模式，以及，屏幕为触摸屏。
103.此时，步骤505具体包括：当操作控件被触发时，以目标选项控件所指示的拍摄模式控制摄像头采集图像。
104.例如，本发明实施例的电子设备为全景相机，其上设置有二个摄像头，将该二个摄像头采集的图像进行拼接后，可得到全景图像。此时，不同的选项控件指示的拍摄模式包括普通拍照、快拍、间隔拍、普通录像、平面录像、延时摄影、慢动作录像等拍摄模式。普通录像即指进行全景视频录像，平面录像即指平面的非全景视频录像。在本发明实施例中，用户通过对选项控件的选择，可选择不同的拍摄模式控制全景相机进行拍摄，丰富了用户可操作的应用，满足了用户更多的需求。
105.在有的实施例中，可在界面的背景上实时显示摄像头采集的图像，方便用户快速查看摄像头当前采集的图像。
106.为了恢复界面的显示，本发明实施例的方法还包括下述步骤506和步骤507。
107.步骤506：当检测到收起触发指令时，控制控件容器沿展开方向的反方向收缩。
108.当检测到收起触发指令时，电子设备控制控件容器沿展开方向的反方向收缩，以减小控件容器的面积。
109.可选地，收起触发指令为屏幕上非菜单控件区域被按压或者电子设备在预设时间内检测不到操作指令。其中，非菜单控件区域为屏幕上显示的界面不包含菜单控件的区域。例如，用户在屏幕上按压了非菜单控件区域或者电子设备在5秒内检测不到操作指令，则电子设备确定检测到收起触发指令，从而控制控件容器沿展开方向的反方向收缩。
110.步骤507：依次删除选项控件，直至控件容器内包括一个选项控件。
111.当控件容器的面积减小后，电子设备依次删除选项控件，直至控件容器内包括一个选项控件，此时得到的结果可如图6所示，换言之，此时界面恢复到步骤501的状态。此时的界面，更为美观干净，提高了用户使用体验。
112.应该理解，在本发明实施例的界面控制方法中，步骤503之后的步骤506和步骤507为可选的步骤。
113.综上所述，本发明实施例的界面控制方法应用于电子设备上，该电子设备设有屏幕。在本发明实施例的界面控制方法中，在屏幕上显示菜单控件，菜单控件包括控件容器和一选项控件，选项控件位于控件容器内。当检测到展开触发指令时，控制控件容器沿展开方向扩展。在控件容器内，沿展开方向显示多个不同的选项控件。这样，只要菜单控件被触发，
则可在屏幕上显示多个不同的选项控件以供用户使用，从而给用户展示了丰富的信息，但不凌乱繁杂，方便了用户对屏幕的使用。
114.图10为本发明实施例提供的一种电子设备的结构示意图。图10所示的电子设备可集成到图1所示实施例的电子设备上，图10所示的电子设备可用于执行上述各实施例的界面控制方法，例如图2或图5所示实施例的界面控制方法。
115.参阅图10，本发明实施例的电子设备设有屏幕。该电子设备包括：
116.显示模块1001，用于在屏幕上显示菜单控件，菜单控件包括控件容器和一选项控件，选项控件位于控件容器内；
117.控制模块1002，用于当检测到展开触发指令时，控制控件容器沿展开方向扩展；
118.显示模块1001，还用于在控件容器内，沿展开方向显示多个不同的选项控件。
119.可选地，电子设备还包括确定模块1003和执行模块1004；
120.显示模块1001，还用于在屏幕上显示操作控件；
121.确定模块1003，用于从多个不同的选项控件中确定目标选项控件，不同的选项控件指示不同的功能；
122.执行模块1004，用于当操作控件被触发时，执行目标选项控件所指示的功能。
123.可选地，控制模块1002还用于当检测到对选项控件的滑动指令时，控制选项控件队列在控件容器内沿滑动方向滑动，滑动方向和展开方向平行，选项控件队列为位于控件容器内的多个选项控件；
124.控制模块1002还用于在选项控件队列滑动时，沿滑动方向，删除位于选项控件队列头部的选项控件，且在选项控件队列尾部新增选项控件，以使位于控件容器内的选项控件的数量保持为预设值；
125.确定模块1003还用于确定位于选项控件队列正中间的选项控件为目标选项控件，选项控件队列包括奇数个选项控件。
126.可选地，控件容器和操作控件皆为中心对称图形；
127.展开方向为指向控件容器相背的两端的方向；
128.连线方向和展开方向相互垂直，连线方向为过控件容器的中心和操作控件的中心的方向。
129.可选地，电子设备设有摄像头，不同的选项控件指示不同的拍摄模式，屏幕为触摸屏；
130.执行模块1004还用于当操作控件被触发时，以目标选项控件所指示的拍摄模式控制摄像头采集图像；
131.其中，在选项控件队列中，目标选项控件的面积最大；
132.对选项控件的滑动指令为对菜单控件进行按压且沿滑动方向滑动。
133.可选地，控制模块1002还用于当检测到收起触发指令时，控制控件容器沿展开方向的反方向收缩；
134.控制模块1002还用于依次删除选项控件，直至控件容器内包括一个选项控件。
135.可选地，展开触发指令为菜单控件被按压触发；
136.收起触发指令为屏幕上非菜单控件区域被按压或者电子设备在预设时间内检测不到操作指令。
137.综上所述，本发明实施例的电子设备设有屏幕。在该电子设备中，显示模块1001在屏幕上显示菜单控件，菜单控件包括控件容器和一选项控件，选项控件位于控件容器内。当检测到展开触发指令时，控制模块1002控制控件容器沿展开方向扩展。在控件容器内，显示模块沿展开方向显示多个不同的选项控件。这样，只要菜单控件被触发，则可在屏幕上显示多个不同的选项控件以供用户使用，从而给用户展示了丰富的信息，但不凌乱繁杂，方便了用户对屏幕的使用。
138.本发明实施例还提供了一种电子设备，所述电子设备包括存储器和处理器；所述存储器存储有代码，所述处理器被配置为执行所述代码，当所述代码被执行时，所述电子设备执行如上所述任一实施例的界面控制方法。
139.本发明实施例还提供了一种计算机存储介质，所述计算机存储介质存储有一个或多个指令，所述指令在由一个或多个计算机执行时使得所述一个或多个计算机实施如上所述任一实施例的界面控制方法。
140.所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
141.在本技术所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
142.所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
143.另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
144.所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(rom，read-only memory)、随机存取存储器(ram，random access memory)、磁碟或者光盘等各种可以存储程序代码的介质。
145.以上所述，以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。