一种界面展示的实现方法和装置与流程

本发明涉及信息技术领域，尤指一种界面展示的实现方法和装置。

背景技术：

在传统的用户界面(userinterface，简称为ui)设计中，在某种界面未打开前，如图1(a)所示，其中界面边框为透明状态，界面内容隐藏在界面边框右边，图中的正方形为界面内容中的一部分。

触发界面打开时，界面将从界面边框的右边移动进入，此时界面内容的最左边会最先变成可见，如图1(b)所示的灰色部分，右边的阴影部分依然还是隐藏的。

界面全部打开完成后如图1(c)所示，界面内容会全部可见，此时，之前的正方形部分已经完全到达界面边框的左边了。

关闭界面则是以上顺序的逆顺序。

可以看出，这种界面展示方式有如下缺陷：

1、动态从屏幕某个方法弹入弹出，用户视线会不自主的关注最先出现的部分，如果出现的部分是移动的，看久了可能会导致用户视觉疲劳，体验并不是很好。

2、直接隐藏或出现会有突兀感。

技术实现要素：

为了解决上述技术问题，本发明提供了一种界面展示的实现方法和装置，以提高用户体验。

为了达到本发明目的，本发明提供了一种界面展示的实现方法，所述界面的界面内容位于界面边框内部，在初始状态下，所述界面内容处于不可见状态，所述方法包括：

接收到显示界面的指令；

所述界面内容的位置保持固定，将所述界面内容从一方向逐步设置为可见状态，直至完全显示所述界面内容。

可选地，所述界面内容处于不可见状态时，界面子边框位于所述界面边框外部，与所述界面边框相邻；所述将所述界面内容从一方向逐步设置为可见状态，直至完全显示所述界面内容包括：

所述界面子边框向所述界面边框内移动，刷新界面显示的内容，将界面内容与界面子边框重合的部分内容设置为可见状态；

所述界面子边框移动至完全覆盖所述界面边框，则停止移动。

可选地，所述方法还包括：

接收到关闭界面的指令；

将所述界面内容从一方向逐步设置为不可见状态，直至所述界面内容的全部内容均为不可见状态。

可选地，所述界面内容处于可见状态时，界面子边框覆盖所述界面边框，所述将所述界面内容从一方向逐步设置为不可见状态，直至所述界面内容的全部内容均为不可见状态包括：

所述界面子边框向所述界面边框外移动，刷新界面显示的内容，仅将界面内容与界面子边框重合的部分内容设置为可见状态，其余的部分内容设置为不可见状态；

所述界面子边框完全移动至与所述界面边框外部后，停止移动。

可选地，所述界面子边框与所述界面边框的大小和形状相同。

本发明还提供了一种界面展示的实现装置，包括：存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述界面的界面内容位于界面边框内部，在初始状态下，所述界面内容处于不可见状态；所述处理器执行所述程序时实现以下步骤：

接收到显示界面的指令；

所述界面内容的位置保持固定，将所述界面内容从一方向逐步设置为可见状态，直至完全显示所述界面内容。

可选地，所述界面内容处于不可见状态时，界面子边框位于所述界面边框外部，与所述界面边框相邻；所述处理器执行所述程序时还实现：

所述界面子边框向所述界面边框内移动，刷新界面显示的内容，将界面内容与界面子边框重合的部分内容设置为可见状态；

所述界面子边框移动至完全覆盖所述界面边框，则停止移动。

可选地，所述处理器执行所述程序时还实现：

接收到关闭界面的指令；

将所述界面内容从一方向逐步设置为不可见状态，直至所述界面内容的全部内容均为不可见状态。

可选地，所述界面内容处于可见状态时，界面子边框覆盖所述界面边框，所述处理器执行所述程序时还实现：

所述界面子边框向所述界面边框外移动，刷新界面显示的内容，仅将界面内容与界面子边框重合的部分内容设置为可见状态，其余的部分内容设置为不可见状态；

所述界面子边框完全移动至与所述界面边框外部后，停止移动。

可选地，所述界面子边框与所述界面边框的大小和形状相同。

本发明实施例包括：所述界面的界面内容位于界面边框内部，在初始状态下，所述界面内容处于不可见状态；接收到显示界面的指令；所述界面内容的位置保持固定，将所述界面内容从一方向逐步设置为可见状态，直至完全显示所述界面内容。在本发明实施例中，展示效果为从动态展开静态的图像，用户视觉会关注先出现的部分，而那部分图像并不会移动，所以不会产生视觉疲劳。而且，展示效果舒适，有趣，大幅提高用户体验。

本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。

附图说明

附图用来提供对本发明技术方案的进一步理解，并且构成说明书的一部分，与本申请的实施例一起用于解释本发明的技术方案，并不构成对本发明技术方案的限制。

图1(a)～(c)为现有技术中展示界面的示意图；

图2为本发明实施例的界面展示的实现方法流程图；

图3(a)～(c)为本发明实施例的展示界面的示意图；

图4为本发明实施例的界面关闭的流程图；

图5为本发明实施例的界面展示的实现装置示意图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚明白，下文中将结合附图对本发明的实施例进行详细说明。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互任意组合。

在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行。并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

在本发明实施例中，所述界面的界面内容位于界面边框内部，在初始状态下，所述界面内容处于不可见状态；本发明实施例的界面展示的实现方法，如图2所示，包括：

步骤101，接收到显示界面的指令；

步骤102，所述界面内容的位置保持固定，将所述界面内容从一方向逐步设置为可见状态，直至完全显示所述界面内容。

在现有技术中，界面内容通过移动的方式逐步可见，而在本发明实施例中，所述界面内容的位置保持固定，在展示过程中并不移动，只是从不可见状态逐步变为可见状态，展示效果为从动态展开静态的图像，用户视觉会关注先出现的部分，而那部分图像并不会移动，所以不会产生视觉疲劳。而且，展示效果舒适，有趣，大幅提高用户体验。

在一实施方式中，在界面边框和界面内容之间增加入界面子边框这一层级关系，界面未打开时，所述界面内容处于不可见状态，界面子边框位于所述界面边框外部，与所述界面边框相邻；所述将所述界面内容从一方向逐步设置为可见状态，直至完全显示所述界面内容包括：

所述界面子边框向所述界面边框内移动，刷新界面显示的内容，将界面内容与界面子边框重合的部分内容设置为可见状态；

所述界面子边框移动至完全覆盖所述界面边框，则停止移动。

如图3(a)所示，界面边框为透明状态，界面子边框处于界面边框的右边，而界面内容则相对位于界面子边框左边，是不可见的，图中正方形为界面的部分内容。

如图3(b)所示，当触发打开界面时，界面子边框相对界面边框向左移动，界面内容相对界面子边框向右移动，图中灰色的部分变得可见，而阴影的部分因为还在子边框的外部被切掉不会显示。

当界面完全打开后，则如图3(c)所示。

如图4所示，在一实施方式中，所述方法还包括：

步骤201，接收到关闭界面的指令；

步骤202，将所述界面内容从一方向逐步设置为不可见状态，直至所述界面内容的全部内容均为不可见状态。

可以看出，上述步骤201和202可以是步骤101和102的逆过程。

在一实施方式中，所述界面内容处于可见状态时，界面子边框覆盖所述界面边框，所述将所述界面内容从一方向逐步设置为不可见状态，直至所述界面内容的全部内容均为不可见状态包括：

所述界面子边框向所述界面边框外移动，刷新界面显示的内容，仅将界面内容与界面子边框重合的部分内容设置为可见状态，其余的部分内容设置为不可见状态；

所述界面子边框完全移动至与所述界面边框外部后，停止移动。

上述实施方式中，刷新界面显示的内容时，刷新的频率可以是图像显示的频率，也可以是用户设置的指定频率，本发明不做具体限定。

上述实施方式中，界面子边框移动的速度可以是预设的速度，也可以是用户指定的速度，本发明不做具体限定。

如图3(a)～(c)所示，界面子边框与界面边框的大小和形状相同。但本发明不限于此，在本发明其它实施例中，界面子边框也可以大于界面边框的尺寸，即只要界面子边框能完全覆盖所述界面边框即可。

另外需要说明的是，如图3(a)～(c)所示，界面子边框的移动方向是右向左，但本发明不限于此，在本发明其它实施例中，移动方向还可以是由左向右，或者也可以是由上向下，或者也可以是由下向上，也可以是用户设定的任意方向，本发明不作限定。

在本发明实施例中，可以通过使用触摸屏、手写板、键盘、鼠标等的一种或多种组合，接收上述显示界面的指令和/或关闭界面的指令。

本发明实施例还提供了一种界面展示的实现装置，该装置用于实现上述实施例及实施方式，已经进行过说明的不再赘述。

本发明实施例的界面展示的实现装置，包括：存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述界面的界面内容位于界面边框内部，在初始状态下，所述界面内容处于不可见状态；所述处理器执行所述程序时实现以下步骤：

接收到显示界面的指令；

所述界面内容的位置保持固定，将所述界面内容从一方向逐步设置为可见状态，直至完全显示所述界面内容。

在一实施方式中，所述界面内容处于不可见状态时，界面子边框位于所述界面边框外部，与所述界面边框相邻；所述处理器执行所述程序时还实现：

所述界面子边框向所述界面边框内移动，刷新界面显示的内容，将界面内容与界面子边框重合的部分内容设置为可见状态；

所述界面子边框移动至完全覆盖所述界面边框，则停止移动。

在一实施方式中，所述处理器执行所述程序时还实现：

接收到关闭界面的指令；

将所述界面内容从一方向逐步设置为不可见状态，直至所述界面内容的全部内容均为不可见状态。

在一实施方式中，所述界面内容处于可见状态时，界面子边框覆盖所述界面边框，所述处理器执行所述程序时还实现：

所述界面子边框向所述界面边框外移动，刷新界面显示的内容，仅将界面内容与界面子边框重合的部分内容设置为可见状态，其余的部分内容设置为不可见状态；

所述界面子边框完全移动至与所述界面边框外部后，停止移动。

在一实施方式中，所述界面子边框与所述界面边框的大小和形状相同。

在本发明实施例中，展示效果为从动态展开静态的图像，用户视觉会关注先出现的部分，而那部分图像并不会移动，所以不会产生视觉疲劳。而且，展示效果舒适，有趣，大幅提高用户体验。

本发明实施例还提供了一种界面展示的实现装置，该装置用于实现上述实施例及实施方式，已经进行过说明的不再赘述。如以下所使用的，术语“模块”可以实现预定功能的软件和/或硬件的组合。尽管以下实施例所描述的装置可以以软件来实现，但是硬件，或者软件和硬件的组合的实现也是可能并被构想的。

本发明实施例中，所述界面的界面内容位于界面边框内部，在初始状态下，所述界面内容处于不可见状态；如图5所示，本发明实施例的界面展示的实现装置包括：

接收模块31，用于接收到显示界面的指令；

展示模块32，用于将所述界面内容的位置保持固定，将所述界面内容从一方向逐步设置为可见状态，直至完全显示所述界面内容。

在一实施方式中，所述界面内容处于不可见状态时，界面子边框位于所述界面边框外部，与所述界面边框相邻；所述展示模块32，进一步用于：

所述界面子边框向所述界面边框内移动，刷新界面显示的内容，将界面内容与界面子边框重合的部分内容设置为可见状态；

所述界面子边框移动至完全覆盖所述界面边框，则停止移动。

在一实施方式中，所述接收模块31，进一步用于：接收到关闭界面的指令；

所述装置还包括：关闭模块，用于将所述界面内容从一方向逐步设置为不可见状态，直至所述界面内容的全部内容均为不可见状态。

在一实施方式中，界面子边框覆盖所述界面边框，所述关闭模块，进一步用于：

所述界面子边框向所述界面边框外移动，刷新界面显示的内容，仅将界面内容与界面子边框重合的部分内容设置为可见状态，其余的部分内容设置为不可见状态；

所述界面子边框完全移动至与所述界面边框外部后，停止移动。

在一实施方式中，所述界面子边框与所述界面边框的大小和形状相同。

在本发明实施例中，展示效果为从动态展开静态的图像，用户视觉会关注先出现的部分，而那部分图像并不会移动，所以不会产生视觉疲劳。而且，展示效果舒适，有趣，大幅提高用户体验。

本发明的实施例还提供了一种存储介质。在本实施例中，上述存储介质可以被设置为存储用于执行以下步骤的程序代码：

s1，接收到显示界面的指令；

s2，所述界面内容的位置保持固定，将所述界面内容从一方向逐步设置为可见状态，直至完全显示所述界面内容。

在本实施例中，上述存储介质可以包括但不限于：u盘、只读存储器(rom，read-onlymemory)、随机存取存储器(ram，randomaccessmemory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。

本实施例中的示例可以参考上述实施例及实施方式中所描述的示例，本实施例在此不再赘述。

本实施例还提供了一种界面展示的实现装置，该装置包括处理器，处理器用于实现上述接收模块31和展示模块32的功能，具体的，其执行如下过程：接收到显示界面的指令；所述界面内容的位置保持固定，将所述界面内容从一方向逐步设置为可见状态，直至完全显示所述界面内容。此外，处理器还可用于实现上述关闭模块33所执行的功能。

显然，本领域的技术人员应该明白，上述的本发明实施例的模块或步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，并且在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤，或者将它们分别制作成集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明实施例不限制于任何特定的硬件和软件结合。

虽然本发明所揭露的实施方式如上，但所述的内容仅为便于理解本发明而采用的实施方式，并非用以限定本发明。任何本发明所属领域内的技术人员，在不脱离本发明所揭露的精神和范围的前提下，可以在实施的形式及细节上进行任何的修改与变化，但本发明的专利保护范围，仍须以所附的权利要求书所界定的范围为准。