支付界面的显示方法、装置和电子设备与流程

本申请属于电子设备技术领域，具体涉及一种支付界面的显示方法、装置和电子设备。

背景技术：

移动互联网的蓬勃发展，为人们的日常生活带来了诸多便利，通过一些应用程序可进行在线支付，极大的促进了支付便利性，提高了涉及到支付场景下的效率，同时减少了纸币的使用，对保护环境，可持续发展也做出了一定的贡献。

在用户进行支付时，需要先打开对应厂商的应用程序，再找到应用程序内对应的支付界面，对于不熟悉相关操作或第一次使用的用户来说，此流程相对较繁琐，对于熟悉的用户来说，前面的一系列操作又有些多余，从而影响支付过程的整体效率。

技术实现要素：

本申请实施例提供一种支付界面的显示方法、装置和电子设备，能够解决用户进行在线支付时，需要先打开相应应用程序再找到应用程序内对应的支付界面，操作繁琐以及影响支付效率的问题。

第一方面，本申请实施例提供了一种支付界面的显示方法，包括：

接收第一输入；

响应于所述第一输入，显示第一界面，所述第一界面包括至少一个支付控件，每个所述支付控件关联一个支付功能界面；

接收针对目标支付控件的第二输入，所述目标支付控件为所述至少一个支付控件中的支付控件；

响应于所述第二输入，显示目标支付控件关联的目标支付功能界面。

第二方面，本申请实施例提供了一种支付界面的显示装置，包括：

第一接收模块，用于接收第一输入；

第一响应模块，用于响应于所述第一输入，显示第一界面，所述第一界面包括至少一个支付控件，每个所述支付控件关联一个支付功能界面；

第二接收模块，用于接收针对目标支付控件的第二输入，所述目标支付控件为所述至少一个支付控件中的支付控件；

处理模块，用于响应于所述第二输入，显示目标支付控件关联的目标支付功能界面。

第三方面，本申请实施例提供了一种电子设备，该电子设备包括处理器、存储器及存储在所述存储器上并可在所述处理器上运行的程序或指令，所述程序或指令被所述处理器执行时实现如第一方面所述的方法的步骤。

第四方面，本申请实施例提供了一种可读存储介质，所述可读存储介质上存储程序或指令，所述程序或指令被处理器执行时实现如第一方面所述的方法的步骤。

第五方面，本申请实施例提供了一种芯片，所述芯片包括处理器和通信接口，所述通信接口和所述处理器耦合，所述处理器用于运行程序或指令，实现如第一方面所述的方法。

在本申请实施例中，将至少一个支付控件整合在第一界面中，在接收到第一输入后，快速显示上述第一界面，并根据第二输入能够直达用户需要的支付功能界面，操作简单，极大的节省了支付时间，提高了支付效率。

附图说明

图1是本申请实施例的支付界面的显示方法的流程示意图；

图2是本申请实施例中第一界面的显示示意图；

图3是本申请实施例中第一输入的轨迹示意图；

图4是本申请实施例中目标支付功能界面的显示示意图；

图5是本申请实施例中显示有人脸验证控件的第一界面的示意图；

图6是本申请实施例中显示有指纹验证控件的第一界面的示意图；

图7是本申请实施例中复用电子设备解锁界面的示意图；

图8是本申请实施例中第一界面的第一设置示意图；

图9是本申请实施例中第一界面的第二设置示意图；

图10是本发明实施例的支付界面的显示装置的模块示意图；

图11是本发明实施例的电子设备的结构框图之一；

图12是本发明实施例的电子设备的结构框图之二。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

本申请的说明书和权利要求书中的术语“第一”、“第二”等是用于区别类似的对象，而不用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，说明书以及权利要求中“和/或”表示所连接对象的至少其中之一，字符“/”，一般表示前后关联对象是一种“或”的关系。

下面结合附图，通过具体的实施例及其应用场景对本申请实施例提供的支付界面的显示方法进行详细地说明。

如图1所示，本申请实施例提供了一种支付界面的显示方法，包括：

步骤101：接收第一输入。

上述第一输入可具体为用户对电子设备屏幕的滑动输入。例如，在电子设备处于熄屏状态、锁屏状态或解锁状态下，用户从屏幕右侧的边缘向左滑动。

当然，上述第一输入也可以是指令输入或其他输入，此处不做具体限定。

步骤102：响应于所述第一输入，显示第一界面，所述第一界面包括至少一个支付控件，每个所述支付控件关联一个支付功能界面。

可选地，不同的支付控件关联的支付功能界面不同。本步骤中，如图2所示，上述第一界面中包括至少一个支付控件，该支付控件可根据用户需求进行设置。如该支付控件可以是应用程序a的扫一扫支付控件或者是应用程序a的付款码或者是应用程序b的乘车码等。该第一界面也可称为一个支付卡。

这里，通过将至少一个支付控件整合在上述第一界面中，能够方便用户快速选择需要的支付控件。

可选地，本步骤中，在电子设备的屏幕处于熄屏状态的情况下，接收第一输入之后，在所述屏幕上显示所述第一输入对应的轨迹路线，点亮屏幕，并以预设动画效果显示上述第一界面。

在电子设备的屏幕处于亮屏状态的情况下，接收第一输入之后，第一界面跟随输入上述第一输入的手指按照预设动画效果显示上述第一界面。

可选地，上述预设动画效果可以是自右向左的动画平滑滑入至屏幕中央，且在第一界面显示的过程中，对屏幕中的内容进行实时模糊处理，以屏蔽其他内容干扰，使用户能够清晰、直观地看到第一界面的内容。

示例性的，在屏幕处于熄屏状态的情况下，用户从屏幕右侧的边缘向左滑动，在左滑的手势完成后，如图3所示，在熄屏界面展示一段手势轨迹的线路动画，当动画结束后，点亮屏幕，然后第一界面以自右向左的动画平滑滑入至屏幕中央，在滑入过程中，对当前的电子设备的界面进行实时模糊处理，将显示在界面上的通知，标题栏等全部进行隐藏，从而能够清晰、直观地显示该第一界面的内容。另外，当有多张上述支付卡时，可左右滑动进行卡片切换。

步骤103：接收针对目标支付控件的第二输入，所述目标支付控件为所述至少一个支付控件中的支付控件。

该第二输入是在上述第一界面显示的至少一个支付控件中选中目标支付控件的输入，该第二输入可以是点击输入。

本申请实施例中，上述第一界面中默认排在第一位的支付控件进行高亮显示，在用户选择目标支付控件后，该目标支付控件进行高亮显示，以便于用户观看当前选中的目标支付控件。

步骤104：响应于所述第二输入，显示目标支付控件关联的目标支付功能界面。

具体的，在显示目标支付控件关联的目标支付功能界面的过程中，先判断电子设备中是否已安装对应的应用程序，若未安装，则文字提示用户进行安装，用户进行验证确认后直达应用商店详情界面进行安装，若已安装对应应用，则直接显示上述目标支付功能界面。可选地，该目标支付功能界面的具体示意图如图4所示。

本申请实施例的支付界面的显示方法，将至少一个支付控件整合在第一界面中，在接收到第一输入后，快速显示上述第一界面，并根据第二输入能够直达用户需要的支付功能界面，操作简单，极大的节省了支付时间，提高了支付效率。

可选地，所述响应于所述第二输入，显示目标支付控件对应的目标支付功能界面，包括：

在屏幕已解锁的情况下，响应于所述第二输入，显示目标支付控件对应的目标支付功能界面。

这里，在电子设备处于已解锁状态的情况下，直接显示目标支付控件对应的目标支付功能界面，实现快速准确地到达用户所需目标支付功能界面的目的。

可选地，所述响应于所述第二输入，显示目标支付控件关联的目标支付功能界面，包括：

在解锁验证信息与预设解锁验证信息匹配的情况下，响应于所述第二输入，显示目标支付控件关联的目标支付功能界面。

本申请实施例的支付界面的显示方法，还包括：

在屏幕未解锁的情况下，接收对所述第一界面的第三输入，所述第三输入为对所述第一界面中解锁验证控件的输入，或者，所述第三输入为在所述第一界面预定位置的预定输入；

响应于所述第三输入，获取解锁验证信息。上述解锁验证控件可以是人脸验证控件、指纹验证控件和密码验证控件中的至少一项。上述解锁验证信息可以是用户输入的人脸、指纹或密码信息。

示例性的，如图5所示，在上述解锁验证控件为人脸验证控件时，可在第一界面中进行文字提示，如，验证面部打开第一支付功能，上述第三输入为对所述人脸验证控件的点击输入，此时，调用系统的人脸识别功能，获取用户输入的人脸信息，在用户输入的人脸信息与预设人脸信息匹配的情况下，显示上述第一支付功能的界面。

如图6所示，在上述解锁验证控件为指纹验证控件时，可在第一界面中进行文字提示，如验证指纹打开第二支付功能，上述第三输入为对所述指纹验证控件的点击输入，此时，调用系统的指纹识别功能，对用户进行指纹识别，在用户输入的指纹与预设指纹匹配的情况下，显示上述第二支付功能的界面。

这里，考虑到安全性能，增加了解锁验证流程，在验证通过后直达对应功能，缩短了操作路径，提升了使用效率。

可选地，所述响应于所述第三输入，获取用户输入的解锁验证信息，包括：

响应于所述第三输入，显示所述电子设备的解锁界面，所述解锁界面包括虚拟输入键盘和所述第一界面的截图；

获取用户通过所述虚拟输入键盘输入的解锁验证信息。

例如，在所述解锁验证控件为密码验证控件时，上述第三输入为用户对该密码验证控件的点击输入，则如图7所示显示电子设备的解锁界面。或者，在第三输入为在所述第一界面预定位置的预定输入的情况下，显示电子设备的解锁界面，如，用户在第一界面的右侧上滑时，显示电子设备的解锁界面。

具体的，接收到第三输入后，对所述第一界面进行截图处理，并将第一界面的截图显示在解锁界面的预设位置，如图7所示，显示在虚拟输入键盘的上方。用户在虚拟输入键盘中输入锁屏密码进行解锁处理。这里，直接复用电子设备的解锁界面进行解锁，对输入错误等的提示均直接使用锁屏界面。

可选地，所述第一界面包括设置控件；所述支付方法，还包括：

接收对所述设置控件的第四输入，

响应于所述第四输入，显示所述第一界面的设置界面，所述设置界面包括显示选项和编辑选项中的至少一项；

其中，所述显示选项用于设置所述第一界面在锁屏状态和/或熄屏状态下的显示方式，所述编辑选项用于添加、删除和/或移动所述第一界面中的支付控件。

这里，上述第一界面的显示方式可以包括锁屏状态下的打开方式和熄屏状态下的打开方式，例如，如图8所示，锁屏左滑打开卡包(该卡包多个支付卡，如第一支付卡和第二支付卡，第一支付卡也可称为第一界面，第二支付卡也可称为第二界面)和熄屏左滑打开卡包。通过上述编辑选项可以对不同的卡片进行删除与添加，可长按拖动排序，调整卡片的优先级。如图9所示，也可通过上述编辑选项对于具体的卡片内的功能进行添加与删除，如增加或删除支付控件，可对卡片内的支付控件进行拖动排序，将最常使用的功能放置最优的位置。

通过上述设置控件对第一界面在锁屏状态和/或熄屏状态下的打开方式或第一界面中的支付控件进行编辑，使得第一界面能够满足用户的个性化需求。

可选地，显示第一界面之后，还包括：

接收对所述第一界面的第五输入；

响应所述第五输入，显示第二界面，所述第二界面包括至少一个支付控件，每个所述支付控件关联一个支付功能界面，且所述第一界面中的支付控件与所述第二界面中的支付控件不同。

该第五输入可以是滑动输入。根据上述描述可知，本申请实施例中可以包括多个卡片，第一界面为第一卡片，第二界面为第二卡片，两个卡片中的支付控件不同。在显示出第一界面之后，通过滑动输入可由第一界面切换至第二界面，使得用户能够很方便地在多个卡片之间进行切换。

本申请实施例中，可通过预设手势退出上述卡包功能，例如，在卡片外执行点击、滑动操作，或者，在卡片区域向右滑动退出卡片，或者，通过底部返回、home等方式退出。

本申请实施例的支付界面的显示方法，能够实现在电子设备的任意状态，尤其在熄屏、锁屏状态下，通过屏幕右侧向左滑动来呼出卡包，为用户提供全局的，便捷的触达各种支付场景及相关功能的方式，同时结合卡片的形态，增加使用的真实感，完全让用户自定义自己想要的功能与卡片。考虑到安全性，还增加了锁屏的解锁验证等流程，验证后直达对应功能，缩短了操作路径，提升使用效率。

需要说明的是，本申请实施例提供的支付界面的显示方法，执行主体可以为支付界面的显示装置，或者该支付界面的显示装置中用于执行支付界面的显示方法的控制模块。本申请实施例中以支付界面的显示装置执行支付界面的显示方法为例，说明本申请实施例提供的支付界面的显示装置。

如图10所示，本申请实施例提供了一种支付界面的显示装置1000，包括：

第一接收模块1001，用于接收第一输入；

第一响应模块1002，用于响应于所述第一输入，显示第一界面，所述第一界面包括至少一个支付控件，每个所述支付控件关联一个支付功能界面；

第二接收模块1003，用于接收针对目标支付控件的第二输入，所述目标支付控件为所述至少一个支付控件中的支付控件；

处理模块1004，用于响应于所述第二输入，显示目标支付控件关联的目标支付功能界面。

本申请实施例的支付界面的显示装置，所述处理模块用于用于在解锁验证信息与预设解锁验证信息匹配的情况下，响应于所述第二输入，显示目标支付控件关联的目标支付功能界面。

本申请实施例的支付界面的显示装置，还包括：

第三接收模块，用于在屏幕未解锁的情况下，接收对所述第一界面的第三输入，所述第三输入为对所述第一界面中解锁验证控件的输入，或者，所述第三输入为在所述第一界面预定位置的预定输入；

第二响应模块，用于响应于所述第三输入，获取解锁验证信息。

本申请实施例的支付界面的显示装置，所述第二响应模块包括：

响应子模块，用于响应于所述第三输入，显示所述电子设备的解锁界面，所述解锁界面包括虚拟输入键盘和所述第一界面的截图；

获取子模块，用于获取用户通过所述虚拟输入键盘输入的解锁验证信息。

本申请实施例的支付界面的显示装置，所述第一界面包括设置控件；还包括：

第四接收模块，用于接收对所述设置控件的第四输入；

第三响应模块，用于响应于所述第四输入，显示所述第一界面的设置界面，所述设置界面包括显示选项和编辑选项中的至少一项；

其中，所述显示选项用于设置所述第一界面在锁屏状态和/或熄屏状态下的显示方式，所述编辑选项用于添加、删除和/或移动所述第一界面中的支付控件。

本申请实施例的支付界面的显示装置，还包括：

第五接收模块，用于处理模块显示第一界面之后，接收对所述第一界面的第五输入；

第四响应模块，用于响应所述第五输入，显示第二界面，所述第二界面包括至少一个支付控件，每个所述支付控件关联一个支付功能界面，且所述第一界面中的支付控件与所述第二界面中的支付控件不同。

本申请实施例的支付界面的显示装置，将至少一个支付控件整合在第一界面中，在接收到第一输入后，快速显示上述第一界面，并根据第二输入和用于指示屏幕是否解锁的第一信息，能够直达用户需要的支付功能界面，操作简单，极大的节省了支付时间，提高了支付效率。

本申请实施例提供的支付界面的显示装置能够实现图1至图9的方法实施例实现的各个过程，为避免重复，这里不再赘述。

本申请实施例中的支付界面的显示装置可以是装置，也可以是终端中的部件、集成电路、或芯片。该装置可以是移动电子设备，也可以为非移动电子设备。示例性的，移动电子设备可以为手机、平板电脑、笔记本电脑、掌上电脑、车载电子设备、可穿戴设备、超级移动个人计算机(ultra-mobilepersonalcomputer，umpc)、上网本或者个人数字助理(personaldigitalassistant，pda)等，非移动电子设备可以为服务器、网络附属存储器(networkattachedstorage，nas)、个人计算机(personalcomputer，pc)、电视机(television，tv)、柜员机或者自助机等，本申请实施例不作具体限定。

本申请实施例中的支付界面的显示装置可以为具有操作系统的装置。该操作系统可以为安卓(android)操作系统，可以为ios操作系统，还可以为其他可能的操作系统，本申请实施例不作具体限定。

可选地，如图11所示，本申请实施例还提供一种电子设备1100，包括处理器1101，存储器1102，存储在存储器1102上并可在所述处理器1101上运行的程序或指令，该程序或指令被处理器1101执行时实现上述支付界面的显示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。

需要注意的是，本申请实施例中的电子设备包括上述所述的移动电子设备和非移动电子设备。

图12为实现本申请实施例的一种电子设备的硬件结构示意图。

该电子设备1200包括但不限于：射频单元1201、网络模块1202、音频输出单元1203、输入单元1204、传感器1205、显示单元1206、用户输入单元1207、接口单元1208、存储器1209、以及处理器1210等部件。

本领域技术人员可以理解，电子设备1200还可以包括给各个部件供电的电源(比如电池)，电源可以通过电源管理系统与处理器1210逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。图12中示出的电子设备结构并不构成对电子设备的限定，电子设备可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置，在此不再赘述。

用户输入单元1207，用于接收第一输入；显示单元1206，用于响应于所述第一输入，显示第一界面，所述第一界面包括至少一个支付控件，每个所述支付控件关联一个支付功能界面；用户输入单元1207，用于接收针对目标支付控件的第二输入，所述目标支付控件为所述至少一个支付控件中的支付控件；显示单元1206，用于响应于所述第二输入，显示目标支付控件关联的目标支付功能界面。

可选地，所述显示单元1206，用于在解锁验证信息与预设解锁验证信息匹配的情况下，响应于所述第二输入，显示目标支付控件关联的目标支付功能界面。

可选地，输入单元1204或用户输入单元1207，用于在屏幕未解锁的情况下，接收对所述第一界面的第三输入，所述第三输入为对所述第一界面中解锁验证控件的输入，或者，所述第三输入为在所述第一界面预定位置的预定输入；处理器1210用于响应于所述第三输入，获取解锁验证信息。

可选地，显示单元1206，用于响应于所述第三输入，显示所述电子设备的解锁界面，所述解锁界面包括虚拟输入键盘和所述第一界面的截图；获取用户通过所述虚拟输入键盘输入的解锁验证信息。

可选地，所述第一界面包括设置控件；用户输入单元1207，用于接收对所述设置控件的第四输入，显示单元1206用于响应于所述第四输入，显示所述第一界面的设置界面，所述设置界面包括显示选项和编辑选项中的至少一项；

其中，所述显示选项用于设置所述第一界面在锁屏状态和/或熄屏状态下的显示方式，所述编辑选项用于添加、删除和/或移动所述第一界面中的支付控件。

可选地，用户输入单元1207，用于接收对所述第一界面的第五输入；显示单元1206用于响应所述第五输入，显示第二界面，所述第二界面包括至少一个支付控件，每个所述支付控件关联一个支付功能界面，且所述第一界面中的支付控件与所述第二界面中的支付控件不同。

本申请实施例的电子设备，将至少一个支付控件整合在第一界面中，在接收到第一输入后，快速显示上述第一界面，并根据第二输入能够直达用户需要的支付功能界面，操作简单，极大的节省了支付时间，提高了支付效率。

应理解的是，本申请实施例中，输入单元1204可以包括图形处理器(graphicsprocessingunit，gpu)12041和麦克风12042，图形处理器12041对在视频捕获模式或图像捕获模式中由图像捕获装置(如摄像头)获得的静态图片或视频的图像数据进行处理。显示单元1206可包括显示面板12061，可以采用液晶显示器、有机发光二极管等形式来配置显示面板12061。用户输入单元1207包括触控面板12071以及其他输入设备12072。触控面板12071，也称为触摸屏。触控面板12071可包括触摸检测装置和触摸控制器两个部分。其他输入设备12072可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆，在此不再赘述。存储器1209可用于存储软件程序以及各种数据，包括但不限于应用程序和操作系统。处理器1210可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器1210中。

本申请实施例还提供一种可读存储介质，所述可读存储介质上存储有程序或指令，该程序或指令被处理器执行时实现上述支付界面的显示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。

其中，所述处理器为上述实施例中所述的电子设备中的处理器。所述可读存储介质，包括计算机可读存储介质，如计算机只读存储器(read-onlymemory，rom)、随机存取存储器(randomaccessmemory，ram)、磁碟或者光盘等。

本申请实施例另提供了一种芯片，所述芯片包括处理器和通信接口，所述通信接口和所述处理器耦合，所述处理器用于运行程序或指令，实现上述支付界面的显示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。

应理解，本申请实施例提到的芯片还可以称为系统级芯片、系统芯片、芯片系统或片上系统芯片等。

需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。此外，需要指出的是，本申请实施方式中的方法和装置的范围不限按示出或讨论的顺序来执行功能，还可包括根据所涉及的功能按基本同时的方式或按相反的顺序来执行功能，例如，可以按不同于所描述的次序来执行所描述的方法，并且还可以添加、省去、或组合各种步骤。另外，参照某些示例所描述的特征可在其他示例中被组合。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如rom/ram、磁碟、光盘)中，包括若干指令用以使得一台终端(可以是手机，计算机，服务器，或者网络设备等)执行本申请各个实施例所述的方法。

上面结合附图对本申请的实施例进行了描述，但是本申请并不局限于上述的具体实施方式，上述的具体实施方式仅仅是示意性的，而不是限制性的，本领域的普通技术人员在本申请的启示下，在不脱离本申请宗旨和权利要求所保护的范围情况下，还可做出很多形式，均属于本申请的保护之内。