界面切换方法及装置与流程

本说明书实施例涉及数据处理领域，具体地，涉及一种界面切换方法及装置。

背景技术：

在移动设备中，同一个界面可能会被多个用户查看，而不同用户关注的焦点不同，各用户往往很难在界面中快速定位到其所关注的信息。目前，在设计界面时，为了使与界面相关的主要角色可以快速定位到其所关注的信息，会突出这部分信息，而其他用户所关注的信息相对来说被弱化，这样就导致其他相关用户查看同一界面时，无法快速定位到其所关注的信息。

因此，需要一种合理的方案，可以使不同用户可以从界面中快速、准确地定位到各自关注的焦点信息。

技术实现要素：

本说明书描述了一种界面切换方法，通过改变终端中界面的排版，使查看该界面的不同用户可以快速定位到各自关注的信息，从而提升用户体验。

根据第一方面，提供一种界面切换方法，该方法包括：获取包括交易信息的第一界面，所述第一界面中包括第一交易方关注的第一交易信息和第二交易方关注的第二交易信息，所述第一交易信息和第二交易信息以第一版式排布；展示所述第一界面，以使第一交易方查看所述第一交易信息；当检测到所述客户端所在的设备发生翻转时，获取包括所述交易信息的第二界面，在所述第二界面中，所述第一交易信息和第二交易信息以第二版式排布，其中至少第二交易信息在第二版式中的显示形式与在第一版式中不同；展示所述第二界面，以使第二交易方查看所述第二交易信息。

根据一个实施例，其中所述获取包括交易信息的第一界面，包括：获取所述交易信息，所述交易信息包括所述第一交易信息和第二交易信息；基于所述第一版式，生成所述第一界面；

其中获取包括所述交易信息的第二界面，包括：基于所述第二版式，生成所述第二界面。

根据一个实施例，其中所述检测到所述客户端所在的设备发生翻转，包括：检测到所述设备发生水平翻转；所述第二版式包括，对所述第二交易信息突出显示；所述突出显示包括放大显示、加粗显示和高亮显示中的至少一种。

进一步地，在一个具体的实施例中，其中所述检测到所述设备发生水平翻转，包括：检测到所述设备围绕竖直轴所旋转的角度在第一阈值区间内。

根据一个实施例，其中所述检测到所述客户端所在的设备发生翻转，包括：检测到所述设备发生竖直翻转；所述第二版式包括，对所述第二交易信息旋转显示。

进一步地，在一个具体的实施例中，其中所述检测到所述设备发生竖直翻转，包括：检测到所述设备围绕水平轴所旋转的角度在第二阈值区间内。

在另一个具体的实施例中，其中所述第二版式，还包括对所述第二交易信息突出显示，所述突出显示包括放大显示、加粗显示和高亮显示中的至少一种。

根据一个实施例，其中所述第一版式包括，对所述第一交易信息突出显示，所述突出显示包括放大显示、加粗显示和高亮显示中的至少一种。

进一步地，在一个具体的实施例中，其中所述第二版式包括，对所述第一交易信息以非突出方式显示。

根据一个实施例，其中所述第一界面中包括用户可操作项，所述第二界面中对所述用户可操作项弱化显示，所述弱化显示包括缩小、隐藏、色彩暗化、增加透明度中的至少一种。

根据一个实施例，其中所述第一界面中包括用户可操作项，其中所述第二界面中将所述用户可操作项显示为不可操作状态。

根据一个实施例，其中所述第一交易方为支付方，所述第一交易信息为支付金额，所述第二交易方为收款方，所述第二交易信息为收款金额。

根据第二方面，提供一种界面切换装置，该装置包括：第一获取单元，用于获取包括交易信息的第一界面，所述第一界面中包括第一交易方关注的第一交易信息和第二交易方关注的第二交易信息，所述第一交易信息和第二交易信息以第一版式排布；第一展示单元，用于展示所述第一界面，以使第一交易方查看所述第一交易信息；第二获取单元，用于当检测到所述客户端所在的设备发生翻转时，获取包括所述交易信息的第二界面，在所述第二界面中，所述第一交易信息和第二交易信息以第二版式排布，其中至少第二交易信息在第二版式中的显示形式与在第一版式中不同；第二展示单元，用于展示所述第二界面，以使第二交易方查看所述第二交易信息。

根据第三方面，提供了一种计算机可读存储介质，其上存储有计算机程序，当所述计算机程序在计算机中执行时，令计算机执行第一方面的方法。

根据第四方面，提供了一种计算设备，包括存储器和处理器，其特征在于，所述存储器中存储有可执行代码，所述处理器执行所述可执行代码时，实现第一方面的方法。

在本说明书实施例披露的界面切换方法中，当检测到终端设备发生翻转时，也就是据此判断出查看终端界面的用户发生变化时，改变界面的排版方式，以使查看同一界面的不同用户，可以快速定位到各自所关注的信息。

附图说明

为了更清楚地说明本说明书披露的多个实施例的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本说明书披露的多个实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。

图1示出根据一个例子的支付成功的第一界面的示意图；

图2示出根据一个例子的支付成功的第二界面的示意图；

图3示出根据一个实施例的界面切换方法流程图；

图4示出根据另一个例子的支付成功的第一界面的示意图；

图5示出根据一个例子的终端设备的水平翻转示意图；

图6示出根据一个例子的终端设备的竖直翻转示意图；

图7示出根据另一个例子的支付成功的第二界面的示意图；

图8示出根据一个例子的界面切换的示意图；

图9示出根据另一个例子的界面切换的示意图；

图10示出根据一个实施例的界面切换装置结构图。

具体实施方式

下面结合附图，对本说明书披露的多个实施例进行描述。本说明书实施例披露的界面切换方法可以应用于移动设备，例如，手机、平板电脑等。

在移动设备中，同一个界面可能会被多个用户查看，而不同用户关注的焦点不同。在一个应用场景中，对于支付成功界面，支付方和收款方通常均会对该界面进行查看。因存在支付方的支付金额与收款方的收款金额不相等的情况，例如，当支付方使用支付优惠，如支付平台提供的红包时，支付方实际支付的金额为收款方的收款金额与优惠额度的差值，所以支付成功界面中通常会将支付金额与收款金额分开展示，以使支付方和收款方可以分别查看其所关注的支付金额和收款金额。在另一个应用场景中，对于优惠券的展示界面，消费方关注的是优惠金额或折扣金额，以据此对优惠券进行选择使用，而经营者关注的是优惠券的序列号或二维码，以对其进行记录和验证。

然而，目前在界面设计的过程中，为了使主要角色能够更加直观地查看其所关注的信息，通常会将这部分信息进行突出显示，而弱化其他用户关注的信息，例如，在图1中示出的支付成功界面中，其中支付方关心的支付金额被加大、加粗显示，而收款方，即商家，的收款金额被弱化显示。这样，就导致主要角色以外的用户，无法快速定位到其所关注的信息。

基于以上观察，本说明书实施例提供一种界面切换方法，此方法中包括：当检测到终端设备发生翻转时，也就是据此判断出查看终端界面的用户发生变化时，改变界面的排版方式，以使查看同一界面的不同用户，可以快速定位到各自所关注的信息。根据一个具体的例子，支付方通过扫描收款方的收款二维码进行支付，并且支付成功，此时，可以采用本说明书实施例提供的方法，展示图1中示出的支付成功界面，以使支付方能够直观地看到支付金额，接着，当检测到终端设备发生水平翻转时，将显示界面切换为图2中的支付成功界面，以使收款方能够直观地看到收款金额。下面，描述所述方法的具体实施步骤。

图3示出根据一个实施例的支付成功界面的切换方法流程图，所述方法的执行主体可以为：系统软件或客户端软件。如图3所示，该方法流程包括以下步骤：步骤s310，获取包括交易信息的第一界面，此界面中包括第一交易方关注的第一交易信息和第二交易方关注的第二交易信息，且第一交易信息和第二交易信息以第一版式排布；步骤s320，展示第一界面，以使第一交易方查看其关注的第一交易信息；步骤s330，当检测到客户端所在的设备发生翻转时，获取包括交易信息的第二界面，在此界面中，第一交易信息和第二交易信息以第二版式排布，其中至少第二交易信息在第二版式中的显示形式与在第一版式中不同；步骤s340，展示第二界面，以使第二交易方查看第二交易信息。

首先，在步骤s310，获取包括交易信息的第一界面，此界面中包括第一交易方关注的第一交易信息和第二交易方关注的第二交易信息，且第一交易信息和第二交易信息以第一版式排布。

在一个实施例中，获取包括交易信息的第一界面包括：首先获取交易信息，其中获取的交易信息包括第一交易信息和第二交易信息；然后基于第一版式，生成第一界面。需要说明的是，其中第一交易信息和第二交易信息可以相同，也可以不同。

进一步地，在一个具体的实施例中，其中获取交易信息可以包括：从服务端和/或本地(如终端系统或客户端)获取交易信息。在一个例子，可以从服务端获取交易信息中的第一交易信息和第二交易信息，并从本地获取其他交易信息。另一方面，可以理解，版式包括对界面中信息的排版和布局，在一个具体的实施例中，生成第一界面可以包括：将获取的交易信息填充至第一版式中，以生成对应的第一界面。在一个例子中，其中第一版式可以是从服务端预先获取并存储至本地的，或者是预先写入本地的。

根据一个具体的例子，首先，可以从服务端获取第一交易方关注的第一交易信息和第二交易方关注的第二交易信息，例如，分别为支付方关注的支付金额和收款方关注的收款金额，然后，基于第一版式生成图4中示出的第一界面，即，支付成功界面。

以上，可以获取以第一版式排布的包括交易信息的第一界面。接着，在步骤s320，展示第一界面，以使第一交易方查看其关注的第一交易信息。

根据一个具体的例子，第一界面为图4示出的界面，则第一交易方，即，付款方，可以通过第一界面查看其关注的第一交易信息，即支付金额：2.86元。

此外，为了使第一交易方可以快速定位到其关注的第一交易信息，第一版式可以包括：对第一交易信息突出显示。在一个具体的实施例中，其中突出显示可以包括放大显示、加粗显示和高亮显示中的至少一种。根据一个例子，在步骤s310中生成的第一界面可以为图1中示出的支付成功界面，相较于图4中示出的支付成功界面，图1中的支付金额被放大和加粗显示，由此可以更加直观地将支付金额呈现给支付方。

以上可以向第一交易方展示第一界面，然后，在步骤s330，当检测到客户端所在的设备发生翻转时，获取包括交易信息的第二界面，在此界面中，第一交易信息和第二交易信息以第二版式排布，其中至少第二交易信息在第二版式中的显示形式与在第一版式中不同。

需要说明的是，在本步骤中，当检测到客户端所在设备发生翻转时，则认为查看客户端界面的第一交易方转变为第二交易方，由此获取第二界面，以对第一界面进行切换，进而使第二交易方能够通过第二界面快速定位到其所关注的第二交易信息。此外，其中用于检测客户端是否发生翻转可以通过在终端中设置的多种硬件来实现，如重力感应器、三轴陀螺仪等，本说明书对此不作限定。

在一个实施例中，检测到客户端所在的设备发生翻转可以包括：检测到设备发生水平翻转。在一个具体的实施例中，检测到设备发生水平翻转可以包括：检测到设备围绕竖直轴所旋转的角度在第一阈值区间内。在一个例子中，其中围绕竖直轴旋转可以为顺时针旋转或逆时针旋转。在一个例子中，第一阈值区间可以为根据终端设备使用者的使用习惯设置的角度区间，例如，可以为[120°，200°]，如图5所示，可以检测到该终端设备围绕竖直轴旋转了180°。进一步地，在一个具体的实施例中，检测到设备发生水平翻转还可以包括：检测到设备在预设时间间隔内围绕竖直轴所旋转的角度在第一阈值区间内。在一个例子中，其中预设时间间隔可以为根据实际需要设定的一个较短的时间间隔，结合实际的应用场景，通常将终端翻转以供其他用户查看，是一个比较快速的动作，由此可以将预设时间设置为较小值，如，0.5s或1s。如此，可以更加精准地判读出需要获取第二界面的时机，从而减少不必要的资源消耗。

在另一个实施例中，检测到客户端所在的设备发生翻转可以包括：检测到设备发生竖直翻转。在一个具体的实施例中，检测到设备发生竖直翻转可以包括：检测到设备围绕水平轴所旋转的角度在第二阈值区间内。在一个例子中，其中围绕竖直轴旋转可以为顺时针旋转或逆时针旋转。在一个例子中，第二阈值区间可以为根据终端设备使用者的使用习惯设置的角度区间，例如，可以为[60°，180°]，如图6所示，可以检测到终端设备围绕水平轴旋转了180°。进一步地，在一个具体的实施例中，检测到设备发生竖直翻转还可以包括：检测到设备在预设时间间隔内围绕竖直轴所旋转的角度在第二阈值区间内。需要说明的而是，对预设时间间隔的描述可以参见前述内容中的相关描述，在此不作赘述。

以上，在检测到所述客户端所在的设备发生翻转以后可以获取包括交易信息的第二界面。在一个实施例中，获取第二界面可以包括：基于第二版式和已在步骤s310中获取的交易信息，生成第二界面。需要说明的是，对第二版式和生成第二界面的描述，可以参考前述对第一版式和生成第一界面的描述。

可以理解，第二界面主要用于第二交易方快速定位到其关注的交易信息，因此，根据说明书一个实施例，在第二版式中，一方面可以弱化第一交易信息的显示方式，另一方面，可以强化第二交易信息的显示方式。

具体地，在一个实施例中，在第一版式中突出显示第一交易信息的情况下，在第二版式中，可以以非突出的方式正常显示第一交易信息。

另一方面，在一个实施例中，第二版式包括对第二交易信息进行突出显示。在一个具体的实施例中，其中突出显示可以包括放大显示、加粗显示和高亮显示。在一个例子中，第一界面为图1中示出的界面，相应的第二界面可以为图2中示出的界面。

在另一个实施例中，第二版式包括对第二交易信息进行旋转显示，这主要适用于客户端设备发生竖直翻转的情况。在一个具体的实施例中，旋转显示包括相较于第一版式中的显示方向旋转180°。在一个例子中，第一界面为图4中示出的界面，相应的第二界面可以为图7中示出的界面，其中对收款金额，即3.00元进行了旋转显示。

进一步地，在一个实施例中，第一界面中包括用户可操作项。在一个例子中，如图4所示，其中显示的可操作项为“完成”。在另一个例子中，显示的操作项可以包括可点击的广告信息等。进一步地，根据一个具体的实施例，可以在第二界面中对用户可操作项进行弱化显示。在一个例子中，弱化显示可以包括缩小、隐藏、色彩暗化、增加透明度等。根据另一个具体的实施例，可以在第二界面中将用户操作项显示为不可操作状态。如此，可以简化显示界面，使第二交易方所关注信息的显示更加突出、直观。同时，还可以防止第二交易方对界面的误操作，以及保护第一交易方(通常为终端设备的持有者)的信息安全。

步骤s340，展示第二界面，以使第二交易方查看第二交易信息。

根据一个具体的例子，第二界面为图2中示出的支付成功界面，则第二交易方，即，收款方，可以通过第二界面查看其关注的第二交易信息，即收款金额：3.00元。

接下来，结合图8和图9，根据具体的例子，对本说明书实施例披露的界面切换方法进行进一步说明。根据一个具体的例子，如图8所示，支付方在支付成功后，可以在第一界面中看到突出显示的支付金额，即2.86元，然后，支付方将终端设备进行水平翻转，第一界面切换为第二界面，此时商家可以在第二界面中看到突出显示的收款金额，即3.00元。根据另一个具体的例子，如图9所示，支付方在支付成功后，可以在第一界面中看到突出显示的支付金额，即2.86元，然后，支付方将终端设备进行竖直翻转，第二界面切换为第二界面，此时商家可以在第二界面中看到旋转及突出显示的收款金额，即，3.00元。

采用本说明书实施例提供的界面切换方法，当检测到终端设备发生翻转时，也就是据此判断出查看终端界面的用户发生变化时，改变界面的排版方式，以使查看同一界面的不同用户，可以快速定位到各自所关注的信息。

根据另一方面的实施例，还提供一种界面切换装置。图10示出根据一个实施例的界面切换装置结构图。如图10所示，该装置1000包括：第一获取单元1010，用于获取包括交易信息的第一界面，所述第一界面中包括第一交易方关注的第一交易信息和第二交易方关注的第二交易信息，所述第一交易信息和第二交易信息以第一版式排布；第一展示单元1020，用于展示所述第一界面，以使第一交易方查看所述第一交易信息；第二获取单元1030，用于当检测到所述客户端所在的设备发生翻转时，获取包括所述交易信息的第二界面，在所述第二界面中，所述第一交易信息和第二交易信息以第二版式排布，其中至少第二交易信息在第二版式中的显示形式与在第一版式中不同；第二展示单元1040，用于展示所述第二界面，以使第二交易方查看所述第二交易信息。

根据一个实施例，其中所述第一获取单元1010具体用于：获取所述交易信息，所述交易信息包括所述第一交易信息和第二交易信息；基于所述第一版式，生成所述第一界面；

所述第二获取单元1030具体用于：基于所述第二版式，生成所述第二界面。

根据一个实施例，其中所述检测到所述客户端所在的设备发生翻转，包括：检测到所述设备发生水平翻转；所述第二版式包括，对所述第二交易信息突出显示；所述突出显示包括放大显示、加粗显示和高亮显示中的至少一种。

进一步地，在一个具体的实施例中，其中所述检测到所述设备发生水平翻转，包括：检测到所述设备围绕竖直轴所旋转的角度在第一阈值区间内。

根据一个实施例，其中所述检测到所述客户端所在的设备发生翻转，包括：检测到所述设备发生竖直翻转；所述第二版式包括，对所述第二交易信息旋转显示。

进一步地，在一个具体的实施例中，其中所述检测到所述设备发生竖直翻转，包括：

检测到所述设备围绕水平轴所旋转的角度在第二阈值区间内。

在另一个具体的实施例中，其中所述第二版式，还包括对所述第二交易信息突出显示，所述突出显示包括放大显示、加粗显示和高亮显示中的至少一种。

根据一个实施例，其中所述第一版式包括，对所述第一交易信息突出显示，所述突出显示包括放大显示、加粗显示和高亮显示中的至少一种。

进一步地，在一个具体的实施例中，其中所述第二版式包括，对所述第一交易信息以非突出方式显示。

根据一个实施例，其中所述第一界面中包括用户可操作项，所述第二界面中对所述用户可操作项弱化显示，所述弱化显示包括缩小、隐藏、色彩暗化、增加透明度中的至少一种。

根据一个实施例，其中所述第一界面中包括用户可操作项，其中所述第二界面中将所述用户可操作项显示为不可操作状态。

根据一个实施例，其中所述第一交易方为支付方，所述第一交易信息为支付金额，所述第二交易方为收款方，所述第二交易信息为收款金额。

总之，采用本说明书实施例提供的界面切换装置，当检测到终端设备发生翻转时，也就是据此判断出查看终端界面的用户发生变化时，改变界面的排版方式，以使查看同一界面的不同用户，可以快速定位到各自所关注的信息。

如上，根据再一方面的实施例，还提供一种计算机可读存储介质，其上存储有计算机程序，当所述计算机程序在计算机中执行时，令计算机执行结合图3所描述的方法。

根据再一方面的实施例，还提供一种计算设备，包括存储器和处理器，所述存储器中存储有可执行代码，所述处理器执行所述可执行代码时，实现结合图3所描述的方法。

本领域技术人员应该可以意识到，在上述一个或多个示例中，本说明书披露的多个实施例所描述的功能可以用硬件、软件、固件或它们的任意组合来实现。当使用软件实现时，可以将这些功能存储在计算机可读介质中或者作为计算机可读介质上的一个或多个指令或代码进行传输。

以上所述的具体实施方式，对本说明书披露的多个实施例的目的、技术方案和有益效果进行了进一步详细说明，所应理解的是，以上所述仅为本说明书披露的多个实施例的具体实施方式而已，并不用于限定本说明书披露的多个实施例的保护范围，凡在本说明书披露的多个实施例的技术方案的基础之上，所做的任何修改、等同替换、改进等，均应包括在本说明书披露的多个实施例的保护范围之内。