CN104793874A - 一种界面显示方法及电子设备 - Google Patents
一种界面显示方法及电子设备 Download PDFInfo
- Publication number
- CN104793874A CN104793874A CN201410025479.4A CN201410025479A CN104793874A CN 104793874 A CN104793874 A CN 104793874A CN 201410025479 A CN201410025479 A CN 201410025479A CN 104793874 A CN104793874 A CN 104793874A
- Authority
- CN
- China
- Prior art keywords
- viewing area
- display
- area
- interface
- display unit
- 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.)
- Granted
Links
Abstract
本发明公开一种界面显示方法及电子设备。所述方法包括:获取用户输入的第一操作指令;判断所述第一操作指令是否满足第一预设条件,得到第一判断结果;当所述第一判断结果表示所述第一操作指令满足第一预设条件时,显示第二界面;确定所述第二界面在所述触控显示单元上的第二显示区域;所述第二显示区域与所述第一显示区域至少有一部分相互重叠;根据所述第二显示区域,确定第三显示区域;所述第三显示区域与所述第二显示区域不重叠;在所述第三显示区域显示所述第一界面的内容。采用本发明的方法或电子设备,可以避免通知栏对另外界面的显示内容造成遮挡,提高用户体验。
Description
技术领域
本发明涉及数据处理领域,特别是涉及一种界面显示方法及电子设备。
背景技术
时下的电子设备,通常都具有显示单元。电子设备通过显示单元可以显示各种界面。在各种界面中,通知栏的界面是一种比较特殊的界面。
例如,在智能手机上,当用户在支持触控操作的显示单元的顶端自上向下滑动时,显示单元上就显示一个被自上而下拖动出来的通知栏。该通知栏上可以显示应用程序的推送信息,或者未接来电等信息。
然而,现有技术中,在对通知栏的界面进行显示时,通知栏所对应的第一界面会对显示单元原本显示的第二界面的内容造成一定程度的遮挡。当用户呼叫出通知栏后,被遮挡的区域的显示内容就无法通过显示单元进行显示。从而使用户也无法观察到被遮挡的区域的显示内容。
发明内容
本发明的目的是提供一种界面显示方法及电子设备,能够对通知栏遮挡的区域的内容进行显示,避免通知栏对另外界面的显示内容造成遮挡,提高用户体验。
为实现上述目的,本发明提供了如下方案:
一种界面显示方法,应用于具有触控显示单元的电子设备,在所述触控显示单元的第一显示区域显示有第一界面,所述方法包括:
获取用户输入的第一操作指令;
判断所述第一操作指令是否满足第一预设条件,得到第一判断结果;
当所述第一判断结果表示所述第一操作指令满足第一预设条件时,显示第二界面;
确定所述第二界面在所述触控显示单元上的第二显示区域;所述第二显示区域与所述第一显示区域至少有一部分相互重叠;
根据所述第二显示区域,确定第三显示区域;所述第三显示区域与所述第二显示区域不重叠;
在所述第三显示区域显示所述第一界面的内容。
可选的,所述根据所述第二显示区域,确定第三显示区域,具体包括:
所述第三显示区域对应的第三显示面积与所述第二显示区域对应的第二显示面积具备一预定关联关系,
当所述第二显示区域发生改变时,所述第三显示区域根据所述第二显示区域的改变而改变;
和/或,
当所述第二显示面积发生改变时,所述第三显示面积根据所述第二显示面积的改变而改变。
可选的,所述第一界面在所述第一区域显示时,所述第一界面显示有N个显示对象,所述在所述第三显示区域显示所述第一界面的内容,具体包括:
确定所述第三显示区域的显示面积;
根据所述显示面积调整所述N个显示对象的布局,以使所述N个显示对象全部显示在所述第三显示区域。
可选的,所述根据所述显示面积调整所述N个显示对象的布局,具体包括:
基于所述第三显示区域与所述第一显示区域的显示面积比例,缩小所述N个显示对象的显示尺寸;
和/或,基于所述第三显示区域与所述第一显示区域的显示面积比例,缩小所述N个显示对象之间的距离。
可选的,所述确定第三显示区域,具体包括:
第三显示区域与第二显示区域共同构成所述触控显示单元的全部显示区域;
从所述触控显示单元的全部显示区域中除去所述第二显示区域,得到所述第三显示区域。
可选的,所述在所述第三显示区域显示所述第一界面的内容,具体包括:
解析出所述第一操作指令中用于表示操作体在所述触控显示单元的移动方向的移动方向信息;
确定所述第一界面在所述第一区域显示的第一显示内容;
将所述第一显示内容中的至少一部分内容按照所述移动方向移动至所述第三显示区域进行显示。
可选的,所述在所述第三显示区域显示所述第一界面的内容,具体包括:
确定所述第一界面在所述第一区域显示的第二显示内容;
将所述第二显示内容按一定比例缩小;
在所述第三显示区域显示缩小后的所述第二显示内容;
其中,所述第三显示区域显示有完整的所述第二显示内容。
一种电子设备,所述电子设备具有触控显示单元,在所述触控显示单元的第一显示区域显示有第一界面,所述电子设备包括:
第一操作指令获取单元,用于获取用户输入的第一操作指令;
第一判断单元,用于判断所述第一操作指令是否满足第一预设条件,得到第一判断结果;
第二界面显示单元,用于当所述第一判断结果表示所述第一操作指令满足第一预设条件时,显示第二界面;
第二显示区域确定单元,用于确定所述第二界面在所述触控显示单元上的第二显示区域;所述第二显示区域与所述第一显示区域至少有一部分相互重叠;
第三显示区域确定单元,用于根据所述第二显示区域,确定第三显示区域;所述第三显示区域与所述第二显示区域不重叠;
第一界面显示单元,用于在所述第三显示区域显示所述第一界面的内容。
可选的,所述第三显示区域确定单元,具体包括:
所述第三显示区域对应的第三显示面积与所述第二显示区域对应的第二显示面积具备一预定关联关系,
第三显示区域调节子单元,用于当所述第二显示区域发生改变时,所述第三显示区域根据所述第二显示区域的改变而改变;
和/或,
第三显示面积调节子单元,用于当所述第二显示面积发生改变时,所述第三显示面积根据所述第二显示面积的改变而改变。
可选的,所述第一界面在所述第一区域显示时,所述第一界面显示有N个显示对象,所述第一界面显示单元,具体包括:
显示面积确定子单元,用于确定所述第三显示区域的显示面积;
布局调整子单元,用于根据所述显示面积调整所述N个显示对象的布局,以使所述N个显示对象全部显示在所述第三显示区域。
可选的,所述布局调整子单元,具体包括:
显示尺寸缩小子单元,用于基于所述第三显示区域与所述第一显示区域的显示面积比例,缩小所述N个显示对象的显示尺寸;
和/或,
距离缩小子单元,用于基于所述第三显示区域与所述第一显示区域的显示面积比例,缩小所述N个显示对象之间的距离。
可选的,所述第三显示区域确定单元,具体包括:
第三显示区域与第二显示区域共同构成所述触控显示单元的全部显示区域;
第二显示区域去除子单元,用于从所述触控显示单元的全部显示区域中除去所述第二显示区域,得到所述第三显示区域。
可选的,所述第一界面显示单元,具体包括:
移动方向信息解析子单元,用于解析出所述第一操作指令中用于表示操作体在所述触控显示单元的移动方向的移动方向信息;
第一显示内容确定子单元,用于确定所述第一界面在所述第一区域显示的第一显示内容;
移动子单元,用于将所述第一显示内容中的至少一部分内容按照所述移动方向移动至所述第三显示区域进行显示。
可选的,所述第一界面显示单元,具体包括:
第二显示内容确定子单元,用于确定所述第一界面在所述第一区域显示的第二显示内容;
第二显示内容缩小子单元,用于将所述第二显示内容按一定比例缩小;
第二显示内容显示子单元,用于在所述第三显示区域显示缩小后的所述第二显示内容;
其中,所述第三显示区域显示有完整的所述第二显示内容。
根据本发明提供的具体实施例,本发明公开了以下技术效果:
本发明的界面显示方法及电子设备,通过根据所述第二显示区域,确定第三显示区域;所述第三显示区域与所述第二显示区域不重叠,在所述第三显示区域显示所述第一界面,可以将第一界面中原本会被通知栏遮挡的区域的内容调节至第三显示区域进行显示,从而避免通知栏对另外界面的显示内容造成遮挡,提高用户体验。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本发明的界面显示方法实施例1的流程图;
图2为本发明的界面显示方法实施例2的流程图;
图3为获取用户输入的第一操作指令之前,所述触控显示单元的第一显示区域显示的第一界面示意图;
图4为获取用户输入的第一操作指令之后,调整所述N个显示对象的布局的一种具体方式示意图;
图5为获取用户输入的第一操作指令之后,调整所述N个显示对象的布局的另一种具体方式示意图;
图6为获取用户输入的第一操作指令之后,调整所述N个显示对象的布局的另一种具体方式示意图;
图7为本发明的界面显示方法实施例3的流程图;
图8为获取用户输入的第一操作指令之前,所述触控显示单元的第一显示区域显示的网页界面示意图;
图9为获取用户输入的第一操作指令之后,在所述第三显示区域显示所述网页界面30的内容的一种具体方式示意图;
图10为获取用户输入的第一操作指令之后,在所述第三显示区域显示所述网页界面的内容的另一种具体方式示意图;
图11为获取用户输入的第一操作指令之前,所述触控显示单元的第一显示区域显示的网页界面的另一种示意图;
图12为获取用户输入的第一操作指令之后,在所述第三显示区域显示所述网页界面的内容的另一种具体方式示意图;
图13为本发明的电子设备实施例的结构图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
为使本发明的上述目的、特征和优点能够更加明显易懂,下面结合附图和具体实施方式对本发明作进一步详细的说明。
本发明的界面显示方法,应用于具有触控显示单元的电子设备。所述电子设备可以是手机、平板电脑或者其他具有触控显示单元的电子设备。其中,所述触控显示单元可以是各种类型的触摸屏。
本发明中的电子设备,在所述触控显示单元的第一显示区域显示有第一界面。所述第一界面可以是操作系统的界面,例如包含有应用程序图标的桌面;也可以是应用程序的操作界面,例如音乐播放器的播放界面,或者网页浏览器的界面。所述第一显示区域可以是所述显示单元的整个显示区域,也可以是所述显示单元的一部分显示区域。
图1为本发明的界面显示方法实施例1的流程图。如图1所示,该方法可以包括:
步骤101:获取用户输入的第一操作指令;
所述第一操作指令可以是用户通过触摸屏输入的,也可以是通过按键输入的。
步骤102:判断所述第一操作指令是否满足第一预设条件,得到第一判断结果;
当所述第一操作指令是通过触摸屏输入时,所述第一预设条件可以是用户在触摸屏上的触控轨迹满足特定的触控位置和触控方向。例如,所述第一预设条件可以是操作体从触控屏的顶端向下滑动的距离大于第一预设距离。
当所述第一操作指令是通过按键输入时,所述第一预设条件可以是用户按下指定的按键。
步骤103:当所述第一判断结果表示所述第一操作指令满足第一预设条件时,显示第二界面;
例如,当用户在触摸屏的顶端向下滑动手指时,可以显示通知栏的界面。所述第二界面可以是所述通知栏的界面。
步骤104:确定所述第二界面在所述触控显示单元上的第二显示区域;所述第二显示区域与所述第一显示区域至少有一部分相互重叠;
当用户在触摸屏的顶端向下滑动手指时,可以将操作体(例如手指)与触摸屏相接触的位置,确定为所述第二显示区域的下边界,可以将触摸屏的顶端确定为所述第二显示区域的上边界。所述上边界与所述下边界之间的区域,就是所述第二显示区域。
第一显示区域所占的面积可以是比较大的,例如可以占据所述显示单元的整个显示区域,即全屏显示。因此,此时所述第二显示区域与所述第一显示区域至少有一部分相互重叠。
步骤105:根据所述第二显示区域,确定第三显示区域;所述第三显示区域与所述第二显示区域不重叠;
当所述第二显示区域确定以后,可以有多种方式确定所述第三显示区域所在的位置。只要所述第三显示区域与所述第二显示区域不重叠即可。
一个确定第三显示区域的例子,可以是将所述显示单元的整个显示区域除去所述第一显示区域后的剩余区域确定为所述第三显示区域。
步骤106:在所述第三显示区域显示所述第一界面的内容;
在所述第三显示区域显示的所述第一界面中,至少包括在第一显示区域显示的第一界面的一部分显示内容。
综上所述,本实施例中,通过根据所述第二显示区域,确定第三显示区域;所述第三显示区域与所述第二显示区域不重叠,在所述第三显示区域显示所述第一界面,可以将第一界面中原本会被通知栏遮挡的区域的内容调节至第三显示区域进行显示,从而避免通知栏对另外界面的显示内容造成遮挡,提高用户体验。
图2为本发明的界面显示方法实施例2的流程图。本实施例中,所述第一界面在所述第一区域显示时,所述第一界面显示有N个显示对象。具体的,所述第一界面可以是操作系统的桌面。所述显示对象可以是在桌面上显示的应用程序的图标。
如图2所示,该方法可以包括:
步骤201:获取用户输入的第一操作指令;
步骤202:判断所述第一操作指令是否满足第一预设条件,得到第一判断结果;
步骤203:当所述第一判断结果表示所述第一操作指令满足第一预设条件时,显示第二界面;
步骤204:确定所述第二界面在所述触控显示单元上的第二显示区域;所述第二显示区域与所述第一显示区域至少有一部分相互重叠;
步骤205:根据所述第二显示区域,确定第三显示区域;所述第三显示区域与所述第二显示区域不重叠;
步骤206:确定所述第三显示区域的显示面积;
确定所述显示面积的方法可以有多种。
在确定第三显示区域时,可以确定与第三显示区域的尺寸有关的部分信息。假设第三显示区域是矩形区域,则这部分信息可以是第三显示区域的四个顶点的坐标。根据四个顶点的坐标,可以计算第三显示区域的长和宽,从而确定出所述第三显示区域的显示面积。
步骤207:根据所述显示面积调整所述N个显示对象的布局,以使所述N个显示对象全部显示在所述第三显示区域。
实际应用中,调整所述N个显示对象的布局的方式可以有多种。具体可以参见图3至图6。
图3为获取用户输入的第一操作指令之前,所述触控显示单元的第一显示区域显示的第一界面示意图。如图3所示,第一界面(可以是操作系统的桌面)10上具有11至19共9个应用程序图标。这9个应用程序图标即为N个显示对象。
图4为获取用户输入的第一操作指令之后,调整所述N个显示对象的布局的一种具体方式示意图。如图4所示,第二界面20(可以是通知栏)在用户的触摸操作下被激活。为了在触控显示单元上仍能够显示所述N个显示对象,9个应用程序图标被整体移动到触控显示单元的下方显示。
图5为获取用户输入的第一操作指令之后,调整所述N个显示对象的布局的另一种具体方式示意图。如图5所示,第二界面20的宽度小于第一界面10的宽度。当第二界面20占据了第二区域后,可以将原来的第一区域中部的应用程序图标12和15分别移动到触控显示单元的显示区域的两侧进行显示,然后将应用程序图标17至19移动到触控显示单元下方显示,从而实现一种随着第二界面20的出现,应用程序图标被挤到第二界面20之外的区域,自动寻找空白区域进行显示的效果。
图6为获取用户输入的第一操作指令之后,调整所述N个显示对象的布局的另一种具体方式示意图。如图6所示,当第二界面20占据的第二区域的面积较大时,如果9个应用程序图标按照原有的大小显示,则无法在第三区域全部显示。因此,图6中,将9个应用程序图标的显示尺寸缩小了。此外,缩小应用程序图标之间的距离,也可以实现在第三区域将N个显示对象全部显示出来的效果。
图7为本发明的界面显示方法实施例3的流程图。本实施例中,第一界面可以是包含文字信息的网页界面。如图7所示,该方法可以包括:
步骤701:获取用户输入的第一操作指令;
步骤702:判断所述第一操作指令是否为通知栏下拉指令,得到第一判断结果;
步骤703:当所述第一判断结果为是时,显示通知栏;
步骤704:确定所述通知栏在所述触控显示单元上的第二显示区域;所述第二显示区域与所述第一显示区域至少有一部分相互重叠;
步骤705:根据所述第二显示区域,确定第三显示区域;所述第三显示区域与所述第二显示区域不重叠;
步骤706:在所述第三显示区域显示所述网页界面的内容。
实际应用中,本发明各个实施例中,所述第三显示区域对应的第三显示面积与所述第二显示区域对应的第二显示面积具备一预定关联关系,
当所述第二显示区域发生改变时,所述第三显示区域根据所述第二显示区域的改变而改变;
和/或,
当所述第二显示面积发生改变时,所述第三显示面积根据所述第二显示面积的改变而改变。
一种比较容易实现的确定第三显示区域的方式是:第三显示区域与第二显示区域共同构成所述触控显示单元的全部显示区域;
从所述触控显示单元的全部显示区域中除去所述第二显示区域,得到所述第三显示区域。
一种在所述第三显示区域显示所述网页界面的内容的方式是将原本位于第一显示区域的网页内容平移至第三显示区域进行显示。具体可以采用以下方式:
解析出所述第一操作指令中用于表示操作体在所述触控显示单元的移动方向的移动方向信息;
确定所述第一界面在所述第一区域显示的第一显示内容;
将所述第一显示内容中的至少一部分内容按照所述移动方向移动至所述第三显示区域进行显示。
图8为获取用户输入的第一操作指令之前,所述触控显示单元的第一显示区域显示的网页界面示意图。
如图8所示,网页界面30占据了触控显示单元的整个区域。
图9为获取用户输入的第一操作指令之后,在所述第三显示区域显示所述网页界面30的内容的一种具体方式示意图。
如图9所示,当用户在所述触控显示单元执行第一操作指令之后,通知栏40被下拉至触控显示单元的第二显示区域进行显示。此时,为了避免通知栏40遮挡住网页界面30的内容,将网页界面30的整体显示区域向下平移,移动至触控显示单元的第三显示区域。在实际应用中,第三显示区域的位置可以随着通知栏40的显示区域而变动。即,当通知栏40被下拉出的显示区域越大,则网页界面30的显示区域越小。
图10为获取用户输入的第一操作指令之后,在所述第三显示区域显示所述网页界面的内容的另一种具体方式示意图。
如图10所示,当用户在所述触控显示单元执行第一操作指令之后,通知栏40被下拉至触控显示单元的第二显示区域进行显示。与图9相比,图10中的通知栏40被拉下的幅度较大,为了将图8中的网页界面30的内容完整的展示在图10中的屏幕下方(即第三区域),对网页界面30中的内容进行了压缩处理,缩小了网页界面30中的文字(或图片)的尺寸。
图11为获取用户输入的第一操作指令之前,所述触控显示单元的第一显示区域显示的网页界面的另一种示意图。
如图11所示,获取用户输入的第一操作指令之前,网页界面30位于触控显示单元的中上部,以小窗口的形式展现。
图12为获取用户输入的第一操作指令之后,在所述第三显示区域显示所述网页界面的内容的另一种具体方式示意图。
如图12所示,通知栏40的宽度小于触控显示单元的宽度(图11,12中最大的方框表示触控显示单元的边框)。当通知栏40被拉下后,为了避免网页界面30被通知栏40遮挡,可以将网页界面30的显示区域移动到通知栏40的显示区域之外。在图12中,将网页界面30移动到了触控显示单元的左上区域,从而可以避免网页界面30被通知栏40遮挡。
由图8至图12的例子可以看出,对于第三显示区域的确定,以及在所述第三显示区域显示所述第一界面的内容的具体实现方式,可以归结到两个方面。一个方面是,随着第二界面(通知栏)的显示面积的改变,调整第一界面的显示面积。另一个方面是,随着第二界面(通知栏)的显示区域的改变,调整第一界面的显示区域。
本发明还公开了一种电子设备。所述电子设备可以是手机或者平板电脑等电子设备。所述电子设备具有触控显示单元,在所述触控显示单元的第一显示区域显示有第一界面。
图13为本发明的电子设备实施例的结构图。如图13所示,该电子设备可以包括:
第一操作指令获取单元1301,用于获取用户输入的第一操作指令;
第一判断单元1302,用于判断所述第一操作指令是否满足第一预设条件,得到第一判断结果;
第二界面显示单元1303,用于当所述第一判断结果表示所述第一操作指令满足第一预设条件时,显示第二界面;
第二显示区域确定单元1304,用于确定所述第二界面在所述触控显示单元上的第二显示区域;所述第二显示区域与所述第一显示区域至少有一部分相互重叠;
第三显示区域确定单元1305,用于根据所述第二显示区域,确定第三显示区域;所述第三显示区域与所述第二显示区域不重叠;
第一界面显示单元1306,用于在所述第三显示区域显示所述第一界面的内容。
综上所述,本实施例中,通过根据所述第二显示区域,确定第三显示区域;所述第三显示区域与所述第二显示区域不重叠,在所述第三显示区域显示所述第一界面,可以将第一界面中原本会被通知栏遮挡的区域的内容调节至第三显示区域进行显示,从而避免通知栏对另外界面的显示内容造成遮挡,提高用户体验。
实际应用中,所述第三显示区域确定单元1305,具体可以包括:
所述第三显示区域对应的第三显示面积与所述第二显示区域对应的第二显示面积具备一预定关联关系,
第三显示区域调节子单元,用于当所述第二显示区域发生改变时,所述第三显示区域根据所述第二显示区域的改变而改变;
和/或,
第三显示面积调节子单元,用于当所述第二显示面积发生改变时,所述第三显示面积根据所述第二显示面积的改变而改变。
实际应用中,所述第一界面在所述第一区域显示时,所述第一界面显示有N个显示对象,所述第一界面显示单元1306,具体可以包括:
显示面积确定子单元,用于确定所述第三显示区域的显示面积;
布局调整子单元,用于根据所述显示面积调整所述N个显示对象的布局,以使所述N个显示对象全部显示在所述第三显示区域。
实际应用中,所述布局调整子单元,具体可以包括:
显示尺寸缩小子单元,用于基于所述第三显示区域与所述第一显示区域的显示面积比例,缩小所述N个显示对象的显示尺寸;
和/或,
距离缩小子单元,用于基于所述第三显示区域与所述第一显示区域的显示面积比例,缩小所述N个显示对象之间的距离。
实际应用中,所述第三显示区域确定单元1305,具体可以包括:
第三显示区域与第二显示区域共同构成所述触控显示单元的全部显示区域;
第二显示区域去除子单元,用于从所述触控显示单元的全部显示区域中除去所述第二显示区域,得到所述第三显示区域。
实际应用中,所述第一界面显示单元1306,具体可以包括:
移动方向信息解析子单元,用于解析出所述第一操作指令中用于表示操作体在所述触控显示单元的移动方向的移动方向信息;
第一显示内容确定子单元,用于确定所述第一界面在所述第一区域显示的第一显示内容;
移动子单元,用于将所述第一显示内容中的至少一部分内容按照所述移动方向移动至所述第三显示区域进行显示。
实际应用中,所述第一界面显示单元1306,具体可以包括:
第二显示内容确定子单元,用于确定所述第一界面在所述第一区域显示的第二显示内容;
第二显示内容缩小子单元,用于将所述第二显示内容按一定比例缩小;
第二显示内容显示子单元,用于在所述第三显示区域显示缩小后的所述第二显示内容;
其中,所述第三显示区域显示有完整的所述第二显示内容。
最后,还需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到本发明可借助软件加必需的硬件平台的方式来实现,当然也可以全部通过硬件来实施,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案对背景技术做出贡献的全部或者部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在存储介质中,如ROM/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例或者实施例的某些部分所述的方法。
本说明书中各个实施例采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似部分互相参见即可。对于实施例公开的电子设备而言,由于其与实施例公开的方法相对应,所以描述的比较简单,相关之处参见方法部分说明即可。
本文中应用了具体个例对本发明的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本发明的方法及其核心思想;同时,对于本领域的一般技术人员,依据本发明的思想,在具体实施方式及应用范围上均会有改变之处。综上所述,本说明书内容不应理解为对本发明的限制。
Claims (14)
1.一种界面显示方法,应用于具有触控显示单元的电子设备,其特征在于,在所述触控显示单元的第一显示区域显示有第一界面,所述方法包括:
获取用户输入的第一操作指令;
判断所述第一操作指令是否满足第一预设条件,得到第一判断结果;
当所述第一判断结果表示所述第一操作指令满足第一预设条件时,显示第二界面;
确定所述第二界面在所述触控显示单元上的第二显示区域;所述第二显示区域与所述第一显示区域至少有一部分相互重叠;
根据所述第二显示区域,确定第三显示区域;所述第三显示区域与所述第二显示区域不重叠;
在所述第三显示区域显示所述第一界面的内容。
2.根据权利要求1所述的方法,其特征在于,所述根据所述第二显示区域,确定第三显示区域,具体包括:
所述第三显示区域对应的第三显示面积与所述第二显示区域对应的第二显示面积具备一预定关联关系,
当所述第二显示区域发生改变时,所述第三显示区域根据所述第二显示区域的改变而改变;
和/或,
当所述第二显示面积发生改变时,所述第三显示面积根据所述第二显示面积的改变而改变。
3.根据权利要求1所述的方法,其特征在于,所述第一界面在所述第一区域显示时,所述第一界面显示有N个显示对象,所述在所述第三显示区域显示所述第一界面的内容,具体包括:
确定所述第三显示区域的显示面积;
根据所述显示面积调整所述N个显示对象的布局,以使所述N个显示对象全部显示在所述第三显示区域。
4.根据权利要求3所述的方法,其特征在于,所述根据所述显示面积调整所述N个显示对象的布局,具体包括:
基于所述第三显示区域与所述第一显示区域的显示面积比例,缩小所述N个显示对象的显示尺寸;
和/或,基于所述第三显示区域与所述第一显示区域的显示面积比例,缩小所述N个显示对象之间的距离。
5.根据权利要求1或2所述的方法,其特征在于,所述确定第三显示区域,具体包括:
第三显示区域与第二显示区域共同构成所述触控显示单元的全部显示区域;
从所述触控显示单元的全部显示区域中除去所述第二显示区域,得到所述第三显示区域。
6.根据权利要求1或2所述的方法,其特征在于,所述在所述第三显示区域显示所述第一界面的内容,具体包括:
解析出所述第一操作指令中用于表示操作体在所述触控显示单元的移动方向的移动方向信息;
确定所述第一界面在所述第一区域显示的第一显示内容;
将所述第一显示内容中的至少一部分内容按照所述移动方向移动至所述第三显示区域进行显示。
7.根据权利要求1或2所述的方法,其特征在于,所述在所述第三显示区域显示所述第一界面的内容,具体包括:
确定所述第一界面在所述第一区域显示的第二显示内容;
将所述第二显示内容按一定比例缩小;
在所述第三显示区域显示缩小后的所述第二显示内容;
其中,所述第三显示区域显示有完整的所述第二显示内容。
8.一种电子设备,所述电子设备具有触控显示单元,其特征在于,在所述触控显示单元的第一显示区域显示有第一界面,所述电子设备包括:
第一操作指令获取单元,用于获取用户输入的第一操作指令;
第一判断单元,用于判断所述第一操作指令是否满足第一预设条件,得到第一判断结果;
第二界面显示单元,用于当所述第一判断结果表示所述第一操作指令满足第一预设条件时,显示第二界面;
第二显示区域确定单元,用于确定所述第二界面在所述触控显示单元上的第二显示区域;所述第二显示区域与所述第一显示区域至少有一部分相互重叠;
第三显示区域确定单元,用于根据所述第二显示区域,确定第三显示区域;所述第三显示区域与所述第二显示区域不重叠;
第一界面显示单元,用于在所述第三显示区域显示所述第一界面的内容。
9.根据权利要求8所述的电子设备,其特征在于,所述第三显示区域确定单元,具体包括:
所述第三显示区域对应的第三显示面积与所述第二显示区域对应的第二显示面积具备一预定关联关系,
第三显示区域调节子单元,用于当所述第二显示区域发生改变时,所述第三显示区域根据所述第二显示区域的改变而改变;
和/或,
第三显示面积调节子单元,用于当所述第二显示面积发生改变时,所述第三显示面积根据所述第二显示面积的改变而改变。
10.根据权利要求8所述的电子设备,其特征在于,所述第一界面在所述第一区域显示时,所述第一界面显示有N个显示对象,所述第一界面显示单元,具体包括:
显示面积确定子单元,用于确定所述第三显示区域的显示面积;
布局调整子单元,用于根据所述显示面积调整所述N个显示对象的布局,以使所述N个显示对象全部显示在所述第三显示区域。
11.根据权利要求10所述的电子设备,其特征在于,所述布局调整子单元,具体包括:
显示尺寸缩小子单元,用于基于所述第三显示区域与所述第一显示区域的显示面积比例,缩小所述N个显示对象的显示尺寸;
和/或,
距离缩小子单元,用于基于所述第三显示区域与所述第一显示区域的显示面积比例,缩小所述N个显示对象之间的距离。
12.根据权利要求8所述的电子设备,其特征在于,所述第三显示区域确定单元,具体包括:
第三显示区域与第二显示区域共同构成所述触控显示单元的全部显示区域;
第二显示区域去除子单元,用于从所述触控显示单元的全部显示区域中除去所述第二显示区域,得到所述第三显示区域。
13.根据权利要求8或9所述的电子设备,其特征在于,所述第一界面显示单元,具体包括:
移动方向信息解析子单元,用于解析出所述第一操作指令中用于表示操作体在所述触控显示单元的移动方向的移动方向信息;
第一显示内容确定子单元,用于确定所述第一界面在所述第一区域显示的第一显示内容;
移动子单元,用于将所述第一显示内容中的至少一部分内容按照所述移动方向移动至所述第三显示区域进行显示。
14.根据权利要求8或9所述的电子设备,其特征在于,所述第一界面显示单元,具体包括:
第二显示内容确定子单元,用于确定所述第一界面在所述第一区域显示的第二显示内容;
第二显示内容缩小子单元,用于将所述第二显示内容按一定比例缩小;
第二显示内容显示子单元,用于在所述第三显示区域显示缩小后的所述第二显示内容;
其中,所述第三显示区域显示有完整的所述第二显示内容。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410025479.4A CN104793874B (zh) | 2014-01-20 | 2014-01-20 | 一种界面显示方法及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410025479.4A CN104793874B (zh) | 2014-01-20 | 2014-01-20 | 一种界面显示方法及电子设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104793874A true CN104793874A (zh) | 2015-07-22 |
CN104793874B CN104793874B (zh) | 2019-03-29 |
Family
ID=53558703
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410025479.4A Active CN104793874B (zh) | 2014-01-20 | 2014-01-20 | 一种界面显示方法及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104793874B (zh) |
Cited By (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105373318A (zh) * | 2015-12-01 | 2016-03-02 | 小米科技有限责任公司 | 信息显示方法及装置 |
CN106201310A (zh) * | 2016-06-30 | 2016-12-07 | 北京小米移动软件有限公司 | 通知消息的显示方法、装置及终端 |
CN106227534A (zh) * | 2016-07-22 | 2016-12-14 | 深圳市金立通信设备有限公司 | 一种显示屏幕划分方法及终端 |
CN107526497A (zh) * | 2017-08-04 | 2017-12-29 | 福州东娱网络信息有限公司 | 一种结合点餐与广告播放的方法以及装置 |
CN107610726A (zh) * | 2017-10-10 | 2018-01-19 | 腾讯音乐娱乐科技(深圳)有限公司 | 多媒体提示字符显示方法、装置、存储介质以及终端 |
CN109640157A (zh) * | 2018-12-28 | 2019-04-16 | 北京字节跳动网络技术有限公司 | 用于处理信息的方法和装置 |
WO2019101073A1 (zh) * | 2017-11-23 | 2019-05-31 | 广州视源电子科技股份有限公司 | 工具栏显示控制方法以及装置、可读存储介质及计算机设备 |
CN110569027A (zh) * | 2019-09-10 | 2019-12-13 | 联想(北京)有限公司 | 应用于电子设备的流程图布局方法、装置和电子设备 |
CN112583957A (zh) * | 2019-09-30 | 2021-03-30 | 华为技术有限公司 | 电子设备的显示方法、电子设备与计算机可读存储介质 |
WO2021114529A1 (zh) * | 2019-12-12 | 2021-06-17 | 青岛海信传媒网络技术有限公司 | 用户界面展示方法及显示设备 |
CN115033333A (zh) * | 2022-07-19 | 2022-09-09 | 荣耀终端有限公司 | 一种悬浮窗显示方法、电子设备和存储介质 |
WO2022227784A1 (zh) * | 2021-04-27 | 2022-11-03 | Oppo广东移动通信有限公司 | 一种图片显示方法、装置,设备及存储介质 |
Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101571787A (zh) * | 2008-04-30 | 2009-11-04 | 宏达国际电子股份有限公司 | 使用者界面显示区域的调整方法、装置及存储介质 |
US20100088634A1 (en) * | 2007-01-25 | 2010-04-08 | Akira Tsuruta | Multi-window management apparatus and program, storage medium and information processing apparatus |
CN102129345A (zh) * | 2010-01-19 | 2011-07-20 | Lg电子株式会社 | 移动终端及其控制方法 |
CN102339208A (zh) * | 2010-07-14 | 2012-02-01 | 华硕电脑股份有限公司 | 界面显示调整方法及应用其的触控显示器 |
US20120204191A1 (en) * | 2011-02-07 | 2012-08-09 | Megan Shia | System and method for providing notifications on a mobile computing device |
US20130007665A1 (en) * | 2011-06-05 | 2013-01-03 | Apple Inc. | Systems and methods for displaying notifications received from multiple applications |
CN102968243A (zh) * | 2012-09-29 | 2013-03-13 | 顾晶 | 用于在移动终端显示多个应用窗口的方法、装置与设备 |
US20130346515A1 (en) * | 2012-06-26 | 2013-12-26 | International Business Machines Corporation | Content-Sensitive Notification Icons |
-
2014
- 2014-01-20 CN CN201410025479.4A patent/CN104793874B/zh active Active
Patent Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20100088634A1 (en) * | 2007-01-25 | 2010-04-08 | Akira Tsuruta | Multi-window management apparatus and program, storage medium and information processing apparatus |
CN101571787A (zh) * | 2008-04-30 | 2009-11-04 | 宏达国际电子股份有限公司 | 使用者界面显示区域的调整方法、装置及存储介质 |
CN102129345A (zh) * | 2010-01-19 | 2011-07-20 | Lg电子株式会社 | 移动终端及其控制方法 |
CN102339208A (zh) * | 2010-07-14 | 2012-02-01 | 华硕电脑股份有限公司 | 界面显示调整方法及应用其的触控显示器 |
US20120204191A1 (en) * | 2011-02-07 | 2012-08-09 | Megan Shia | System and method for providing notifications on a mobile computing device |
US20130007665A1 (en) * | 2011-06-05 | 2013-01-03 | Apple Inc. | Systems and methods for displaying notifications received from multiple applications |
US20130346515A1 (en) * | 2012-06-26 | 2013-12-26 | International Business Machines Corporation | Content-Sensitive Notification Icons |
CN102968243A (zh) * | 2012-09-29 | 2013-03-13 | 顾晶 | 用于在移动终端显示多个应用窗口的方法、装置与设备 |
Cited By (15)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105373318B (zh) * | 2015-12-01 | 2019-03-15 | 小米科技有限责任公司 | 信息显示方法及装置 |
CN105373318A (zh) * | 2015-12-01 | 2016-03-02 | 小米科技有限责任公司 | 信息显示方法及装置 |
CN106201310A (zh) * | 2016-06-30 | 2016-12-07 | 北京小米移动软件有限公司 | 通知消息的显示方法、装置及终端 |
CN106227534A (zh) * | 2016-07-22 | 2016-12-14 | 深圳市金立通信设备有限公司 | 一种显示屏幕划分方法及终端 |
CN107526497A (zh) * | 2017-08-04 | 2017-12-29 | 福州东娱网络信息有限公司 | 一种结合点餐与广告播放的方法以及装置 |
CN107610726A (zh) * | 2017-10-10 | 2018-01-19 | 腾讯音乐娱乐科技(深圳)有限公司 | 多媒体提示字符显示方法、装置、存储介质以及终端 |
WO2019101073A1 (zh) * | 2017-11-23 | 2019-05-31 | 广州视源电子科技股份有限公司 | 工具栏显示控制方法以及装置、可读存储介质及计算机设备 |
CN109640157A (zh) * | 2018-12-28 | 2019-04-16 | 北京字节跳动网络技术有限公司 | 用于处理信息的方法和装置 |
CN109640157B (zh) * | 2018-12-28 | 2021-07-27 | 北京字节跳动网络技术有限公司 | 用于处理信息的方法和装置 |
CN110569027A (zh) * | 2019-09-10 | 2019-12-13 | 联想(北京)有限公司 | 应用于电子设备的流程图布局方法、装置和电子设备 |
CN110569027B (zh) * | 2019-09-10 | 2021-09-14 | 联想(北京)有限公司 | 应用于电子设备的流程图布局方法、装置和电子设备 |
CN112583957A (zh) * | 2019-09-30 | 2021-03-30 | 华为技术有限公司 | 电子设备的显示方法、电子设备与计算机可读存储介质 |
WO2021114529A1 (zh) * | 2019-12-12 | 2021-06-17 | 青岛海信传媒网络技术有限公司 | 用户界面展示方法及显示设备 |
WO2022227784A1 (zh) * | 2021-04-27 | 2022-11-03 | Oppo广东移动通信有限公司 | 一种图片显示方法、装置,设备及存储介质 |
CN115033333A (zh) * | 2022-07-19 | 2022-09-09 | 荣耀终端有限公司 | 一种悬浮窗显示方法、电子设备和存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN104793874B (zh) | 2019-03-29 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104793874A (zh) | 一种界面显示方法及电子设备 | |
AU2017204611B2 (en) | Widget setting method and terminal device | |
US11561680B2 (en) | Method and apparatus for adding icon to interface of android system, and mobile terminal | |
CN103207750B (zh) | 图标缩放的方法及装置 | |
CN105094617A (zh) | 一种截屏方法及装置 | |
CN104331246A (zh) | 在终端中进行分屏显示的设备和方法 | |
CN109388463B (zh) | 平板电脑应用软件的分屏显示方法、存储介质及平板电脑 | |
CN109508213B (zh) | 一种视图渲染方法、装置、介质及智能终端 | |
CN106648581B (zh) | 页面显示方法及装置 | |
CN107608668B (zh) | H5页面制作兼容显示的方法、装置、终端设备及存储介质 | |
CN105677351B (zh) | 多窗口兼容显示方法及装置 | |
CN104461312A (zh) | 一种显示控制方法及电子设备 | |
CN104991696A (zh) | 一种信息处理方法及电子设备 | |
CN104918125A (zh) | 一种频道的切换方法和装置 | |
CN104615418A (zh) | 一种可滑动播放窗口的实现方法和装置 | |
CN103513969A (zh) | 应用程序入口建立方法、装置和终端 | |
CN105094586A (zh) | 一种显示窗口的调节方法及电子设备 | |
CN108108078B (zh) | 电子设备、显示控制方法及相关产品 | |
CN104615764A (zh) | 一种显示方法及电子设备 | |
CN113986076A (zh) | 图标显示控制方法、装置、电子设备及存储介质 | |
CN105630595A (zh) | 一种信息处理方法及电子设备 | |
CN103236042A (zh) | 图片自适应处理方法及装置 | |
CN113648649A (zh) | 游戏界面的控制方法、装置、计算机可读介质及终端设备 | |
CN102722588A (zh) | 一种文件浏览的方法、装置及电子终端 | |
CN111273844B (zh) | 触摸显示装置的多信号源切换控制方法和触摸显示装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
EXSB | Decision made by sipo to initiate substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |