界面显示方法与流程-尊龙凯时官方app下载

文档序号:36265779发布日期:2023-12-06 09:27阅读:0来源:国知局
界面显示方法与流程
界面显示方法、装置、设备、存储介质和程序产品
技术领域
1.本技术涉及人机交互技术领域,特别是涉及一种界面显示方法

装置

设备

存储介质和程序产品



背景技术:

2.随着计算机技术的发展,应用程序在人们的日常生活中已经越来越常见了

界面是应用程序的重要组成部分,界面可以向用户提供信息,并且可以供用户与应用程序进行交互

3.然而,当前的界面显示方式存在灵活性较低的问题



技术实现要素:

4.基于此,有必要针对上述技术问题,提供一种能够提高界面显示灵活性的界面显示方法

装置

设备

存储介质和程序产品

5.第一方面,本技术提供了一种界面显示方法

应用于电子设备,所述电子设备包括显示屏,所述方法包括:
6.在所述显示屏上显示应用的第一界面;在显示所述第一界面的过程中,若检测到预设操作,则显示第一区域和第二区域,并在所述第一区域和所述第二区域中均显示所述第一界面,其中,所述第一区域和所述第二区域均用于显示所述应用的界面

7.第二方面,本技术提供了一种界面显示装置

应用于电子设备,所述电子设备包括显示屏,所述装置包括:
8.第一显示模块,用于在所述显示屏上显示应用的第一界面;第二显示模块,用于在显示所述第一界面的过程中,若检测到预设操作,则显示第一区域和第二区域,并在所述第一区域和所述第二区域中均显示所述第一界面,其中,所述第一区域和所述第二区域均用于显示所述应用的界面

9.第三方面,本技术还提供了一种电子设备

所述电子设备包括存储器和处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现上述第一方面提供的界面显示方法

10.第四方面,本技术还提供了一种计算机可读存储介质

所述计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现上述第一方面提供的界面显示方法

11.第五方面,本技术还提供了一种计算机程序产品

所述计算机程序产品,包括计算机程序,该计算机程序被处理器执行时实现上述第一方面提供的界面显示方法

12.上述界面显示方法

装置

设备

存储介质和程序产品,通过在显示应用的第一界面的过程中,若检测到预设操作,则显示第一区域和第二区域,并在第一区域和第二区域中均显示第一界面,其中,该第一区域和第二区域均用于显示该应用的界面,这样,就可以在检测到预设操作之后,显示两个区域,并在该两个区域中备份显示第一界面,并且,该两个
区域都可以显示该应用的界面,通过这样的方式可以实现在显示屏中备份显示界面的效果,故而可以提高界面显示的灵活性

附图说明
13.图1为一个实施例中界面显示方法的流程图;
14.图2为一个实施例中界面显示的示意图;
15.图3为一个实施例中界面显示的示意图;
16.图4为一个实施例中界面显示的示意图;
17.图5为一个实施例中界面显示的示意图;
18.图6为一个实施例中界面显示的示意图;
19.图7为一个实施例中界面显示的示意图;
20.图8为一个实施例中界面显示的示意图;
21.图9为一个实施例中界面显示的示意图;
22.图
10
为一个实施例中界面显示的示意图;
23.图
11
为一个实施例中界面显示的示意图;
24.图
12
为一个实施例中界面显示的示意图;
25.图
13
为一个实施例中界面显示的示意图;
26.图
14
为一个实施例中界面显示的示意图;
27.图
15
为一个实施例中界面显示的示意图;
28.图
16
为一个实施例中界面显示的示意图;
29.图
17
为一个实施例中界面显示的示意图;
30.图
18
为一个实施例中界面显示的示意图;
31.图
19
为一个实施例中界面显示的示意图;
32.图
20
为一个实施例中界面显示的示意图;
33.图
21
为一个实施例中界面显示的示意图;
34.图
22
为一个实施例中界面显示方法的流程图;
35.图
23
为一个实施例中界面显示方法的技术实现方式的示意图;
36.图
24
为一个实施例中界面显示装置的结构框图;
37.图
25
为一个实施例中电子设备的内部结构图

具体实施方式
38.为了使本技术的目的

技术方案及优点更加清楚明白,以下结合附图及实施例,对本技术进行进一步详细说明

应当理解,此处描述的具体实施例仅仅用以解释本技术,并不用于限定本技术

39.为了提高界面显示的灵活性,本技术实施例提供了一种界面显示方法,其中,该界面显示方法的执行主体可以是界面显示装置,该界面显示装置可以通过软件

硬件或者软硬件结合的方式实现成为电子设备的部分或者全部,下述方法实施例中,均以执行主体是电子设备为例来进行说明

其中,该电子设备包括显示屏,该电子设备可以但不限于是各种个人计算机

笔记本电脑

智能手机

平板电脑

物联网设备和便携式可穿戴设备,物联网设
备可为智能音箱

智能电视

智能空调

智能车载设备等,便携式可穿戴设备可为智能手表

智能手环

头戴设备等

40.在一个实施例中,如图1所示,提供了一种界面显示方法,以该方法应用于电子设备为例进行说明,包括以下步骤:
41.步骤
101、
在显示屏上显示应用的第一界面

42.其中,该应用可以为系统应用,也可以为第三方应用,该应用可以为视频应用

即时通信应用

新闻应用

音乐应用或者游戏应用等,本技术实施例不对该应用的具体类型进行限定

43.步骤
102、
在显示第一界面的过程中,若检测到预设操作,则显示第一区域和第二区域,并在第一区域和第二区域中均显示第一界面

44.其中,第一区域和第二区域均用于显示应用的界面

45.在本技术的可选实施例中,该预设操作可以包括以下操作中的至少一种:目标手势操作

对拖拽控件的拖拽操作

对固定控件的触发操作

46.在本技术的可选实施例中,通过将第一界面显示在第一区域和第二区域中,实现了对第一界面的备份显示,其中,第二区域中显示的第一界面用来与用户进行交互,第一区域则可以显示缩小的第一界面,并且,需要指出的是,第一区域中的缩小的第一界面为保活界面,也即是,第一区域中的缩小的第一界面可以反映出界面内容的实时变化

47.在一种实现方式中,第一区域可以叠加显示于第二区域之上,并覆盖第二区域的一部分

48.请参考图2,如图2所示,第二区域
q2
覆盖整个显示屏,第一区域
q1
叠加显示于
q2
之上,而且,覆盖第二区域
q2
的右侧区域

需要指出的是,尽管图2示出了第一区域
q1
覆盖第二区域
q2
的右侧区域的情况,但是在实际实现时,第一区域
q1
还可以覆盖第二区域
q2
的左侧区域

上方区域或者下方区域,本技术实施例不对第一区域
q1
覆盖第二区域
q2
的方式进行限定

49.需要指出的是,在第一区域叠加显示于第二区域之上,并覆盖第二区域的一部分的显示方式中,第一区域可以被呼出从而叠加显示于第二区域之上,第一区域也可以被隐藏,从而使电子设备的显示屏全屏显示第二区域,本技术实施例不对第一区域呼出和隐藏的方式进行限定

50.在另一种实现方式中,第一区域和第二区域不存在相互覆盖的区域,即第一区域和第二区域互不重叠

51.请参考图3,如图3所示,第一区域
q1
位于显示屏的左侧区域,第二区域
q2
位于显示屏的右侧区域,第一区域
q1
和第二区域
q2
之间不具有相互覆盖的区域

需要指出的是,尽管图3中示出,第一区域
q1
位于显示屏的左侧区域,第二区域
q2
位于显示屏的右侧区域,但是在实际实现时,第一区域
q1
可以位于显示屏的右侧区域,第二区域
q2
可以位于显示屏的左侧区域;或者,第一区域
q1
可以位于显示屏的上方区域,第二区域
q2
可以位于显示屏的下方区域;或者,第一区域
q1
可以位于显示屏的下方区域,第二区域
q2
可以位于显示屏的上方区域

换言之,在实际实现时,第一区域
q1
和第二区域
q2
可以横向排布,也可以纵向排布

请参考图4,其为第一区域
q1
和第二区域
q2
纵向排布的示意图,在图4中,第一区域
q1
位于显示屏的下方区域,第二区域
q2
位于显示屏的上方区域

52.在第一区域和第二区域不存在相互覆盖区域的情况下,第一区域和第二区域的尺寸可以相等,也可以不相等,例如,第一区域的尺寸可以小于第二区域的尺寸

53.需要指出的是,在本技术的可选实施例中,电子设备可以在显示屏尺寸小于预设尺寸阈值的情况下,以第一区域叠加显示于第二区域之上,并覆盖第二区域的一部分的显示形式显示第一区域和第二区域

在显示屏尺寸大于或等于该预设尺寸阈值的情况下,以第一区域和第二区域不存在相互覆盖的区域的显示形式显示第一区域和第二区域

54.在一种可能的实现方式中,电子设备可以响应于用户触发的尺寸调整操作调整第一区域的尺寸和第二区域的尺寸中的至少一个

其中,该尺寸调整操作可以为对第一区域和第二区域之间的分割线的拖动操作,也可以为对第一区域的边界线的拖动操作,还可以为对第二区域的边界线的拖动操作,本技术实施例不对该尺寸调整操作的具体类型进行限定

55.请参考图5,在第一区域和第二区域不存在相互覆盖区域的情况下,用户可以拖动第一区域
q1
和第二区域
q2
之间的分割线,当电子设备检测到该拖动操作后,可以基于该拖动操作调整第一区域
q1
和第二区域
q2
的尺寸,如图5所示,在尺寸调整之后,第一区域
q1
的尺寸增大,同时,第二区域
q2
的尺寸减小

56.请参考图6,在第一区域叠加显示于第二区域之上的情况下,用户可以拖动第一区域
q1
的边界线,当电子设备检测到该拖动操作后,可以基于该拖动操作调整第一区域
q1
的尺寸,如图6所示,在尺寸调整之后,第一区域
q1
的尺寸增大

57.需要指出的是,上述图5和图6所示的尺寸调整的图示仅仅是示例性的,在实际实现时,第一区域
q1
叠加显示于第二区域
q2
之上,且,第一区域
q1
覆盖第二区域
q2
的左侧区域

上方区域或者下方区域的情况,以及,第一区域
q1
和第二区域
q2
不存在相互覆盖的区域,且,第一区域
q1
位于显示屏的右侧区域而第二区域
q2
位于显示屏的左侧区域

第一区域
q1
位于显示屏的上方区域而第二区域
q2
位于显示屏的下方区域

第一区域
q1
位于显示屏的下方区域而第二区域
q2
位于显示屏的上方区域的情况,电子设备进行尺寸调整的方式与图5和图6所示同理,本技术实施例在此不再赘述

58.在一种可能的实现方式中,第一区域可以包括抽屉控件,这种情况下,在显示第一区域的过程中,若检测到针对抽屉控件的触发操作,则隐藏第一区域中除抽屉控件以外的其他部分

59.请参考图7,第二区域
q2
覆盖整个显示屏,第一区域
q1
叠加显示于
q2
之上,且覆盖第二区域
q2
的右侧区域,第一区域
q1
包括抽屉控件c,该抽屉控件c可以设置于第一区域
q1
的左侧边界线处

若电子设备检测到对该抽屉控件c的触发操作,则可以隐藏第一区域
q1
中除抽屉控件c以外的其他部分,请参考图8,其为抽屉控件c被触发之后,第一区域
q1
中除抽屉控件c以外的其他部分均被隐藏的示意图,如图8所示,在第一区域
q1
被隐藏之后,电子设备可以无遮挡地全屏显示第二区域
q2。
60.请参考图9,第一区域
q1
位于显示屏的左侧区域,第二区域
q2
位于显示屏的右侧区域,第一区域
q1
和第二区域
q2
之间不具有相互覆盖的区域,第一区域
q1
包括抽屉控件c,该抽屉控件c可以设置于第一区域
q1
的右侧边界线处,若电子设备检测到对该抽屉控件c的触发操作,则可以隐藏第一区域
q1
中除抽屉控件c以外的其他部分

请参考图
10
,其为抽屉控件c被触发之后,第一区域
q1
中除抽屉控件c以外的其他部分均被隐藏的示意图,如图
10

示,在第一区域
q1
被隐藏之后,电子设备自动放大第二区域
q2
,放大后的第二区域
q2
覆盖整个显示屏,电子设备可以无遮挡地全屏显示第二区域
q2。
61.需要指出的是,实际实现时,在抽屉控件c被触发后,抽屉控件c的一部分可以被隐藏,另一部分不被隐藏

62.在本技术的可选实施例中,在隐藏第一区域中除抽屉控件以外的其他部分之后,若检测到针对抽屉控件的触发操作,则电子设备可以重新显示第一区域,电子设备重新显示第一区域的图示可以参考图7和图9,本技术实施例在此不再赘述

63.需要指出的是,上述图7至图
10
所示的对抽屉控件的操作的图示仅仅是示例性的,在实际实现时,第一区域
q1
叠加显示于第二区域
q2
之上,且,第一区域
q1
覆盖第二区域
q2
的左侧区域

上方区域或者下方区域的情况,以及,第一区域
q1
和第二区域
q2
不存在相互覆盖的区域,且,第一区域
q1
位于显示屏的右侧区域而第二区域
q2
位于显示屏的左侧区域

第一区域
q1
位于显示屏的上方区域而第二区域
q2
位于显示屏的下方区域

第一区域
q1
位于显示屏的下方区域而第二区域
q2
位于显示屏的上方区域的情况,对抽屉控件的操作方式与图7至图
10
所示同理,本技术实施例在此不再赘述

64.根据上文说明可知,设置抽屉控件的主要目的是:在需要时隐藏第一区域,从而保证能够清晰不遮挡地全屏显示第二区域,在一些实施方式中,可以在电子设备的显示屏尺寸较小时才有这一需求,而在电子设备的显示屏尺寸较大时,可以将第一区域和第二区域固定显示于电子设备显示屏中

65.基于以上考虑,在本技术的可选实施例中,电子设备可以在显示屏尺寸小于预设尺寸阈值的情况下,在第一区域中显示抽屉控件,而在显示屏尺寸不小于该预设尺寸阈值的情况下,可以不在第一区域中显示抽屉控件

66.除此以外,在第一区域叠加显示于第二区域之上,且,覆盖第二区域的一部分的显示方式中,电子设备可以不考虑自身的显示屏尺寸,而在第一区域中固定显示抽屉控件

67.在一种可能的实现方式中,第一区域和第二区域中的至少一个可以包括关闭控件,在这种情况下,若检测到针对关闭控件的触发操作,则根据被触发的关闭控件所设置的区域关闭第一区域或者第二区域

68.例如,假如第一区域中设置有关闭控件,则在检测到对该关闭控件的触发操作后,可以关闭第一区域

又例如,假如第二区域中设置有关闭控件,则在检测到对该关闭控件的触发操作后,可以关闭第二区域

69.在步骤
102
中,在一种可能的实现方式中,第一界面可以包括第一拖拽控件,在这种情况下,若检测到针对第一拖拽控件的拖拽操作
(
也即是预设操作
)
,则显示第一区域和第二区域,并在第一区域和第二区域中均显示第一界面

70.需要指出的是,为了防止误触,第一拖拽控件可以设置于第一界面的顶部区域

71.请参考图
11
,第一界面a包括第一拖拽控件
t1
,其中,该第一拖拽控件
t1
可以位于第一界面a的顶部区域中,若检测到针对该第一拖拽控件
t1
的拖拽操作,例如,用户长按该第一拖拽控件
t1
后,可以在第一拖拽控件
t1
上新生成一个经过缩小的第一界面a,该经过缩小的第一界面a可以跟随第一拖拽控件
t1
移动,并且显示屏上可以显示出第一区域
q1
和第二区域
q2
,在用户将第一拖拽控件
t1
拖动到第一区域
q1
后,第一界面a就可以同时显示于第一区域
q1
和第二区域
q2


72.在本技术的可选实施例中,若第一拖拽控件为首次显示,则可以显示第一功能说明界面,例如,在第一界面上叠加显示该第一功能说明界面,该第一功能说明界面包括第一拖拽控件的功能说明信息

请参考图
12
,其为在第一界面a上叠加显示第一功能说明界面
s1
的示意图

73.在另一种可能的实现方式中,若基于第一界面检测到目标手势操作
(
也即是预设操作
)
,则显示第一区域和第二区域,其中,第一界面显示于第一区域和第二区域中

74.请参考图
13
,若基于第一界面a检测到三指同时向上滑动的操作
(
图中所示的3个圆圈
)
,此时,可以显示第一区域
q1
和第二区域
q2
,其中,第一界面a同时显示于第一区域
q1
和第二区域
q2


75.在又一种可能的实现方式中,第一界面可以包括第一固定控件,在这种情况下,若检测到针对第一固定控件的触发操作
(
也即是预设操作
)
,则显示第一区域和第二区域,并在第一区域和第二区域中均显示第一界面

76.其中,关于第一固定控件被触发后即显示第一区域和第二区域的示意图与图
11
所示类似,其区别仅在于第一固定控件的样式与第一拖拽控件
t1
的样式有所不同,且,不需要对第一固定控件进行如图
11
所示的拖拽操作

例如,第一固定控件可以是一个图钉形状的控件,当点击该图钉形状的控件后即可触发显示第一区域和第二区域,并在第一区域和第二区域中均显示第一界面

为了简化说明,本技术实施例不对第一固定控件被触发后即显示第一区域和第二区域的示意图进行绘制

77.与上文所述同理地,为了防止误触,第一固定控件可以设置于第一界面的顶部区域

另外,若第一固定控件为首次显示,则可以显示第二功能说明界面,例如,在第一界面上叠加显示该第二功能说明界面,该第二功能说明界面包括第一固定控件的功能说明信息

其中,第二功能说明界面的图示与图
12
中第一功能说明界面的图示类似,其区别仅在于第二功能说明界面中的功能说明信息与第一功能说明界面中的功能说明信息不同,为了简化叙述,本技术实施例不对第二功能说明界面的示意图进行绘制

78.需要说明的是,在本技术的可选实施例中,第一界面可以进行多次备份显示,例如,在第一界面已经备份显示的情况下,也即是,在第一区域中已经存在缩小的第一界面的情况下,用户可以继续针对第二区域中显示的第一界面触发该预设操作,电子设备在检测到该预设操作之后,可以在第一区域中显示的第一界面的下方显示另一第一界面,也即是,在第一区域中显示新的缩小的第一界面,同时,在第二区域中继续显示第一界面,换言之,第一区域
q1
中可以显示多个缩小的第一界面

79.请参考图
14
,在第二区域
q2
中显示有第一界面a,在第一区域
q1
中显示有一个缩小的第一界面a,此时,若基于第二区域
q2
中显示的第一界面a检测到三指同时向上滑动的操作
(
图中所示的3个圆圈
)
,此时,可以在第二区域
q2
中继续显示第一界面a,同时,在第一区域
q1
中显示新的缩小后的第一界面a,此时,第一区域
q1
中存在两个缩小的第一界面
a。
80.需要说明的是,在第二区域中显示的第一界面可以在用户的触发下进行界面跳转,下面,本技术实施例将对这一界面跳转过程进行说明

81.可选的,若检测到针对该第二区域中显示的第一界面的界面跳转操作,则电子设备可以在第二区域中显示跳转后的该应用的第二界面

也即是,在本技术的可选实施例中,界面跳转之后,原来显示在第二区域中的第一界面可以被直接覆盖掉

82.请参考图
15
,如图
15
所示,第二区域
q2
中显示的第一界面a包括链接
kb1
,在检测到针对该链接
kb1
的触发操作后,第二区域
q2
中可以显示该链接
kb1
所指向的第二界面b,而第二区域
q2
中原来显示的第一界面a被直接覆盖掉

83.需要说明的是,在图
15
仅示出了第一区域包含一个缩小的第一界面的情况下的界面跳转示意,但是,实际应用中,在界面跳转时,第一区域可以包含多个缩小的第一界面,这种情况下,界面跳转时,第二区域显示第二界面,而第一区域仍显示该多个缩小的第一界面

84.另外,仅作为本技术实施例提供的可选的一种示例,在实际实现时,在第二区域显示第二界面的同时,原来显示在第二区域中的第一界面可以以备份的形式显示在第一区域中,也即是,在第二区域中显示跳转后的第二界面的同时,在第一区域中显示的第一界面的下方显示另一第一界面
(
新的第一界面
)。
85.请参考图
16
,如图
16
所示,第二区域
q2
中显示的第一界面a包括链接
kb1
,在检测到针对该链接
kb1
的触发操作后,第二区域
q2
中可以显示该链接
kb1
所指向的第二界面b,与此同时,第二区域
q2
中原来显示的第一界面a可以以备份的形式显示在第一区域
q1
中,如图
16
所示,第一区域
q1
原本存在1个缩小的第一界面a,在该链接
kb1
被触发后,第一区域
q1
中可以显示2个缩小的第一界面
a。
86.另外,还需要说明的是,第二区域中显示的第二界面也可以进行界面跳转,具体地,在检测到针对该第二界面的界面跳转操作之后,可以在第二区域中显示跳转后的该应用的第三界面,而原来显示在第二区域中的第二界面也可以被直接覆盖掉,本技术实施例对此不再赘述,当然,进一步地,第三界面也可以进行界面跳转,乃至于以后显示在第二区域中的界面都可以进行界面跳转,界面跳转的方式与上文所述同理,本技术实施例在此不再赘述

87.此外,还需要说明的是,在本技术实施例中,第二界面也可以进行备份显示,具体地,若检测到针对该第二区域中显示的第二界面的预设操作,则在第一区域中显示第二界面,且在第二区域中继续显示第二界面

换言之,在第二区域显示第二界面的过程中,若检测到预设操作,则可以在第一区域中备份显示缩小的第二界面

88.与上文所述同理地,第二界面也可以进行多次备份显示,例如,在第二界面已经备份显示的情况下,也即是,在第一区域中已经存在缩小的第二界面的情况下,用户可以继续针对第二区域中显示的第二界面触发该预设操作,电子设备在检测到该预设操作之后,可以在第一区域中显示新的缩小的第二界面,同时,在第二区域中继续显示第二界面,换言之,第一区域
q1
中可以显示多个缩小的第二界面

89.其中,第二界面进行界面跳转操作,以及第二界面进行备份显示的方式与上文所述同理,本技术实施例在此不再赘述

90.当然,上文中的第三界面也可以进行备份显示或者多次备份显示,乃至于以后显示在第二区域中的界面都可以进行备份显示或者多次备份显示,其备份显示的方式与上文所述同理,本技术实施例在此不再赘述

91.在本技术实施例中,除了可以针对第二区域中显示的界面进行备份显示以及界面跳转之外,还可以将第一区域中显示的界面转换至第二区域中进行显示,具体来说,在第一区域和第二区域显示的界面不相同的情况下,可以将第一区域中显示的界面转换至第二区
域中进行显示

92.可选的,若检测到针对第一区域中显示的第一目标界面的触发操作,则可以将第二区域中显示的第二目标界面替换为该第一目标界面,也即是,在将第一区域中显示的第一目标界面转换至第二区域显示时,第一目标界面可以直接覆盖第二目标界面

在本技术的一个可选的实施例中,被触发的第一目标界面可以继续在第一区域中显示

或者,在本技术的另一个可选的实施例中,被触发的第一目标界面将不会继续在第一区域中显示

93.在本技术的可选实施例中,该第一目标界面可以为第一界面,该第二目标界面可以为第二界面,或者,该第一目标界面可以为第二界面,该第二目标界面可以为第三界面,本技术实施例对此不作具体限定

94.请参考图
17
,若检测到针对第一区域
q1
中第一界面
a(
也即是第一目标界面
)
的触发操作
(
如点击操作
)
,则可以在第二区域
q2
中显示该第一界面a,与此同时,第二区域
q2
中原本显示的第二界面
b(
也即是第二目标界面
)
可以被直接覆盖掉

95.另外,仅作为本技术实施例提供的可选的一种示例,在将第一区域中显示的第一目标界面转换至第二区域显示的同时,第二区域中原来显示的第二目标界面可以转换至第一区域中显示

96.请参考图
18
,若检测到针对第一区域
q1
中第一界面
a(
也即是第一目标界面
)
的触发操作
(
如点击操作
)
,则可以在第二区域
q2
中显示该第一界面a,与此同时,第二区域
q2
中原本显示的第二界面
b(
也即是第二目标界面
)
的缩小界面可以显示于第一区域
q1


97.根据上文所述可知,第一区域可以用于显示应用的多个界面,在第一区域存在多个界面的情况下,若基于第一区域检测到浏览操作
(
例如,该浏览操作可以为上滑操作或者下滑操作
)
,则电子设备可以响应于浏览操作滑动第一区域中的多个界面

请参考图
19
,其示出了电子设备响应于浏览操作滑动第一区域中的多个界面的示意图

98.除此以外,可选的,第一区域中的界面还可以设置关闭控件,其中,若检测到针对第一区域中显示的第一目标界面的关闭控件的触发操作后,电子设备可以在第一区域中关闭第一目标界面

请参考图
20
,其示出了在第一区域
q1
中显示的第一目标界面
c(
示例性地,该第一目标界面c与上文所述的第一界面形同
)
的关闭控件被触发后,在第一区域
q1
中关闭第一目标界面c的示意图

99.另外,对于第一区域包含抽屉控件的情况,若检测到针对该抽屉控件的触发操作,则电子设备可以隐藏第一区域中除抽屉控件以外的其他部分,之后,若检测到针对第二区域中显示的第二目标界面
(
例如,该第二目标界面可以为第二界面
)
的预设操作,则可以将该第二目标界面置于被隐藏的第一区域中,同时,在第二区域中继续显示该第二目标界面

100.而在将第二界面置于被隐藏的第一区域之后,若检测到针对该抽屉控件的触发操作,则电子设备可以重新显示第一区域,此时,在第一区域中可以显示该第二目标界面

101.为了便于读者理解本技术实施例提供的技术方案,下面,本技术实施例将提供一种可选的界面操作过程,需要指出的是,这种可选的界面操作过程可能并未穷尽所有可以能的界面切换情况,读者应该理解,该可选的界面操作过程还可以包括上文中所述的界面切换情况

102.请参考图
21
,第一界面a的顶部区域包含拖拽控件
t1
,其中,在该拖拽控件
t1
为首次显示的情况下,第一界面a上叠加显示第一功能说明界面
s1
,该第一功能说明界面
s1
可以
包含对拖拽控件
t1
的功能说明信息

用户可以在第一界面a显示的过程中,对该拖拽控件
t1
进行拖拽,其中,用户长按该拖拽控件
t1
后,可以在拖拽控件
t1
上新生成一个经过缩小的第一界面a,该经过缩小的第一界面a可以跟随拖拽控件移动,并且显示屏上可以显示出第一区域
q1
和第二区域
q2
,在用户将拖拽控件拖动到第一区域
q1
后,第一界面a就可以显示于第一区域
q1
和第二区域
q2
中,其中,第一界面a以缩略的形式显示在第一区域
q1
中,且,第一界面a在第一区域
q1
中保活

103.显示于第二区域
q2
的第一界面a的顶部区域也包含拖拽控件
t1
,用户可以拖拽显示于第二区域
q2
的拖拽控件
t1
,同理地,用户长按该拖拽控件
t1
后,可以在拖拽控件
t1
上新生成一个经过缩小的第一界面a,该经过缩小的第一界面a可以跟随拖拽控件移动,在用户将拖拽控件拖动到第一区域
q1
后,第一区域
q1
在已有的第一界面a的下方显示新的第一界面a,而第二区域
q2
中继续显示第一界面
a。
104.通过上述方法,用户可以在第一区域
q1
中生成多个第一界面a的备份

105.另外,第二区域
q2
中的第一界面a还可以进行界面跳转,该第一界面a包括链接
kb1
,在检测到针对该链接
kb1
的触发操作后,第二区域
q2
中可以显示该链接
kb1
所指向的第二界面
b。
106.而后,若用户想要将第一区域
q1
中显示的第一界面a转移至第二区域
q2
中进行显示,则用户可以触发第一区域
q1
中显示的第一界面a,此时,第二区域
q2
中显示第一界面
a。
107.在另一个实施例中,例如,第一界面a的顶部区域包含一图钉形状的固定控件,预设操作为点击该固定控件

在电子设备的触摸显示屏显示第一界面a的过程中,用户可以对显示在界面顶部的图钉形状控件进行点击操作,之后电子设备可以在触摸显示屏上显示出第一区域
q1
和第二区域
q2
,并在该第一区域
q1
和第二区域
q2
中均显示第一界面a,其中第一区域
q1
中显示的是缩小后的第一界面a,并且第一区域
q1
中显示的第一界面a是保活界面,即第一区域
q1
中显示的第一界面a和第二区域
q2
中显示的第一界面a一样,都是可以反映出界面的实时变化的

108.第二区域
q2
中的第一界面a还可以进行界面跳转

例如,用户可以点击该第一界面a中包括的链接
kb1
,电子设备在检测到针对该链接
kb1
的点击操作后,第二区域
q2
中可以显示该链接
kb1
所指向的第二界面
b。
109.在第二区域
q2
中显示链接
kb1
所指向的第二界面b之后,若用户想要将第一区域
q1
中显示的第一界面a转移至第二区域
q2
中进行显示,则用户可以点击第一区域
q1
中显示的第一界面a,之后,第二区域
q2
中可以显示出第一界面a,即第二区域
q2
中原来显示的第二界面b被第一界面a替换

110.或者,在第二区域
q2
中显示链接
kb1
所指向的第二界面b之后,用户也可以点击第二界面b顶部的图钉形状控件,从而触发在第一区域
q1
中显示一缩小的第二界面
b。
此时第一区域
q1
中包含缩小的界面a和
b。
之后,若第二区域
q2
中显示的第二界面b中包含跳转链接,则用户也可以点击该跳转链接,从而在第二区域
q2
中显示跳转后的第三界面
c。
此时第一区域
q1
中仍然包含缩小的界面a和
b。
111.即,在本实施例中,当在某一界面上检测到预设操作时,电子设备可以在第一区域
q1
中保活显示该界面的缩小界面

当检测到针对第一区域
q1
中显示的某一界面的触发操作时,电子设备可以将被触发的该界面切换到第二区域
q2
中显示

可以理解的是,由于第二区

q2
的面积可以大于第一区域
q1
,因此将第一区域
q1
中被触发的界面切换到第二区域
q2
中显示时更方便用户查看相应界面上的信息

112.下面以一使用场景为例进行说明

113.比如,用户当前使用的是一个即时通信应用

该即时通信应用的每一界面的顶部均可以包含一图钉形状的固定控件,预设操作为点击该固定控件

114.例如,用户在聊天界面d和好友聊天,此时好友在聊天界面发送了一篇公众号文章的链接过来

此时,用户既想时刻关注聊天界面d的变化,又想跳转到公众号文章的链接所指向的界面e,那么用户可以点击聊天界面d顶部的图钉形状控件,从而触发显示屏显示出第一区域
q1
和第二区域
q2
,并在该第一区域
q1
和第二区域
q2
中均显示聊天界面d,其中第一区域
q1
中显示的是缩小后的聊天界面d,并且第一区域
q1
中显示的聊天界面d是保活界面

之后,用户可以点击第二区域
q2
中显示的聊天界面d上的公众号文章的链接,从而跳转到公众号文章对应的界面
e。
115.例如,用户又对界面e上的另一跳转链接的内容感兴趣,那么用户还可以点击界面e顶部的图钉形状控件,从而触发在第一区域
q1
中显示一缩小且保活的界面e,此时第一区域
q1
中显示有缩小后的界面d和
e。
之后,用户可以点击上述另一跳转链接,从而使电子设备的显示屏在第二区域
q2
显示上述另一跳转链接对应的界面
f。
116.之后,用户通过第一区域
q1
中显示的聊天界面d发现好友又发了一条聊天消息过来,那么用户可以点击第一区域q中显示的聊天界面d,从而将第二区域
q2
中显示的界面f替换为聊天界面d,此时第一区域
q1
中仍然可以显示有缩小后的界面d和
e。
117.之后,用户又想回到公众号文章对应的界面e上阅读公众号文章,那么用户可以点击第一区域q中显示的界面e,从而将第二区域
q2
中显示的界面d替换为界面e,此时第一区域
q1
中仍然可以显示有缩小后的界面d和
e。
118.可见,在本实施例中,用户可以通过预设操作将某一个界面保活显示到第一区域中,并在需要时快速地将保活显示在第一区域中的某一个界面切换到第二区域中查看,从而高效地实现多任务协同,大大提高了快速到达任务对应的界面的能力,同时提高了用户体验和交互的可玩性

119.下面,本技术实施例将对在检测到预设操作后显示第一区域和第二区域的技术实现方式进行说明,请参考图
22
以及图
23
,该技术实现过程包括以下步骤:
120.步骤
2201、
在基于第一界面检测到预设操作后,在第一界面对应的第一
activity
组件所属的任务栈中创建第一区域对应的
rootactivity
组件以及与该第一界面对应的新第一
activity
组件

121.其中,该新第一
activity
组件在任务栈中置顶,
rootactivity
组件位于该新第一
activity
组件之后,
rootactivity
组件包括
scrollview
控件,
scrollview
控件中定义有多个
surfaceview
区域

122.此外,设置该新第一
activity
组件的
bounds
值指定其在显示屏中的显示位置,例如,显示在显示屏右侧区域,并设置
rootactivity
组件的
bounds
值指定其在显示屏中的显示位置,例如,显示在显示屏左侧区域

123.activity
组件是
android
系统中最基本也是最为常见的四大组件之一
。activity
组件能够提供一个界面,可以用来与用户交互从而完成某项任务
。task(
任务栈
)
是一个具
有栈结构的容器,可以放置多个
activity
实例,一般来说,任务栈中置顶的
activity
实例显示于电子设备显示屏中
。scrollview
控件是
android
系统中的基本
ui
控件,其中文翻译可以为滚动条或者竖直滚动条
。surfaceview
是一块显示屏的缓存区,可以在其内绘制图形

124.步骤
2202、
将第一
activity
组件

新一
activity
组件以及
rootactivity
组件设置为可见和重新返回状态

125.在
android
系统中,
activity
组件具有多种状态,其中,可见
(
英文:
visible)
和重新返回状态
(
英文:
resumed)
就是
activity
组件的状态,也即是,可见并可以与用户交互的激活状态

126.步骤
2203、
将第一
activity
组件的
surfacecontrol
重关联
(
英文:
reparent)
至多个
surfaceview
区域中的第一
surfaceview
区域中,并根据第一
surfaceview
区域的尺寸对第一
activity
组件的
surfacecontrol
进行缩放处理,根据第一
surfaceview
区域的位置对第一
activity
组件的
surfacecontrol
进行显示位置更新处理

127.这样,就可以将第一
activity
组件的显示内容以第一
surfaceview
来承载

并且通过
setposition
对第一
activity
组件的
surfacecontrol
进行显示位置更新处理,通过
setmatrix
对第一
activity
组件的
surfacecontrol
的缩放系数进行更新处理

128.在
scrollview
中的多个
surfaceview
承载多个
activity
组件时,也即是,在第一区域中存在多个界面时,可以通过滑动
scrollview
来实现对该多个
activity
组件的浏览

129.另外,实现界面跳转时,例如,实现第一界面跳转至第二界面时,可以在第一
activity
组件所属的任务栈中创建第二界面对应的第二
activity
组件,其中,第二
activity
组件在任务栈中置顶,而
rootactivity
组件在任务栈中位于第二
activity
组件之后

130.如果在界面跳转时,需要将第二区域中显示的第一界面显示于第一区域中,则可以将新第一
activity
组件的
surfacecontrol
重关联至多个
surfaceview
区域中的第二
surfaceview
区域中,并根据第二
surfaceview
区域的尺寸对新第一
activity
组件的
surfacecontrol
进行缩放处理,根据第二
surfaceview
区域的位置对新第一
activity
组件的
surfacecontrol
进行显示位置更新处理

131.此外,若需要将第一区域中的第一目标界面转移至第二区域中显示,则可以将第一目标界面对应的第三
activity
组件在任务栈中置顶,并断开第三
activity
组件与和第一区域对应的
rootactivity
组件包括的
scrollview
控件中第三
surfaceview
区域的关联

132.如果与此同时,需要将第二区域中原本显示的第二目标界面显示在第一区域中,则可以将第二目标界面对应的第四
activity
组件的
surfacecontrol
重关联至多个
surfaceview
区域中的第四
surfaceview
区域中,并根据第四
surfaceview
区域的尺寸对第四
activity
组件的
surfacecontrol
进行缩放处理,根据第四
surfaceview
区域的位置对第四
activity
组件的
surfacecontrol
进行显示位置更新处理

133.在响应于尺寸调整操作调整第一区域和第二区域的尺寸时,可以根据尺寸调整操作调整第一区域对应的
rootactivity
组件的
bounds


调整第二区域中显示的第二目标界面对应的第四
activity
组件的
bounds
值,并调整关联于
rootactivity
组件包括的
scrollview
控件中
surfaceview
区域的
activity
组件对应的缩放系数

134.应该理解的是,虽然如上所述的各实施例所涉及的流程图中的各个步骤按照箭头
的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行

除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行

而且,如上所述的各实施例所涉及的流程图中的至少一部分步骤可以包括多个步骤或者多个阶段,这些步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行

135.基于同样的发明构思,本技术实施例还提供了一种用于实现上述所涉及的界面显示方法的界面显示装置

该装置所提供的解决问题的实现方案与上述方法中所记载的实现方案相似,故下面所提供的一个或多个界面显示装置实施例中的具体限定可以参见上文中对于界面显示方法的限定,在此不再赘述

136.在一个实施例中,如图
24
所示,提供了一种界面显示装置
2400
,包括:第一显示模块
2401
以及第二显示模块
2402
,其中:
137.该第一显示模块
2401
,用于在该显示屏上显示应用的第一界面

138.该第二显示模块
2401
,用于在显示该第一界面的过程中,若检测到预设操作,则显示第一区域和第二区域,并在该第一区域和该第二区域中均显示该第一界面,其中,该第一区域和该第二区域均用于显示该应用的界面

139.在本技术的一个可选实施例中,该第二显示模块
2402
,还用于:若检测针对该第二区域中显示的该第一界面的该预设操作,则在该第一区域中显示的该第一界面的下方显示另一该第一界面,并在该第二区域中继续显示该第一界面

140.在本技术的一个可选实施例中,该第二显示模块
2402
,还用于:若检测到针对该第二区域中显示的该第一界面的界面跳转操作,则在该第二区域中显示跳转后的该应用的第二界面

141.在本技术的一个可选实施例中,该第二显示模块
2402
,还用于:若检测到针对该第二区域中显示的该第一界面的界面跳转操作,则在该第二区域中显示跳转后的该应用的第二界面,并在该第一区域中继续显示已显示的两个该第一界面

142.在本技术的一个可选实施例中,该第二显示模块
2402
,还用于:若检测到针对该第二区域中显示的该第二界面的该预设操作,则在该第一区域中显示该第二界面,且在该第二区域中继续显示该第二界面

143.在本技术的一个可选实施例中,该第一区域中显示有至少一个界面,且该第一区域和该第二区域中显示的界面不同,该第二显示模块
2402
,还用于:若检测到针对该第一区域中显示的第一目标界面的触发操作,则将该第二区域中显示的第二目标界面替换为该第一目标界面

144.在本技术的一个可选实施例中,该第一目标界面为该第一界面,该第二目标界面为该第二界面

145.在本技术的一个可选实施例中,该第二显示模块
2402
,还用于:若检测到尺寸调整操作,则响应于该尺寸调整操作调整该第一区域的尺寸和该第二区域的尺寸中的至少一个

146.在本技术的一个可选实施例中,该第二显示模块
2402
,还用于:在该第一区域存在多个界面的情况下,若基于该第一区域检测到浏览操作,则响应于该浏览操作滑动该第一
区域中的多个界面

147.在本技术的一个可选实施例中,该第一区域叠加显示于该第二区域之上,并覆盖该第二区域的一部分;或者,
148.该第一区域和该第二区域不存在相互覆盖的区域

149.在本技术的一个可选实施例中,该第二显示模块
2402
,还用于:在该电子设备的显示屏尺寸小于预设尺寸阈值的情况下,以该第一区域叠加显示于该第二区域之上,并覆盖该第二区域的一部分的显示形式显示该第一区域和该第二区域;在该电子设备单的显示屏尺寸大于或等于该预设尺寸阈值的情况下,以该第一区域和该第二区域不存在相互覆盖的区域的显示形式显示该第一区域和该第二区域

150.在本技术的一个可选实施例中,该第一区域和该第二区域横向排布;或者,该第一区域和该第二区域纵向排布

151.在本技术的一个可选实施例中,该第一区域包括抽屉控件,该第二显示模块
2402
,还用于在显示该第一区域的过程中,若检测到针对该抽屉控件的触发操作,则隐藏该第一区域中除该抽屉控件以外的其他部分

152.在本技术的一个可选实施例中,该第二区域中显示有第二目标界面,该第二显示模块
2402
,还用于:若检测到针对该第二目标界面的预设操作,将该第二目标界面置于被隐藏的该第一区域中,并在该第二区域中继续显示该第二目标界面

153.在本技术的一个可选实施例中,该第二显示模块
2402
,还用于:若检测到针对该抽屉控件的触发操作,则重新显示该第一区域

154.在本技术的一个可选实施例中,该第二显示模块
2402
,还用于:重新显示该第一区域,并在该第一区域中显示该第二目标界面

155.在本技术的一个可选实施例中,该第二目标界面为该第二界面

156.在本技术的一个可选实施例中,该第一区域和该第二区域中的至少一个包括关闭控件,该第二显示模块
2402
,还用于:若检测到针对该关闭控件的触发操作,则根据被触发的该关闭控件所设置的区域关闭该第一区域或者该第二区域

157.在本技术的一个可选实施例中,该第一区域中显示有至少一个界面,该第一区域显示的界面包括关闭控件,该第二显示模块
2402
,还用于:若检测到针对该第一区域中显示的第一目标界面的关闭控件的触发操作,在该第一区域中关闭该第一目标界面

158.在本技术的一个可选实施例中,该第一目标界面为该第一界面

159.在本技术的一个可选实施例中,该预设操作包括对拖拽控件的拖拽操作;或者,该预设操作包括目标手势操作;或者,该预设操作包括对固定控件的触发操作

160.在本技术的一个可选实施例中,该预设操作包括对拖拽控件的拖拽操作,该第二显示模块
2402
,还用于:若该拖拽控件为首次显示,则显示第一功能说明界面,该第一功能说明界面包括该拖拽控件的功能说明信息

161.在本技术的一个可选实施例中,该预设操作包括对该固定控件的触发操作,该第二显示模块
2402
,还用于:若该固定控件为首次显示,则显示第二功能说明界面,该第二功能说明界面包括该固定控件的功能说明信息

162.上述界面显示装置中的各个模块可全部或部分通过软件

硬件及其组合来实现

上述各模块可以硬件形式内嵌于或独立于电子设备中的处理器中,也可以以软件形式存储
于电子设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作

163.在一个实施例中,提供了一种电子设备,其内部结构图可以如图
25
所示

该电子设备包括通过系统总线连接的处理器

存储器

通信接口

显示屏和输入装置

其中,该电子设备的处理器用于提供计算和控制能力

该电子设备的存储器包括非易失性存储介质

内存储器

该非易失性存储介质存储有操作系统和计算机程序

该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境

该电子设备的通信接口用于与外部的电子设备进行有线或无线方式的通信,无线方式可通过
wifi、
移动蜂窝网络
、nfc(
近场通信
)
或其他技术实现

该计算机程序被处理器执行时以实现一种界面显示方法

该电子设备的显示屏可以是液晶显示屏或者电子墨水显示屏,该电子设备的输入装置可以是显示屏上覆盖的触摸层,也可以是电子设备外壳上设置的按键

轨迹球或触控板,还可以是外接的键盘

触控板或鼠标等

164.本领域技术人员可以理解,图
25
中示出的结构,仅仅是与本技术方案相关的部分结构的框图,并不构成对本技术方案所应用于其上的电子设备的限定,具体的电子设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置

165.在一个实施例中,提供了一种电子设备,包括存储器和处理器,存储器中存储有计算机程序,该处理器执行计算机程序时实现以下步骤:
166.在显示屏上显示应用的第一界面;在显示该第一界面的过程中,若检测到预设操作,则显示第一区域和第二区域,并同时在该第一区域和该第二区域中显示该第一界面,其中,该第一区域和该第二区域均用于显示该应用的界面

167.在一个实施例中,处理器执行计算机程序时还实现以下步骤:若检测针对该第二区域中显示的该第一界面的该预设操作,则在该第一区域中显示的该第一界面的下方显示另一该第一界面,并在该第二区域中继续显示该第一界面

168.在一个实施例中,处理器执行计算机程序时还实现以下步骤:若检测到针对该第二区域中显示的该第一界面的界面跳转操作,则在该第二区域中显示跳转后的该应用的第二界面

169.在一个实施例中,处理器执行计算机程序时还实现以下步骤:若检测到针对该第二区域中显示的该第一界面的界面跳转操作,则在该第二区域中显示跳转后的该应用的第二界面,并在该第一区域中继续显示已显示的两个该第一界面

170.在一个实施例中,处理器执行计算机程序时还实现以下步骤:若检测到针对该第二区域中显示的该第二界面的该预设操作,则在该第一区域中显示该第二界面,且在该第二区域中继续显示该第二界面

171.在一个实施例中,该第一区域中显示有至少一个界面,且该第一区域和该第二区域中显示的界面不同,处理器执行计算机程序时还实现以下步骤:若检测到针对该第一区域中显示的第一目标界面的触发操作,则将该第二区域中显示的第二目标界面替换为该第一目标界面

172.在一个实施例中,该第一目标界面为该第一界面,该第二目标界面为该第二界面

173.在一个实施例中,处理器执行计算机程序时还实现以下步骤:若检测到尺寸调整操作,则响应于该尺寸调整操作调整该第一区域的尺寸和该第二区域的尺寸中的至少一个

174.在一个实施例中,处理器执行计算机程序时还实现以下步骤:在该第一区域存在多个界面的情况下,若基于该第一区域检测到浏览操作,则响应于该浏览操作滑动该第一区域中的多个界面

175.在一个实施例中,该第一区域叠加显示于该第二区域之上,并覆盖该第二区域的一部分;或者,该第一区域和该第二区域不存在相互覆盖的区域

176.在一个实施例中,处理器执行计算机程序时还实现以下步骤:在该电子设备的显示屏尺寸小于预设尺寸阈值的情况下,以该第一区域叠加显示于该第二区域之上,并覆盖该第二区域的一部分的显示形式显示该第一区域和该第二区域;在该电子设备单的显示屏尺寸大于或等于该预设尺寸阈值的情况下,以该第一区域和该第二区域不存在相互覆盖的区域的显示形式显示该第一区域和该第二区域

177.在一个实施例中,该第一区域和该第二区域横向排布;或者,该第一区域和该第二区域纵向排布

178.在一个实施例中,该第一区域包括抽屉控件,处理器执行计算机程序时还实现以下步骤:在显示该第一区域的过程中,若检测到针对该抽屉控件的触发操作,则隐藏该第一区域中除该抽屉控件以外的其他部分

179.在一个实施例中,该第二区域中显示有第二目标界面,处理器执行计算机程序时还实现以下步骤:若检测到针对该第二目标界面的预设操作,将该第二目标界面置于被隐藏的该第一区域中,并在该第二区域中继续显示该第二目标界面

180.在一个实施例中,处理器执行计算机程序时还实现以下步骤:若检测到针对该抽屉控件的触发操作,则重新显示该第一区域

181.在一个实施例中,处理器执行计算机程序时还实现以下步骤:重新显示该第一区域,并在该第一区域中显示该第二目标界面

182.在一个实施例中,该第二目标界面为该第二界面

183.在一个实施例中,该第一区域和该第二区域中的至少一个包括关闭控件,处理器执行计算机程序时还实现以下步骤:若检测到针对该关闭控件的触发操作,则根据被触发的该关闭控件所设置的区域关闭该第一区域或者该第二区域

184.在一个实施例中,该第一区域中显示有至少一个界面,该第一区域显示的界面包括关闭控件,处理器执行计算机程序时还实现以下步骤:若检测到针对该第一区域中显示的第一目标界面的关闭控件的触发操作,在该第一区域中关闭该第一目标界面

185.在一个实施例中,该第一目标界面为该第一界面

186.在一个实施例中,该预设操作包括对拖拽控件的拖拽操作;或者,该预设操作包括目标手势操作;或者,该预设操作包括对固定控件的触发操作

187.在一个实施例中,该预设操作包括对拖拽控件的拖拽操作,处理器执行计算机程序时还实现以下步骤:若该拖拽控件为首次显示,则显示第一功能说明界面,该第一功能说明界面包括该拖拽控件的功能说明信息

188.在一个实施例中,该预设操作包括对该固定控件的触发操作,处理器执行计算机程序时还实现以下步骤:若该固定控件为首次显示,则显示第二功能说明界面,该第二功能说明界面包括该固定控件的功能说明信息

189.在一个实施例中,提供了一种计算机可读存储介质,其上存储有计算机程序,计算
机程序被处理器执行时实现以下步骤:
190.在显示屏上显示应用的第一界面;在显示该第一界面的过程中,若检测到预设操作,则显示第一区域和第二区域,并同时在该第一区域和该第二区域中显示该第一界面,其中,该第一区域和该第二区域均用于显示该应用的界面

191.在一个实施例中,计算机程序被处理器执行时还实现以下步骤:若检测针对该第二区域中显示的该第一界面的该预设操作,则在该第一区域中显示的该第一界面的下方显示另一该第一界面,并在该第二区域中继续显示该第一界面

192.在一个实施例中,计算机程序被处理器执行时还实现以下步骤:若检测到针对该第二区域中显示的该第一界面的界面跳转操作,则在该第二区域中显示跳转后的该应用的第二界面

193.在一个实施例中,计算机程序被处理器执行时还实现以下步骤:若检测到针对该第二区域中显示的该第一界面的界面跳转操作,则在该第二区域中显示跳转后的该应用的第二界面,并在该第一区域中继续显示已显示的两个该第一界面

194.在一个实施例中,计算机程序被处理器执行时还实现以下步骤:若检测到针对该第二区域中显示的该第二界面的该预设操作,则在该第一区域中显示该第二界面,且在该第二区域中继续显示该第二界面

195.在一个实施例中,该第一区域中显示有至少一个界面,且该第一区域和该第二区域中显示的界面不同,计算机程序被处理器执行时还实现以下步骤:若检测到针对该第一区域中显示的第一目标界面的触发操作,则将该第二区域中显示的第二目标界面替换为该第一目标界面

196.在一个实施例中,该第一目标界面为该第一界面,该第二目标界面为该第二界面

197.在一个实施例中,计算机程序被处理器执行时还实现以下步骤:若检测到尺寸调整操作,则响应于该尺寸调整操作调整该第一区域的尺寸和该第二区域的尺寸中的至少一个

198.在一个实施例中,计算机程序被处理器执行时还实现以下步骤:在该第一区域存在多个界面的情况下,若基于该第一区域检测到浏览操作,则响应于该浏览操作滑动该第一区域中的多个界面

199.在一个实施例中,该第一区域叠加显示于该第二区域之上,并覆盖该第二区域的一部分;或者,该第一区域和该第二区域不存在相互覆盖的区域

200.在一个实施例中,计算机程序被处理器执行时还实现以下步骤:在该电子设备的显示屏尺寸小于预设尺寸阈值的情况下,以该第一区域叠加显示于该第二区域之上,并覆盖该第二区域的一部分的显示形式显示该第一区域和该第二区域;在该电子设备单的显示屏尺寸大于或等于该预设尺寸阈值的情况下,以该第一区域和该第二区域不存在相互覆盖的区域的显示形式显示该第一区域和该第二区域

201.在一个实施例中,该第一区域和该第二区域横向排布;或者,该第一区域和该第二区域纵向排布

202.在一个实施例中,该第一区域包括抽屉控件,计算机程序被处理器执行时还实现以下步骤:在显示该第一区域的过程中,若检测到针对该抽屉控件的触发操作,则隐藏该第一区域中除该抽屉控件以外的其他部分

203.在一个实施例中,该第二区域中显示有第二目标界面,计算机程序被处理器执行时还实现以下步骤:若检测到针对该第二目标界面的预设操作,将该第二目标界面置于被隐藏的该第一区域中,并在该第二区域中继续显示该第二目标界面

204.在一个实施例中,计算机程序被处理器执行时还实现以下步骤:若检测到针对该抽屉控件的触发操作,则重新显示该第一区域

205.在一个实施例中,计算机程序被处理器执行时还实现以下步骤:重新显示该第一区域,并在该第一区域中显示该第二目标界面

206.在一个实施例中,该第二目标界面为该第二界面

207.在一个实施例中,该第一区域和该第二区域中的至少一个包括关闭控件,计算机程序被处理器执行时还实现以下步骤:若检测到针对该关闭控件的触发操作,则根据被触发的该关闭控件所设置的区域关闭该第一区域或者该第二区域

208.在一个实施例中,该第一区域中显示有至少一个界面,该第一区域显示的界面包括关闭控件,计算机程序被处理器执行时还实现以下步骤:若检测到针对该第一区域中显示的第一目标界面的关闭控件的触发操作,在该第一区域中关闭该第一目标界面

209.在一个实施例中,该第一目标界面为该第一界面

210.在一个实施例中,该预设操作包括对拖拽控件的拖拽操作;或者,该预设操作包括目标手势操作;或者,该预设操作包括对固定控件的触发操作

211.在一个实施例中,该预设操作包括对拖拽控件的拖拽操作,计算机程序被处理器执行时还实现以下步骤:若该拖拽控件为首次显示,则显示第一功能说明界面,该第一功能说明界面包括该拖拽控件的功能说明信息

212.在一个实施例中,该预设操作包括对该固定控件的触发操作,计算机程序被处理器执行时还实现以下步骤:若该固定控件为首次显示,则显示第二功能说明界面,该第二功能说明界面包括该固定控件的功能说明信息

213.在一个实施例中,提供了一种计算机程序产品,包括计算机程序,该计算机程序被处理器执行时实现以下步骤:
214.在显示屏上显示应用的第一界面;在显示该第一界面的过程中,若检测到预设操作,则显示第一区域和第二区域,并同时在该第一区域和该第二区域中显示该第一界面,其中,该第一区域和该第二区域均用于显示该应用的界面

215.在一个实施例中,计算机程序被处理器执行时还实现以下步骤:若检测针对该第二区域中显示的该第一界面的该预设操作,则在该第一区域中显示的该第一界面的下方显示另一该第一界面,并在该第二区域中继续显示该第一界面

216.在一个实施例中,计算机程序被处理器执行时还实现以下步骤:若检测到针对该第二区域中显示的该第一界面的界面跳转操作,则在该第二区域中显示跳转后的该应用的第二界面

217.在一个实施例中,计算机程序被处理器执行时还实现以下步骤:若检测到针对该第二区域中显示的该第一界面的界面跳转操作,则在该第二区域中显示跳转后的该应用的第二界面,并在该第一区域中继续显示已显示的两个该第一界面

218.在一个实施例中,计算机程序被处理器执行时还实现以下步骤:若检测到针对该第二区域中显示的该第二界面的该预设操作,则在该第一区域中显示该第二界面,且在该
第二区域中继续显示该第二界面

219.在一个实施例中,该第一区域中显示有至少一个界面,且该第一区域和该第二区域中显示的界面不同,计算机程序被处理器执行时还实现以下步骤:若检测到针对该第一区域中显示的第一目标界面的触发操作,则将该第二区域中显示的第二目标界面替换为该第一目标界面

220.在一个实施例中,该第一目标界面为该第一界面,该第二目标界面为该第二界面

221.在一个实施例中,计算机程序被处理器执行时还实现以下步骤:若检测到尺寸调整操作,则响应于该尺寸调整操作调整该第一区域的尺寸和该第二区域的尺寸中的至少一个

222.在一个实施例中,计算机程序被处理器执行时还实现以下步骤:在该第一区域存在多个界面的情况下,若基于该第一区域检测到浏览操作,则响应于该浏览操作滑动该第一区域中的多个界面

223.在一个实施例中,该第一区域叠加显示于该第二区域之上,并覆盖该第二区域的一部分;或者,该第一区域和该第二区域不存在相互覆盖的区域

224.在一个实施例中,计算机程序被处理器执行时还实现以下步骤:在该电子设备的显示屏尺寸小于预设尺寸阈值的情况下,以该第一区域叠加显示于该第二区域之上,并覆盖该第二区域的一部分的显示形式显示该第一区域和该第二区域;在该电子设备单的显示屏尺寸大于或等于该预设尺寸阈值的情况下,以该第一区域和该第二区域不存在相互覆盖的区域的显示形式显示该第一区域和该第二区域

225.在一个实施例中,该第一区域和该第二区域横向排布;或者,该第一区域和该第二区域纵向排布

226.在一个实施例中,该第一区域包括抽屉控件,计算机程序被处理器执行时还实现以下步骤:在显示该第一区域的过程中,若检测到针对该抽屉控件的触发操作,则隐藏该第一区域中除该抽屉控件以外的其他部分

227.在一个实施例中,该第二区域中显示有第二目标界面,计算机程序被处理器执行时还实现以下步骤:若检测到针对该第二目标界面的预设操作,将该第二目标界面置于被隐藏的该第一区域中,并在该第二区域中继续显示该第二目标界面

228.在一个实施例中,计算机程序被处理器执行时还实现以下步骤:若检测到针对该抽屉控件的触发操作,则重新显示该第一区域

229.在一个实施例中,计算机程序被处理器执行时还实现以下步骤:重新显示该第一区域,并在该第一区域中显示该第二目标界面

230.在一个实施例中,该第二目标界面为该第二界面

231.在一个实施例中,该第一区域和该第二区域中的至少一个包括关闭控件,计算机程序被处理器执行时还实现以下步骤:若检测到针对该关闭控件的触发操作,则根据被触发的该关闭控件所设置的区域关闭该第一区域或者该第二区域

232.在一个实施例中,该第一区域中显示有至少一个界面,该第一区域显示的界面包括关闭控件,计算机程序被处理器执行时还实现以下步骤:若检测到针对该第一区域中显示的第一目标界面的关闭控件的触发操作,在该第一区域中关闭该第一目标界面

233.在一个实施例中,该第一目标界面为该第一界面

234.在一个实施例中,该预设操作包括对拖拽控件的拖拽操作;或者,该预设操作包括目标手势操作;或者,该预设操作包括对固定控件的触发操作

235.在一个实施例中,该预设操作包括对拖拽控件的拖拽操作,计算机程序被处理器执行时还实现以下步骤:若该拖拽控件为首次显示,则显示第一功能说明界面,该第一功能说明界面包括该拖拽控件的功能说明信息

236.在一个实施例中,该预设操作包括对该固定控件的触发操作,计算机程序被处理器执行时还实现以下步骤:若该固定控件为首次显示,则显示第二功能说明界面,该第二功能说明界面包括该固定控件的功能说明信息

237.需要说明的是,本技术所涉及的用户信息
(
包括但不限于用户设备信息

用户个人信息等
)
和数据
(
包括但不限于用于分析的数据

存储的数据

展示的数据等
)
,均为经用户授权或者经过各方充分授权的信息和数据

238.本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程

其中,本技术所提供的各实施例中所使用的对存储器

数据库或其它介质的任何引用,均可包括非易失性和易失性存储器中的至少一种

非易失性存储器可包括只读存储器
(read-only memory

rom)、
磁带

软盘

闪存

光存储器

高密度嵌入式非易失性存储器

阻变存储器
(reram)、
磁变存储器
(magnetoresistive random access memory

mram)、
铁电存储器
(ferroelectric random access memory

fram)、
相变存储器
(phase change memory

pcm)、
石墨烯存储器等

易失性存储器可包括随机存取存储器
(random access memory

ram)
或外部高速缓冲存储器等

作为说明而非局限,
ram
可以是多种形式,比如静态随机存取存储器
(static random access memory

sram)
或动态随机存取存储器
(dynamic random access memory

dram)


本技术所提供的各实施例中所涉及的数据库可包括关系型数据库和非关系型数据库中至少一种

非关系型数据库可包括基于区块链的分布式数据库等,不限于此

本技术所提供的各实施例中所涉及的处理器可为通用处理器

中央处理器

图形处理器

数字信号处理器

可编程逻辑器

基于量子计算的数据处理逻辑器等,不限于此

239.以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围

240.以上所述实施例仅表达了本技术的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对本技术专利范围的限制

应当指出的是,对于本领域的普通技术人员来说,在不脱离本技术构思的前提下,还可以做出若干变形和改进,这些都属于本技术的保护范围

因此,本技术的保护范围应以所附权利要求为准

当前第1页1  
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
网站地图