界面的交互方法、装置、电子设备及存储介质与流程

本发明涉及界面交互，特别是涉及一种界面的交互方法、一种界面的交互装置、一种电子设备以及一种计算机可读存储介质。

背景技术：

1、随着互联网的发展，线上购物也在不断地普及，在相关的电商购物平台中，具备产品搜索与浏览、订单管理、物流追踪、购物车等常用功能。在线上购物的过程中，用户可以将感兴趣的产品加入到购物车中，方便批量结算和管理。以及，电商购物平台可以根据用户的喜好，推荐用户可能感兴趣的产品。其中，在线上购物的过程中，尤其是家电选购过程中，用户往往无法直观地查看家电与自身房屋装修风格之间的适配程度，导致用户需要花费较长的时间对产品进行选购，且选购的结果仍不一定满足用户的实际需求。

技术实现思路

1、本发明实施例是提供一种界面的交互方法、装置、电子设备以及计算机可读存储介质，以解决或部分解决线上购物过程中家电的选购效率低下的问题。

2、本发明实施例公开了一种界面的交互方法，包括：

3、响应于针对第一产品的详情页的产品提取指令，提取至少一个产品模型，并在用户终端的顶层显示图层中显示所述产品模型；

4、响应于针对第一产品模型的模型管理操作，显示针对所述第一产品模型的至少一种模型处理功能，所述模型处理功能包括场景匹配功能；

5、响应于针对所述场景匹配功能的选择操作，获取针对所述第一产品模型的目标使用场景，显示所述目标使用场景以及所述第一产品模型的产品详情参数，将所述第一产品模型与所述目标使用场景进行比对，并输出所述第一产品模型与所述目标使用场景之间的比对结果。

6、在一些可行的实施例中，所述显示所述目标使用场景以及所述第一产品模型的产品详情参数之后，所述方法还包括：

7、响应于针对所述第一产品模型的第一移动控制操作，和/或，针对所述目标使用场景的第二移动控制操作，显示所述第一产品模型与所述目标使用场景之间的位置关系。

8、在一些可行的实施例中，还包括：

9、若所述比对结果为不匹配，则显示目标使用场景匹配的至少一种第二产品；

10、响应于针对所述第二产品的选择操作，将所述第一产品模型切换为所述第二产品的第二产品模型，并显示所述目标使用场景以及所述第二产品模型的产品详情参数。

11、在一些可行的实施例中，所述场景匹配功能包括场景识别功能以及场景导入功能，所述响应于针对所述场景匹配功能的选择操作，获取针对所述第一产品模型的目标使用场景，包括：

12、响应于针对所述场景识别功能的选择操作，调用所述用户终端的图像采集传感器，并通过所述图像采集传感器对所述用户终端所处环境进行采集，获得针对所述第一产品模型的目标使用场景；

13、或，响应于针对所述场景导入功能的选择操作，获取目标场景图片，并导入与所述目标场景图片对应的目标使用场景。

14、在一些可行的实施例中，所述获取针对所述第一产品模型的目标使用场景之后，所述方法还包括：

15、显示针对所述目标使用场景的场景参数浮窗；

16、响应于针对所述场景参数浮窗的输入操作，获取与所述目标使用场景对应的场景参数。

17、在一些可行的实施例中，所述将所述第一产品模型与所述目标使用场景进行比对，并输出所述第一产品模型与所述目标使用场景之间的比对结果，包括：

18、获取所述第一产品模型的产品信息，以及所述目标使用场景的场景参数；

19、将所述产品信息与所述场景参数进行比对，并输出所述第一产品模型与所述目标使用场景之间的比对结果。

20、在一些可行的实施例中，所述产品信息至少包括使用面积范围，所述场景参数至少包括场景面积，所述将所述产品信息与所述场景参数进行比对，并输出所述第一产品模型与所述目标使用场景之间的比对结果，包括：

21、若所述场景面积落入所述使用面积范围，则输出所述第一产品模型与所述目标使用场景之间的匹配信息；

22、若所述场景面积未落入所述使用面积范围，则输出所述第一产品模型与所述目标使用场景之间的不匹配信息。

23、在一些可行的实施例中，所述产品信息至少包括产品风格，所述场景参数至少包括场景风格，所述将所述产品信息与所述场景参数进行比对，并输出所述第一产品模型与所述目标使用场景之间的比对结果，包括：

24、若所述产品风格与所述场景风格相同，则输出所述第一产品模型与所述目标使用场景之间的匹配信息；

25、若所述产品风格与所述场景风格不同，则输出所述第一产品模型与所述目标使用场景之间的不匹配信息。

26、在一些可行的实施例中，所述并在用户终端的顶层显示图层中显示所述产品模型之后，所述方法还包括：

27、若预设时长内未检测到针对所述产品模型的控制操作，则控制所述产品模型吸附至距离最近的目标侧，所述目标侧为图形用户界面的边缘。

28、在一些可行的实施例中，所述模型处理功能还包括信息显示功能，所述方法还包括：

29、响应于针对所述第一产品模型的信息显示功能，显示所述第一产品模型对应的主要产品信息，以及针对所述第一产品模型的查看控件；

30、响应于针对所述查看控件的选择操作，显示第一产品模型对应的详情页。

31、在一些可行的实施例中，所述模型处理功能还包括模型删除功能，所述方法还包括：

32、响应于针对所述模型删除功能的选择操作，对当前产品模型进行删除，或，对所有产品模型进行删除。

33、在一些可行的实施例中，还包括：

34、若存在至少两个所述产品模型，且检测到针对所述产品模型的模型切换指令，则将当前产品模型切换为上一个产品模型或下一个产品模型。

35、在一些可行的实施例中，还包括：

36、响应于针对所述产品模型的移动操作，根据所述移动操作控制所述产品模型在所述顶层显示图层中的显示位置；

37、或，响应于针对所述产品模型的缩放操作，根据所述缩放操作控制所述产品模型在所述顶层显示图层的显示比例；

38、或，响应于针对所述产品模型的旋转操作，根据所述旋转操作控制所述产品模型进行旋转。

39、本发明实施例还公开了一种界面的交互装置，包括：

40、模型提取模块，用于响应于针对第一产品的详情页的产品提取指令，提取至少一个产品模型，并在用户终端的顶层显示图层中显示所述产品模型；

41、功能显示模块，用于响应于针对第一产品模型的模型管理操作，显示针对所述第一产品模型的至少一种模型处理功能，所述模型处理功能包括场景匹配功能；

42、匹配模块，用于响应于针对所述场景匹配功能的选择操作，获取针对所述第一产品模型的目标使用场景，显示所述目标使用场景以及所述第一产品模型的产品详情参数，将所述第一产品模型与所述目标使用场景进行比对，并输出所述第一产品模型与所述目标使用场景之间的比对结果。

43、在一些可行的实施例中，所述装置还包括：

44、移动控制模块，用于响应于针对所述第一产品模型的第一移动控制操作，和/或，针对所述目标使用场景的第二移动控制操作，显示所述第一产品模型与所述目标使用场景之间的位置关系。

45、在一些可行的实施例中，还包括：

46、产品显示模块，用于若所述比对结果为不匹配，则显示目标使用场景匹配的至少一种第二产品；

47、第一模型切换模块，用于响应于针对所述第二产品的选择操作，将所述第一产品模型切换为所述第二产品的第二产品模型，并显示所述目标使用场景以及所述第二产品模型的产品详情参数。

48、在一些可行的实施例中，所述场景匹配功能包括场景识别功能以及场景导入功能，所述匹配模块具体用于：

49、响应于针对所述场景识别功能的选择操作，调用所述用户终端的图像采集传感器，并通过所述图像采集传感器对所述用户终端所处环境进行采集，获得针对所述第一产品模型的目标使用场景；

50、或，响应于针对所述场景导入功能的选择操作，获取目标场景图片，并导入与所述目标场景图片对应的目标使用场景。

51、在一些可行的实施例中，所述装置还包括：

52、参数浮窗显示模块，用于显示针对所述目标使用场景的场景参数浮窗；

53、场景参数获取模块，用于响应于针对所述场景参数浮窗的输入操作，获取与所述目标使用场景对应的场景参数。

54、在一些可行的实施例中，所述匹配模块具体用于：

55、获取所述第一产品模型的产品信息，以及所述目标使用场景的场景参数；

56、将所述产品信息与所述场景参数进行比对，并输出所述第一产品模型与所述目标使用场景之间的比对结果。

57、在一些可行的实施例中，所述产品信息至少包括使用面积范围，所述场景参数至少包括场景面积，所述匹配模块具体用于：

58、若所述场景面积落入所述使用面积范围，则输出所述第一产品模型与所述目标使用场景之间的匹配信息；

59、若所述场景面积未落入所述使用面积范围，则输出所述第一产品模型与所述目标使用场景之间的不匹配信息。

60、在一些可行的实施例中，所述产品信息至少包括产品风格，所述场景参数至少包括场景风格，所述匹配模块具体用于：

61、若所述产品风格与所述场景风格相同，则输出所述第一产品模型与所述目标使用场景之间的匹配信息；

62、若所述产品风格与所述场景风格不同，则输出所述第一产品模型与所述目标使用场景之间的不匹配信息。

63、在一些可行的实施例中，所述装置还包括：

64、模型处理模块，用于若预设时长内未检测到针对所述产品模型的控制操作，则控制所述产品模型吸附至距离最近的目标侧，所述目标侧为图形用户界面的边缘。

65、在一些可行的实施例中，所述模型处理功能还包括信息显示功能，所述装置还包括：

66、信息显示模块，用于响应于针对所述第一产品模型的信息显示功能，显示所述第一产品模型对应的主要产品信息，以及针对所述第一产品模型的查看控件；

67、详情页显示模块，用于响应于针对所述查看控件的选择操作，显示第一产品模型对应的详情页。

68、在一些可行的实施例中，所述模型处理功能还包括模型删除功能，所述装置还包括：

69、模型删除模块，用于响应于针对所述模型删除功能的选择操作，对当前产品模型进行删除，或，对所有产品模型进行删除。

70、在一些可行的实施例中，还包括：

71、第二模型切换模块，用于若存在至少两个所述产品模型，且检测到针对所述产品模型的模型切换指令，则将当前产品模型切换为上一个产品模型或下一个产品模型。

72、在一些可行的实施例中，还包括：

73、移动模块，用于响应于针对所述产品模型的移动操作，根据所述移动操作控制所述产品模型在所述顶层显示图层中的显示位置；

74、缩放模块，用于响应于针对所述产品模型的缩放操作，根据所述缩放操作控制所述产品模型在所述顶层显示图层的显示比例；

75、旋转模块，用于响应于针对所述产品模型的旋转操作，根据所述旋转操作控制所述产品模型进行旋转。

76、本发明实施例还公开了一种电子设备，包括处理器、通信接口、存储器和通信总线，其中，所述处理器、所述通信接口以及所述存储器通过所述通信总线完成相互间的通信；

77、所述存储器，用于存放计算机程序；

78、所述处理器，用于执行存储器上所存放的程序时，实现如本发明实施例所述的方法。

79、本发明实施例还公开了一种计算机可读存储介质，其上存储有指令，当由一个或多个处理器执行时，使得所述处理器执行如本发明实施例所述的方法。

80、本发明实施例包括以下优点：

81、在本发明实施例中，在线上购物的过程中，用户终端可以响应于针对第一产品的详情页的产品提取指令，提取至少一个产品模型，并在用户终端的顶层显示图层中显示产品模型，接着响应于针对第一产品模型的模型管理操作，显示针对第一产品模型的至少一种模型处理功能，模型处理功能包括场景匹配功能，然后可以响应于针对场景匹配功能的选择操作，获取针对第一产品模型的目标使用场景，显示目标使用场景以及第一产品模型的产品详情参数，将第一产品模型与目标使用场景进行比对，并输出第一产品模型与目标使用场景之间的比对结果，从而用户可以在详情页中提取出相应的产品模型，并通过产品模型进行顶层显示图形的显示以及产品模型所对应的场景匹配功能，将产品模型与目标使用场景进行比对，得到相应的比对结果，实现一边浏览产品的详情信息，一边进行使用场景的匹配，直观地感受产品与使用场景之间的匹配程度，提高线上购物的灵活性以及效率。