基于图片的互动方法、装置、电子设备及存储介质与流程

1.本公开涉及计算机技术领域，特别涉及一种基于图片的互动方法、装置、电子设备及存储介质。

背景技术：

2.随着计算机技术的发展，人们可以通过手机等终端查看其他人分享的多媒体资源，如文章、图片以及视频等。以在界面中显示大于界面大小的长图为例，对象a可以通过在界面中输入滑动操作，来浏览对象b发布的长图。当对象a浏览至该长图的末尾时，终端在界面中显示该长图的描述信息和互动控件，该互动控件用于在触发后与对象b进行互动。上述界面显示方式会导致对象a在将长图浏览完时才能对象b进行互动，互动效率低下。

技术实现要素：

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.图1是根据一示例性实施例示出的一种基于图片的互动方法的实施环境示意图。
40.图2是根据一示例性实施例示出的一种基于图片的互动方法的流程图。
41.图3是根据一示例性实施例示出的另一种基于图片的互动方法的流程图。
42.图4是根据一示例性实施例提供的一种详情界面的示意图。
43.图5是根据一示例性实施例提供的另一种详情界面的示意图。
44.图6是根据一示例性实施例提供的一种关注控件的示意图。
45.图7是根据一示例性实施例示出的一种基于图片的互动装置的框图。
46.图8是根据一示例性实施例示出的一种终端的框图。
47.图9是根据一示例性实施例示出的一种服务器的框图。
具体实施方式
48.为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。
49.需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子
50.需要说明的是，本公开所涉及的信息(包括但不限于用户设备信息、用户个人信息等)、数据(包括但不限于用于分析的数据、存储的数据、展示的数据等)以及信号，均为经用户授权或者经过各方充分授权的，且相关数据的收集、使用和处理需要遵守相关国家和地区的相关法律法规和标准。例如，本公开中涉及到的图片都是在充分授权的情况下获取的。
51.在本公开实施例中，电子设备可以被提供为终端或者服务器，当电子设备被提供为终端时，可以由该终端实现本公开提供的方案；当被提供为服务器时，可以由该服务器实现本公开提供的方案；也可以由该服务器和终端交互来实现本公开提供的方案，本公开实施例对此不进行限制。
52.图1是根据一示例性实施例示出的一种基于图片的互动方法的实施环境示意图。以电子设备被提供为服务器为例，参见图1，该实施环境具体包括：终端101和服务器102。
53.终端101可以为智能手机、智能手表、台式电脑、手提电脑、mp3(moving picture experts group audio layer iii，动态影像专家压缩标准音频层面3)播放器、mp4(moving picture experts group audio layer iv，动态影像专家压缩标准音频层面4)播放器和膝上型便携计算机等设备中的至少一种。终端101上可以安装并运行有应用程序，用户可以通过终端101登录该应用程序来获取该应用程序提供的服务。终端101可以通过无线网络或有线网络与服务器102相连。
54.终端101可以泛指多个终端中的一个，本实施例仅以终端101来举例说明。本领域技术人员可以知晓，上述终端的数量可以更多或更少。比如上述终端可以仅为几个，或者上述终端为几十个或几百个，或者更多数量，本公开实施例对终端的数量和设备类型均不加以限定。
55.服务器102可以为一台服务器、多台服务器、云计算平台和虚拟化中心中的至少一种。服务器102可以通过无线网络或有线网络与终端101和其他终端相连。可选地，上述服务器的数量可以更多或更少，本公开实施例对此不加以限定。当然，服务器102还可以包括其他功能服务器，以便提供更全面且多样化的服务。
56.图2是根据一示例性实施例示出的一种基于图片的互动方法的流程图，参见图2，以由终端执行为例进行说明，该方法包括：
57.在步骤s201中，终端显示图片显示界面，图片显示界面显示有多个图片的缩略图。
58.在本公开实施例中，该终端为第一对象的终端，该终端安装和运行有支持查看第二对象发布的图片的应用程序。其中，该第二对象为第一对象以外的对象，该应用程序还能够用于查看对象发布的视频或者文章。该应用程序包括图片显示界面，该图片显示界面能够显示图片的缩略图，以便于第一对象查看图片。可选地，该多个图片可以由相同的第二对象发布，也可以由不同的第二对象发布，本公开实施例对此不进行限制。
59.需要说明的是，由于第一对象为查看图片的对象，因此该第一对象也可以称为浏览对象。由于第二对象为发布图片的对象，因此该第二对象也可以称为发布对象。
60.在步骤s202中，响应于对目标图片的缩略图的触发操作，终端将图片显示界面切换为目标图片的详情界面，在详情界面中显示图片显示区域和控件区域，目标图片的尺寸大于图片显示区域的尺寸，图片显示区域显示有目标图片的部分区域中的图片内容，控件区域显示有至少一个互动控件。
61.在本公开实施例中，浏览对象可以触发任一图片的缩略图来查看该图片。终端在检测到对目标图片的缩略图的触发操作之后，能够显示该目标图片的详情界面。由于目标图片的尺寸大于详情界面中图片显示区域的尺寸，因此该图片显示区域显示该目标图片的部分区域的图片内容，通过滑动该目标图片可以查看该目标图片其他区域的图片内容。详情界面中的控件区域显示有一个或者多个互动控件。互动控件用于在触发后执行浏览对象与该目标图片的发布对象之间的互动行为。
62.在步骤s203中，响应于对至少一个互动控件中目标互动控件的触发操作，终端执行与目标图片的发布对象之间的目标互动行为，目标互动行为与目标互动控件对应。
63.在本公开实施例中，浏览对象通过触发互动控件可以与该目标图片的发布对象进行互动。终端在检测到对目标互动控件的触发操作后，可以确定该目标互动控件对应的目标互动行为，进而执行与发布对象之间的目标互动行为。可选地，该目标互动行为为关注行
为、点赞行为以及资源转移行为等，本公开实施例对此不进行限制。
64.本公开实施例提供了一种基于图片的互动方法，通过在目标图片的详情界面中显示该目标图片的部分区域的同时显示控件区域，使得查看该目标图片的浏览对象能够随时通过控件区域中的控件与该目标图片的发布对象进行互动，提高了互动效率。
65.在一些实施例中，在详情界面中显示图片显示区域和控件区域，包括：
66.在详情界面中显示图片显示区域；
67.基于在图片显示区域上的滑动操作，更新图片显示区域中显示的图片内容；
68.在图片显示区域中显示的图片内容与图片主题相关的情况下，在详情界面中显示控件区域。
69.本公开实施例，通过在图片显示区域中当前显示的图片内容与图片主题相关的情况下，再显示控件区域，使得浏览对象在浏览与图片主题相关性低或者不相关的图片内容时，可以粗略浏览，而在浏览与图片主题相关性较高的图片内容时，可以仔细浏览并通过触发控件区域中的控件来与目标图片的发布对象进行互动，从而更符合浏览对象的浏览习惯，提高了浏览图片和对象之间交互的效率。
70.在一些实施例中，在详情界面中显示图片显示区域和控件区域，包括：
71.在详情界面中显示图片显示区域；
72.基于在图片显示区域上的滑动操作，更新图片显示区域中显示的图片内容；
73.在图片显示区域中显示的图片内容与查看目标图片的浏览对象的兴趣相关的情况下，在详情界面中显示控件区域。
74.本公开实施例，通过在图片显示区域中当前显示的图片内容是浏览对象感兴趣的内容的情况下，再显示控件区域，使得浏览对象在浏览到感兴趣的内容时，可以通过触发控件区域中的控件来与目标图片的发布对象进行互动，提高了对象之间的交互效率。
75.在一些实施例中，在详情界面中显示图片显示区域和控件区域，包括：
76.在详情界面中显示图片显示区域；
77.响应于查看目标图片的浏览对象属于目标对象类型，在详情界面中显示控件区域。
78.本公开实施例，通过按照浏览对象所属的对象类型来显示控件区域，使得控件区域的显示方式符合浏览对象的使用习惯。
79.在一些实施例中，控件区域显示有多个互动控件；
80.在详情界面中显示图片显示区域和控件区域，包括：
81.在详情界面中显示图片显示区域；
82.在详情界面中，基于多个互动行为的行为优先级，在控件区域中显示多个互动控件，互动控件在控件区域中的显示位置与互动控件的互动行为的行为优先级相关。
83.本公开实施例，通过基于互动控件的互动行为的行为优先级，来确定互动控件在控件区域中的位置，使得行为优先级高的互动行为更容易被触发，提高了对象之间的互动效率。
84.在一些实施例中，控件区域的位置为下述任一项：
85.控件区域显示于详情界面的顶部；
86.控件区域显示于详情界面的底部；
87.控件区域显示于详情界面的左侧；
88.控件区域显示于详情界面的右侧。
89.本公开实施例，不限制控件区域的显示位置，使得无论控件区域显示在详情界面中的哪个位置，均可以使浏览对象与发布对象进行交互。
90.在一些实施例中，方法还包括：
91.响应于区域隐藏操作，在详情界面中隐藏控件区域。
92.本公开实施例，通过提供区域隐藏功能，使得浏览对象在不需要控件区域时可以隐藏该控件区域，使得图片显示区域能够显示更多的图片内容，提高了图片的查看效率。
93.在一些实施例中，区域隐藏操作包括下述任一项：
94.对区域隐藏控件的触发操作；
95.第一滑动操作，第一滑动操作用于滑动目标图片，第一滑动操作的滑动距离不小于第一距离；
96.第二滑动操作，第二滑动操作用于滑动控件区域，滑动操作的滑动距离不小于第二距离；
97.第三滑动操作，第三滑动操作用于在详情界面中输入第一滑动轨迹。
98.本公开实施例，通过提供多种区域隐藏操作，增加了隐藏控件区域的方式，提高了人机交互效率。
99.在一些实施例中，方法还包括：
100.响应于检测到组合按键的触发操作，确定第一互动行为，第一互动行为为组合按键所指示的互动行为；
101.执行与发布对象之间的第一互动行为。
102.本公开实施例，通过触发组合按键来与发布对象进行交互，增加了对象之间进行交互的方式，提高了交互效率。
103.在一些实施例中，方法还包括：
104.在详情界面中检测到第二滑动轨迹的情况下，确定第二互动行为，第二互动行为为第二滑动轨迹所指示的互动行为；
105.执行与发布对象之间的第二互动行为。
106.本公开实施例，通过在详情界面上滑动一定的轨迹来与发布对象进行交互，增加了对象之间进行交互的方式，提高了交互效率。
107.上述图2所示为本公开的基本流程，下面基于一种具体实现方式，来对本公开提供的方案进行进一步阐述，图3是根据一示例性实施例示出的另一种基于图片的互动方法的流程图。以电子设备被提供为终端为例，参见图3，该方法包括：
108.在步骤s301中，终端显示图片显示界面，图片显示界面显示有多个图片的缩略图。
109.本步骤参见上述步骤s201，在此不再赘述。
110.在步骤s302中，响应于对目标图片的缩略图的触发操作，终端将图片显示界面切换为目标图片的详情界面，在详情界面中显示图片显示区域，目标图片的尺寸大于图片显示区域的尺寸，图片显示区域显示有目标图片的部分区域中的图片内容。
111.在本公开实施例中，浏览对象可以通过点击缩略图、长按缩略图或者触发缩略图上的查看控件等方式，来触发目标图片的缩略图。该目标图片可以为长图，长图是指尺寸大
于图片显示区域的尺寸的图片，即图片显示区域无法完全展示该目标图片，只能展示该目标图片的部分区域的图片内容。浏览对象可以通过滑动该目标图片，来查看该目标图片的不同区域。可选地，终端可以采用多种切换方式来进行界面切换，如淡入淡出、飞入以及百叶窗等，本公开实施对界面的切换方式不进行限定。
112.在步骤s303中，终端在详情界面中显示控件区域，控件区域显示有至少一个互动控件。
113.在本公开实施例中，终端可以在详情界面中显示上述图片显示区域的同时显示控件区域，也可以在满足控件区域的显示条件之后再显示该控件区域。可选地，该控件区域的显示条件，可以与目标图片的图片主题、浏览对象的兴趣或者浏览对象的对象类型中的至少一个相关，参见下述三种情况。
114.情况一，控件区域的显示条件为图片显示区域显示的图片内容与图片主题相关。相应的，终端在详情界面中显示图片显示区域之后，基于在图片显示区域上的滑动操作，更新图片显示区域中显示的图片内容。终端确认该图片内容与图片主题是否相关。在图片显示区域中显示的图片内容与图片主题相关的情况下，终端在详情界面中显示控件区域。通过在图片显示区域中当前显示的图片内容与图片主题相关的情况下，再显示控件区域，使得浏览对象在浏览与图片主题相关性低或者不相关的图片内容时，可以粗略浏览，而在浏览与图片主题相关性较高的图片内容时，可以仔细浏览并通过触发控件区域中的控件来与目标图片的发布对象进行互动，从而更符合浏览对象的浏览习惯，提高了浏览图片和对象之间交互的效率。其中，相关性较低或者不相关的部分可以是人物图片中的背景区域，风景图片中的空白区域或者建筑图片中的天空区域等。
115.例如，图4是根据一示例性实施例提供的一种详情界面的示意图，参见图4所示，目标图片为建筑图片，主题为建筑。该目标图片的上边三分之一的部分为天空，下边三分之二的部分为该建筑的主体。如图4中的(a)所示，终端初始在详情界面中的图片显示区域显示目标图片的上三分之一的区域中的图片内容，即天空。浏览对象通过向上滑动该目标图片时，终端更新图片显示区域中显示的图片内容，参见图4中的(b)所示。当图片显示区域中的图片内容大部分都是建筑时，终端确定与图片主题相关，终端在该详情界面中显示控件区域，参见图4中的(c)所示，该控件区域中显示有控件1、控件2以及控件3。
116.情况二，控件区域的显示条件为图片显示区域显示的图片内容与浏览对象兴趣相关。相应的，终端在详情界面中显示图片显示区域之后，基于在图片显示区域上的滑动操作，更新图片显示区域中显示的图片内容。终端获取图片内容的内容标签，若该内容标签与浏览对象的兴趣标签相同，则终端确认图片显示区域中显示的图片内容与查看目标图片的浏览对象的兴趣相关，在这种情况下，终端在详情界面中显示控件区域。通过在图片显示区域中当前显示的图片内容是浏览对象感兴趣的内容的情况下，再显示控件区域，使得浏览对象在浏览到感兴趣的内容时，可以通过触发控件区域中的控件来与目标图片的发布对象进行互动，提高了对象之间的交互效率。
117.情况三，控件区域的显示条件为浏览对象的对象类型为目标对象类型。该对象类型可以按照浏览对象的属性进行划分，如按照年龄段进行划分，或者按照浏览对象的浏览习惯进行划分，本公开实施例对此不进行限制。相应的，终端在详情界面中显示图片显示区域之后，确定浏览对象的对象类型，响应于查看目标图片的浏览对象属于目标对象类型，终
端在详情界面中显示控件区域。通过按照浏览对象所属的对象类型来显示控件区域，使得控件区域的显示方式符合浏览对象的使用习惯。如年龄较大的浏览对象相对于年龄较小的浏览对象的学习能力较差，若不直接显示控件区域，会使得年龄较大的浏览对象无法成功的唤出控件区域，导致无法与目标图片的发布对象进行交互。而年龄较小的浏览对象可以在需要的时候再唤出控件区域，从而可以更沉浸的浏览图片，提高图片的浏览效率。
118.在一些实施例中，控件区域可以显示在详情页面中任一不影响浏览对象进行浏览的位置。可选地，控件区域显示于详情界面的顶部；或者，控件区域显示于详情界面的底部；或者，控件区域显示于详情界面的左侧；或者，控件区域显示于详情界面的右侧等。本公开实施例对控件区域显示的位置不进行限定。
119.在一些实施例中，控件区域可以以任意形式进行显示，如窗口、浮层或者等。以控件区域为为例，该可以显示在详情界面的右下角。该有展开和收起两种状态，处于展开状态时，展开的上显示有多个互动控件，处于收起状态时，显示一个展开控件，展开控件用于在触发后展开。
120.在一些实施例中，控件区域可以隐藏，在详情界面显示有控件区域的情况下，响应于区域隐藏操作，终端在详情界面中隐藏控件区域。通过隐藏该控件区域，使得图片显示区域能够显示更多的图片内容，提高了图片的查看效率。可选地，区域隐藏操作包括：对区域隐藏控件的触发操作；或者，第一滑动操作，第一滑动操作用于滑动目标图片，第一滑动操作的滑动距离不小于第一距离；或者，第二滑动操作，第二滑动操作用于滑动控件区域，滑动操作的滑动距离不小于第二距离；或者，第三滑动操作，第三滑动操作用于在详情界面中输入第一滑动轨迹。可选地，该区域隐藏操作还可以是图片放大操作或者图片缩小操作，本公开实施例对此不进行限制。
121.其中，该区域隐藏控件可以显示在控件区域中，如一个向右的箭头，也可以显示在控件区域外，如一个眼睛控件。第一滑动操作可以是向任一方向滑动目标图片。第二滑动操作可以是从左到右滑动控件区域，也可以是从右到左滑动控件区域，还可以从上到下或者从左到右滑动控件区域，本公开实施例对此不进行限制。第三滑动操作可以是输入任一预设的轨迹，如c形轨迹、s形轨迹、w形轨迹或者用户自定义的轨迹，本公开实施例对此不进行限制。
122.需要说明的是，在控件区域处于隐藏状态的情况下，响应于区域显示操作，终端可以在详情界面中重新显示控件区域。该区域显示操作可以为对区域显示控件的触发操作，第四滑动操作，第四滑动操作用于在详情界面中输入第三滑动轨迹。
123.在一些实施例中，控件区域显示有多个互动控件，该多个互动控件在控件区域中的显示位置，按照对应的互动行为的行为优先级确定。相应的，终端在详情界面中显示图片显示区域，然后在详情界面中，基于多个互动行为的行为优先级，在控件区域中显示多个互动控件，互动控件在控件区域中的显示位置与互动控件的互动行为的行为优先级相关。通过基于互动控件的互动行为的行为优先级，来确定互动控件在控件区域中的位置，使得行为优先级高的互动行为更容易被触发，提高了对象之间的互动效率。
124.例如，图5是根据一示例性实施例提供的另一种详情界面的示意图。参见图5所示，控件区域中显示有四个互动控件：评论控件501、关注控件502、收藏控件503以及分享控件504。评论控件501对应的评论行为的行为优先级为2，关注控件502对应的关注行为的行为
优先级为1，收藏控件503对应的收藏行为的行为优先级为2，分享控件504对应的分享行为的行为优先级为3。其中，行为优先级为1为最高优先级。图5中的(a)示例性的示出了按照行为优先级从左到右显示互动控件的场景。图5中的(b)示例性的示出了按照行为优先级从中间到两边显示互动控件的场景。可选的，上述控件可以有多种显示形式。如图6是根据一示例性实施例提供的一种关注控件的示意图，关注控件可以显示发布对象的头像和名称，参见图6中的(a)所示，还可以显示发布对象的头像和加号，参见图6中的(b)所示，本公开实施例对此不进行限制。
125.在步骤s304中，响应于对至少一个互动控件中目标互动控件的触发操作，终端执行与目标图片的发布对象之间的目标互动行为，目标互动行为与目标互动控件对应。
126.在本公开实施例中，浏览对象可以通过触发控件区域中的任一互动控件来与目标图片的发布对象进行互动。该目标互动控件为控件区域中的任一互动控件，终端在检测到对目标互动控件的触发操作时，确定该目标互动控件对应的目标互动行为，然后终端执行浏览对象与发布对象之间的目标互动行为，如关注、点赞、收藏或者分享等。
127.在一些实施例中，浏览对象除了可以通过触发互动控件来与发布对象进行交互，还能够通过以下两种方式与发布对象进行交互。
128.方式一，浏览对象通过触发组合按键来与发布对象进行交互。相应的，响应于检测到组合按键的触发操作，终端确定第一互动行为，该第一互动行为为组合按键所指示的互动行为。然后，终端执行与发布对象之间的第一互动行为。通过触发组合按键来与发布对象进行交互，增加了对象之间进行交互的方式，提高了交互效率。
129.方式二，浏览对象通过在详情界面滑动来与发布对象进行交互。相应的，在详情界面中检测到第二滑动轨迹的情况下，终端确定第二互动行为，该第二互动行为为第二滑动轨迹所指示的互动行为。然后，终端执行与发布对象之间的第二互动行为。其中，该第二滑动轨迹可以为c形轨迹、s形轨迹、w形轨迹或者用户自定义的轨迹，本公开实施例对此不进行限制。通过在详情界面上滑动一定的轨迹来与发布对象进行交互，增加了对象之间进行交互的方式，提高了交互效率。
130.本公开实施例提供了一种基于图片的互动方法，通过在目标图片的详情界面中显示该目标图片的部分区域的同时显示控件区域，使得查看该目标图片的浏览对象能够随时通过控件区域中的控件与该目标图片的发布对象进行互动，提高了互动效率。
131.上述所有可选技术方案，可以采用任意结合形成本公开的可选实施例，在此不再一一赘述。
132.图7是根据一示例性实施例示出的一种基于图片的互动装置的框图。参照图7，该装置包括：显示单元701和行为执行单元702。
133.显示单元701，被配置为显示图片显示界面，图片显示界面显示有多个图片的缩略图；
134.显示单元701，还被配置为响应于对目标图片的缩略图的触发操作，将图片显示界面切换为目标图片的详情界面，在详情界面中显示图片显示区域和控件区域，目标图片的尺寸大于图片显示区域的尺寸，图片显示区域显示有目标图片的部分区域中的图片内容，控件区域显示有至少一个互动控件；
135.行为执行单元702，被配置为响应于对至少一个互动控件中目标互动控件的触发
操作，执行与目标图片的发布对象之间的目标互动行为，目标互动行为与目标互动控件对应。
136.在一些实施例中，显示单元701，还被配置为在详情界面中显示图片显示区域；基于在图片显示区域上的滑动操作，更新图片显示区域中显示的图片内容；在图片显示区域中显示的图片内容与图片主题相关的情况下，在详情界面中显示控件区域。
137.在一些实施例中，显示单元701，还被配置为在详情界面中显示图片显示区域；基于在图片显示区域上的滑动操作，更新图片显示区域中显示的图片内容；在图片显示区域中显示的图片内容与查看目标图片的浏览对象的兴趣相关的情况下，在详情界面中显示控件区域。
138.在一些实施例中，显示单元701，还被配置为在详情界面中显示图片显示区域；响应于查看目标图片的浏览对象属于目标对象类型，在详情界面中显示控件区域。
139.在一些实施例中，控件区域显示有多个互动控件；
140.显示单元701，还被配置为在详情界面中显示图片显示区域；在详情界面中，基于多个互动行为的行为优先级，在控件区域中显示多个互动控件，互动控件在控件区域中的显示位置与互动控件的互动行为的行为优先级相关。
141.在一些实施例中，控件区域的位置为下述任一项：
142.控件区域显示于详情界面的顶部；
143.控件区域显示于详情界面的底部；
144.控件区域显示于详情界面的左侧；
145.控件区域显示于详情界面的右侧。
146.在一些实施例中，显示单元701，还被配置为响应于区域隐藏操作，在详情界面中隐藏控件区域。
147.在一些实施例中，区域隐藏操作包括下述任一项：
148.对区域隐藏控件的触发操作；
149.第一滑动操作，第一滑动操作用于滑动目标图片，第一滑动操作的滑动距离不小于第一距离；
150.第二滑动操作，第二滑动操作用于滑动控件区域，滑动操作的滑动距离不小于第二距离；
151.第三滑动操作，第三滑动操作用于在详情界面中输入第一滑动轨迹。
152.在一些实施例中，行为执行单元702，还被配置为响应于检测到组合按键的触发操作，确定第一互动行为，第一互动行为为组合按键所指示的互动行为；执行与发布对象之间的第一互动行为。
153.在一些实施例中，行为执行单元702，还被配置为在详情界面中检测到第二滑动轨迹的情况下，确定第二互动行为，第二互动行为为第二滑动轨迹所指示的互动行为；执行与发布对象之间的第二互动行为。
154.本公开实施例提供了一种基于图片的互动装置，通过在目标图片的详情界面中显示该目标图片的部分区域的同时显示控件区域，使得查看该目标图片的浏览对象能够随时通过控件区域中的控件与该目标图片的发布对象进行互动，提高了互动效率。
155.需要说明的是，上述实施例提供的基于图片的互动装置在进行互动时，仅以上述
各功能单元的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能单元完成，即将电子设备的内部结构划分成不同的功能单元，以完成以上描述的全部或者部分功能。另外，上述实施例提供的基于图片的互动装置与基于图片的互动方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。
156.关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。
157.电子设备被提供为终端时，图8是根据一示例性实施例示出的一种终端800的框图。该终端图8示出了本公开一个示例性实施例提供的终端800的结构框图。该终端800可以是：智能手机、平板电脑、mp3播放器、mp4播放器、笔记本电脑或台式电脑。终端800还可能被称为用户设备、便携式终端、膝上型终端、台式终端等其他名称。
158.通常，终端800包括有：处理器801和存储器802。
159.处理器801可以包括一个或多个处理核心，比如4核心处理器、8核心处理器等。处理器801可以采用dsp(digital signal processing，数字信号处理)、fpga(field－programmable gate array，现场可编程门阵列)、pla(programmable logic array，可编程逻辑阵列)中的至少一种硬件形式来实现。处理器801也可以包括主处理器和协处理器，主处理器是用于对在唤醒状态下的数据进行处理的处理器，也称cpu(central processing unit，中央处理器)；协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中，处理器801可以在集成有gpu(graphics processing unit，图像处理器)，gpu用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中，处理器801还可以包括ai(artificial intelligence，人工智能)处理器，该ai处理器用于处理有关机器学习的计算操作。
160.存储器802可以包括一个或多个计算机可读存储介质，该计算机可读存储介质可以是非暂态的。存储器802还可包括高速随机存取存储器，以及非易失性存储器，比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中，存储器802中的非暂态的计算机可读存储介质用于存储至少一个程序代码，该至少一个程序代码用于被处理器801所执行以实现本公开中方法实施例提供的基于图片的互动方法。
161.在一些实施例中，终端800还可选包括有：外围设备接口803和至少一个外围设备。处理器801、存储器802和外围设备接口803之间可以通过总线或信号线相连。各个外围设备可以通过总线、信号线或电路板与外围设备接口803相连。具体地，外围设备包括：射频电路804、显示屏805、摄像头组件806、音频电路807、定位组件808和电源809中的至少一种。
162.外围设备接口803可被用于将i/o(input/output，输入/输出)相关的至少一个外围设备连接到处理器801和存储器802。在一些实施例中，处理器801、存储器802和外围设备接口803被集成在同一芯片或电路板上；在一些其他实施例中，处理器801、存储器802和外围设备接口803中的任意一个或两个可以在单独的芯片或电路板上实现，本实施例对此不加以限定。
163.射频电路804用于接收和发射rf(radio frequency，射频)信号，也称电磁信号。射频电路804通过电磁信号与通信网络以及其他通信设备进行通信。射频电路804将电信号转换为电磁信号进行发送，或者，将接收到的电磁信号转换为电信号。可选地，射频电路804包括：天线系统、rf收发器、一个或多个放大器、调谐器、振荡器、数字信号处理器、编解码芯片
组、用户身份模块卡等等。射频电路804可以通过至少一种无线通信协议来与其它终端进行通信。该无线通信协议包括但不限于：城域网、各代移动通信网络(2g、3g、4g及5g)、无线局域网和/或wifi(wireless fidelity，无线保真)网络。在一些实施例中，射频电路804还可以包括nfc(near field communication，近距离无线通信)有关的电路，本公开对此不加以限定。
164.显示屏805用于显示ui(user interface，用户界面)。该ui可以包括图形、文本、图标、视频及其它们的任意组合。当显示屏805是触摸显示屏时，显示屏805还具有采集在显示屏805的表面或表面上方的触摸信号的能力。该触摸信号可以作为控制信号输入至处理器801进行处理。此时，显示屏805还可以用于提供虚拟按钮和/或虚拟键盘，也称软按钮和/或软键盘。在一些实施例中，显示屏805可以为一个，设置终端800的前面板；在另一些实施例中，显示屏805可以为至少两个，分别设置在终端800的不同表面或呈折叠设计；在再一些实施例中，显示屏805可以是柔性显示屏，设置在终端800的弯曲表面上或折叠面上。甚至，显示屏805还可以设置成非矩形的不规则图形，也即异形屏。显示屏805可以采用lcd(liquid crystal display，液晶显示屏)、oled(organic light-emitting diode,有机发光二极管)等材质制备。
165.摄像头组件806用于采集图像或视频。可选地，摄像头组件806包括前置摄像头和后置摄像头。通常，前置摄像头设置在终端的前面板，后置摄像头设置在终端的背面。在一些实施例中，后置摄像头为至少两个，分别为主摄像头、景深摄像头、广角摄像头、长焦摄像头中的任意一种，以实现主摄像头和景深摄像头融合实现背景虚化功能、主摄像头和广角摄像头融合实现全景拍摄以及vr(virtual reality，虚拟现实)拍摄功能或者其它融合拍摄功能。在一些实施例中，摄像头组件806还可以包括闪光灯。闪光灯可以是单温闪光灯，也可以是双温闪光灯。双温闪光灯是指暖光闪光灯和冷光闪光灯的组合，可以用于不同温下的光线补偿。
166.音频电路807可以包括麦克风和扬声器。麦克风用于采集用户及环境的声波，并将声波转换为电信号输入至处理器801进行处理，或者输入至射频电路804以实现语音通信。出于立体声采集或降噪的目的，麦克风可以为多个，分别设置在终端800的不同部位。麦克风还可以是阵列麦克风或全向采集型麦克风。扬声器则用于将来自处理器801或射频电路804的电信号转换为声波。扬声器可以是传统的薄膜扬声器，也可以是压电陶瓷扬声器。当扬声器是压电陶瓷扬声器时，不仅可以将电信号转换为人类可听见的声波，也可以将电信号转换为人类听不见的声波以进行测距等用途。在一些实施例中，音频电路807还可以包括耳机插孔。
167.定位组件808用于定位终端800的当前地理位置，以实现导航或lbs(location based service，基于位置的服务)。定位组件808可以是基于美国的gps(global positioning system，全球定位系统)、中国的北斗系统、俄罗斯的格雷纳斯系统或欧盟的伽利略系统的定位组件。
168.电源809用于为终端800中的各个组件进行供电。电源809可以是交流电、直流电、一次性电池或可充电电池。当电源809包括可充电电池时，该可充电电池可以支持有线充电或无线充电。该可充电电池还可以用于支持快充技术。
169.在一些实施例中，终端800还包括有一个或多个传感器810。该一个或多个传感器
810包括但不限于：加速度传感器811、陀螺仪传感器812、压力传感器813、指纹传感器814、光学传感器815以及接近传感器816。
170.加速度传感器811可以检测以终端800建立的坐标系的三个坐标轴上的加速度大小。比如，加速度传感器811可以用于检测重力加速度在三个坐标轴上的分量。处理器801可以根据加速度传感器811采集的重力加速度信号，控制显示屏805以横向视图或纵向视图进行用户界面的显示。加速度传感器811还可以用于游戏或者用户的运动数据的采集。
171.陀螺仪传感器812可以检测终端800的机体方向及转动角度，陀螺仪传感器812可以与加速度传感器811协同采集用户对终端800的3d动作。处理器801根据陀螺仪传感器812采集的数据，可以实现如下功能：动作感应(比如根据用户的倾斜操作来改变ui)、拍摄时的图像稳定、游戏控制以及惯性导航。
172.压力传感器813可以设置在终端800的侧边框和/或显示屏805的下层。当压力传感器813设置在终端800的侧边框时，可以检测用户对终端800的握持信号，由处理器801根据压力传感器813采集的握持信号进行左右手识别或快捷操作。当压力传感器813设置在显示屏805的下层时，由处理器801根据用户对显示屏805的压力操作，实现对ui界面上的可操作性控件进行控制。可操作性控件包括按钮控件、滚动条控件、图标控件、菜单控件中的至少一种。
173.指纹传感器814用于采集用户的指纹，由处理器801根据指纹传感器814采集到的指纹识别用户的身份，或者，由指纹传感器814根据采集到的指纹识别用户的身份。在识别出用户的身份为可信身份时，由处理器801授权该用户执行相关的敏感操作，该敏感操作包括解锁屏幕、查看加密信息、下载软件、支付及更改设置等。指纹传感器814可以被设置终端800的正面、背面或侧面。当终端800上设置有物理按键或厂商logo时，指纹传感器814可以与物理按键或厂商logo集成在一起。
174.光学传感器815用于采集环境光强度。在一个实施例中，处理器801可以根据光学传感器815采集的环境光强度，控制显示屏805的显示亮度。具体地，当环境光强度较高时，调高显示屏805的显示亮度；当环境光强度较低时，调低显示屏805的显示亮度。在另一个实施例中，处理器801还可以根据光学传感器815采集的环境光强度，动态调整摄像头组件806的拍摄参数。
175.接近传感器816，也称距离传感器，通常设置在终端800的前面板。接近传感器816用于采集用户与终端800的正面之间的距离。在一个实施例中，当接近传感器816检测到用户与终端800的正面之间的距离逐渐变小时，由处理器801控制显示屏805从亮屏状态切换为息屏状态；当接近传感器816检测到用户与终端800的正面之间的距离逐渐变大时，由处理器801控制显示屏805从息屏状态切换为亮屏状态。
176.本领域技术人员可以理解，图8中示出的结构并不构成对终端800的限定，可以包括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。
177.电子设备被提供为服务器时，图9是根据一示例性实施例示出的一种服务器900的框图，该服务器900可因配置或性能不同而产生比较大的差异，可以包括一个或一个以上处理器(central processing units，cpu)901和一个或一个以上的存储器902，其中，该存储器902中存储有至少一条程序代码，该至少一条程序代码由该处理器901加载并执行以实现上述各个方法实施例提供的基于图片的互动方法。当然，该服务器还可以具有有线或无线
网络接口、键盘以及输入输出接口等部件，以便进行输入输出，该服务器900还可以包括其他用于实现设备功能的部件，在此不做赘述。
178.在本公开实施例中，还提供了一种包括程序代码的存储介质，例如包括程序代码的存储器802或者存储器902，上述程序代码可由终端800的处理器801或者服务器900的处理器901执行以完成上述基于图片的互动方法。可选地，存储介质可以是非临时性计算机可读存储介质，例如，所述非临时性计算机可读存储介质可以是rom、随机存取存储器(ram)、cd-rom、磁带、软盘和光数据存储设备等。
179.在本公开实施例中，还提供了一种计算机程序产品，包括计算机程序，计算机程序被处理器执行时实现上述基于图片的互动方法。
180.本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。
181.应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

技术特征：

1.一种基于图片的互动方法，其特征在于，所述方法包括：显示图片显示界面，所述图片显示界面显示有多个图片的缩略图；响应于对目标图片的缩略图的触发操作，将所述图片显示界面切换为所述目标图片的详情界面，在所述详情界面中显示图片显示区域和控件区域，所述目标图片的尺寸大于所述图片显示区域的尺寸，所述图片显示区域显示有所述目标图片的部分区域中的图片内容，所述控件区域显示有至少一个互动控件；响应于对所述至少一个互动控件中目标互动控件的触发操作，执行与所述目标图片的发布对象之间的目标互动行为，所述目标互动行为与所述目标互动控件对应。2.根据权利要求1所述的基于图片的互动方法，其特征在于，所述在所述详情界面中显示图片显示区域和控件区域，包括：在所述详情界面中显示所述图片显示区域；基于在所述图片显示区域上的滑动操作，更新所述图片显示区域中显示的图片内容；在所述图片显示区域中显示的图片内容与图片主题相关的情况下，在所述详情界面中显示所述控件区域。3.根据权利要求1所述的基于图片的互动方法，其特征在于，所述在所述详情界面中显示图片显示区域和控件区域，包括：在所述详情界面中显示所述图片显示区域；基于在所述图片显示区域上的滑动操作，更新所述图片显示区域中显示的图片内容；在所述图片显示区域中显示的图片内容与查看所述目标图片的浏览对象的兴趣相关的情况下，在所述详情界面中显示所述控件区域。4.根据权利要求1所述的基于图片的互动方法，其特征在于，所述在所述详情界面中显示图片显示区域和控件区域，包括：在所述详情界面中显示所述图片显示区域；响应于查看所述目标图片的浏览对象属于目标对象类型，在所述详情界面中显示所述控件区域。5.根据权利要求1所述的基于图片的互动方法，其特征在于，所述控件区域显示有多个互动控件；所述在所述详情界面中显示图片显示区域和控件区域，包括：在所述详情界面中显示所述图片显示区域；在所述详情界面中，基于多个互动行为的行为优先级，在所述控件区域中显示所述多个互动控件，所述互动控件在所述控件区域中的显示位置与所述互动控件的互动行为的行为优先级相关。6.根据权利要求1所述的基于图片的互动方法，其特征在于，所述控件区域的位置为下述任一项：所述控件区域显示于所述详情界面的顶部；所述控件区域显示于所述详情界面的底部；所述控件区域显示于所述详情界面的左侧；所述控件区域显示于所述详情界面的右侧。7.根据权利要求1所述的基于图片的互动方法，其特征在于，所述方法还包括：
响应于区域隐藏操作，在所述详情界面中隐藏所述控件区域。8.根据权利要求7所述的基于图片的互动方法，其特征在于，所述区域隐藏操作包括下述任一项：对区域隐藏控件的触发操作；第一滑动操作，所述第一滑动操作用于滑动所述目标图片，所述第一滑动操作的滑动距离不小于第一距离；第二滑动操作，所述第二滑动操作用于滑动所述控件区域，所述滑动操作的滑动距离不小于第二距离；第三滑动操作，所述第三滑动操作用于在所述详情界面中输入第一滑动轨迹。9.根据权利要求1-8任一项所述的基于图片的互动方法，其特征在于，所述方法还包括：响应于检测到组合按键的触发操作，确定第一互动行为，所述第一互动行为为所述组合按键所指示的互动行为；执行与所述发布对象之间的所述第一互动行为。10.根据权利要求1-8任一项所述的基于图片的互动方法，其特征在于，所述方法还包括：在所述详情界面中检测到第二滑动轨迹的情况下，确定第二互动行为，所述第二互动行为为所述第二滑动轨迹所指示的互动行为；执行与所述发布对象之间的所述第二互动行为。11.一种基于图片的互动装置，其特征在于，所述装置包括：显示单元，被配置为显示图片显示界面，所述图片显示界面显示有多个图片的缩略图；所述显示单元，还被配置为响应于对目标图片的缩略图的触发操作，将所述图片显示界面切换为所述目标图片的详情界面，在所述详情界面中显示图片显示区域和控件区域，所述目标图片的尺寸大于所述图片显示区域的尺寸，所述图片显示区域显示有所述目标图片的部分区域中的图片内容，所述控件区域显示有至少一个互动控件；行为执行单元，被配置为响应于对所述至少一个互动控件中目标互动控件的触发操作，执行与所述目标图片的发布对象之间的目标互动行为，所述目标互动行为与所述目标互动控件对应。12.一种电子设备，其特征在于，所述电子设备包括：一个或多个处理器；用于存储所述处理器可执行程序代码的存储器；其中，所述处理器被配置为执行所述程序代码，以实现如权利要求1至10任一项所述的基于图片的互动方法。13.一种存储介质，其特征在于，当所述存储介质中的程序代码由电子设备的处理器执行时，使得电子设备能够执行如权利要求1至10任一项所述的基于图片的互动方法。14.一种计算机程序产品，包括计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至10任一项所述的基于图片的互动方法。

技术总结

本公开提供了一种基于图片的互动方法、装置、电子设备及存储介质，属于互联网技术领域。方法包括：显示图片显示界面；响应于对目标图片的缩略图的触发操作，将图片显示界面切换为目标图片的详情界面，在详情界面中显示图片显示区域和控件区域；响应于对至少一个互动控件中目标互动控件的触发操作，执行与目标图片的发布对象之间的目标互动行为。上述方案使得查看该目标图片的浏览对象能够随时通过控件区域中的控件与该目标图片的发布对象进行互动，提高了互动效率。提高了互动效率。提高了互动效率。