CN107765938A - 一种图片交互方法与装置 - Google Patents
一种图片交互方法与装置 Download PDFInfo
- Publication number
- CN107765938A CN107765938A CN201610707848.7A CN201610707848A CN107765938A CN 107765938 A CN107765938 A CN 107765938A CN 201610707848 A CN201610707848 A CN 201610707848A CN 107765938 A CN107765938 A CN 107765938A
- Authority
- CN
- China
- Prior art keywords
- picture
- comment
- viewing area
- group
- barrage
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
Abstract
本发明提出了一种图片交互方法与装置。本发明通过以图片组的形式组织数据,直接全屏显示所述图片组中的图片,并结合手势处理和触摸控制实现了用户对于图片的浏览以及对于图片评论的相关操作,使得用户能够在屏幕中直接浏览图片的原图并直接进行对于图片的交互,而不必再进行点击图片的操作,有效缩短了用户的操作路径,此外,通过对显示区域的设置,使得图片得以大面积展示,从而强化用户发布的信息,在用户一次性发布多张图片的情况下,能够对多张图片中的任意一张评论或点赞,评论与图片的关联性显著提高,充分满足了用户与用户之间的交流需求。
Description
技术领域
本发明涉及互联网领域,具体涉及一种图片交互方法与装置。
背景技术
现有的社交平台中,社交内容按瀑布流的方式呈现,而作为社交内容中的最为重要的组成部分的图片则是以缩略图展现,图片信息则作为单独的文字部分进行展现,而关于图片的评论则被静态排列在图片以外的位置。在这种交互方式下,用户对于感兴趣的图片需要进行点击操作才能查看完整的图片,然后再点击返回退出完整图片,操作路径长,用户体验较差。此外,这种交互方式下,对于感兴趣的图片的评论,也需要在对图片进行完整查看的基础上才能进行,也同样存在操作路径长的问题,此外,在用户一次性发布多张图片的情况下,只能对多张图片整体进行评论或点赞,无法实现对于具体图片的评论,评论与图片的关联性较弱。
发明内容
为了解决上述技术问题,本发明提出了一种图片交互方法与装置。本发明通过以图片组的形式组织数据,直接全屏显示所述图片组中的图片,并结合手势处理和触摸控制实现了用户对于图片的浏览以及对于图片评论的相关操作,使得用户能够在屏幕中直接浏览图片的原图并直接进行对于图片的交互。
本发明是以如下技术方案实现的,一种图片交互方法,所述方法包括:
获取待显示图片组,所述待显示图片组中的图片具有相同的图片信息;所述图片信息包括发布者信息、文字信息和发布时间;
在图片显示区域中显示所述待显示图片组的发布者信息和发布时间,并判断所述待显示图片组中的文字信息是否为空:若否,则在图片显示区域中显示所述文字信息;
获得所述待显示图片组中的封面图片,将所述封面图片衬于所述文字信息下方,并在所述图片显示区域对所述封面图片进行全屏显示;
获取与所述封面图片有关联关系的评论,判断所述评论的数目是否大于零:若是,则在所述图片显示区域以弹幕的形式滚动播出所述评论。
优选的,若接收到图片切换指令,则获取目标图片,所述目标图片为正在显示的当前图片的上一张图片或下一张图片,若获取成功,则:
清除所述图片显示区域中的当前图片和与当前图片相关的评论;
将所述目标图片衬于所述文字信息下方,并在所述图片显示区域对所述目标图片进行全屏显示;
获取与所述目标图片具有关联关系的评论,并判断所述评论的数目是否为大于零:若是,则在所述图片显示区域以弹幕的形式滚动播出所述评论。
优选的,若接收到图片组切换指令,则获取目标图片组,所述目标图片组为正在显示的当前图片所在的图片组的下一个图片组或上一个图片组,若获取成功,则:
清除所述图片显示区域中的文字信息、当前图片和与当前图片相关的评论;
在图片显示区域中显示所述目标图片组的发布者信息和发布时间,并判断所述目标图片组中的文字信息是否为空:若否,则在图片显示区域中显示所述文字信息;
获得所述目标图片组中的封面图片,将所述封面图片衬于所述文字信息下方,并在所述图片显示区域对所述封面图片进行全屏显示;
获取与所述封面图片有关联关系的评论,判断所述评论的数目是否大于零:若是,则在所述图片显示区域以弹幕的形式滚动播出所述评论。
优选的,若接收到评论发布指令,则等待用户输入对于当前图片的评论;
建立并存储所述评论与所述当前图片的一一对应关系;
在所述当前图片的显示区域以弹幕的形式滚动播出所述评论。
优选的,若弹幕接收到评论回复指令,则等待用户输入对于所述弹幕中的评论的回复评论;
建立并存储所述回复评论与所述弹幕中的评论的一一对应关系;
在所述当前图片的显示区域以弹幕的形式滚动播出所述回复评论。
优选的,若接收到点赞信号,则为正在显示的当前图片点赞。
优选的,所述全屏显示包括:
获取待显示图片的原图的宽度和高度;
获取图片显示区域的宽度和高度;
以所述图片显示区域的宽度和高度为基础,对所述原图进行缩小或放大,使得所述图片显示区域能够显示所述原图的全貌。
一种图片交互装置,所述装置包括:
待显示图片组获取模块,用于获取待显示图片组,所述待显示图片组中的图片具有相同的图片信息;所述图片信息包括发布者信息、文字信息和发布时间;
发布信息显示模块,用于在图片显示区域中显示所述待显示图片组的发布者信息和发布时间;
文字信息处理模块,用于判断所述待显示图片组中的文字信息是否为空:若否,则在图片显示区域中显示所述文字信息;
图片获取模块,用于获得所述待显示图片组中的封面图片;
图片显示模块,用于将待显示的图片衬于所述文字信息下方,并在所述图片显示区域对所述待显示的图片进行全屏显示;
评论显示模块,用于获取与正在显示的当前图片有关联关系的评论,判断所述评论的数目是否大于零:若是,则在所述图片显示区域以弹幕的形式滚动播出所述评论。
优选的,还包括:
图片切换处理模块,用于若接收到图片切换指令,则获取目标图片,所述目标图片为正在显示的当前图片的上一张图片或下一张图:
第一清除模块,用于清除所述图片显示区域中的当前图片和与当前图片相关的评论。
优选的,还包括:
图片组切换模块,用于若接收到图片组切换指令,则获取目标图片组,所述目标图片组为正在显示的当前图片所在的图片组的下一个图片组或上一个图片组;
第二清除模块,用于清除所述图片显示区域中的文字信息、当前图片和与当前图片相关的评论。
优选的,还包括:
评论发布指令处理模块,用于若接收到评论发布指令,则等待用户输入对于当前显示图片的评论;
存储模块,用于建立并存储所述评论与所述当前图片的一一对应关系;
评论播放模块,用于在所述当前图片的显示区域以弹幕的形式滚动播出所述评论。
优选的,还包括弹幕回复指令处理模块,用于若弹幕接收到评论回复指令,则等待用户输入对于所述弹幕中的评论的回复评论;
所述存储模块还用于建立并存储所述回复评论与所述弹幕中的评论的一一对应关系;
所述评论播放模块还用于在所述当前图片的显示区域以弹幕的形式滚动播出所述回复评论。
优选的,还包括:
点赞模块,用于若接收到点赞信号,则为正在显示的当前图片点赞。
优选的,所述图片显示模块还包括:
原图参数获取子模块,用于获取待显示图片的原图的宽度和高度;
区域参数获取子模块,用于获取图片显示区域的宽度和高度;
显示子模块,用于以所述图片显示区域的宽度和高度为基础,对所述原图进行缩小或放大,使得所述图片显示区域能够显示所述原图的全貌。
本发明的有益效果是:
本发明提出了一种图片交互方法与装置,本发明具有如下有益效果:
(1)通过在图片显示区域显示图片,并结合手势处理和触摸控制实现了用户对于图片组中图片的浏览和图片评论的相关操作,使得用户能够在屏幕中直接浏览图片的原图和进行对于图片的交互,而不必再进行点击图片的操作,提供相对于对缩略图点击放大更为便捷的操作,有效缩短了用户的操作路径。
(2)通过对于在图片显示区域中对图片直接进行全屏显示,使得图片得以大面积展示,从而强化用户发布的信息,充分满足用户与用户之间的交流需求。
(3)在用户一次性发布多张图片的情况下,能够对多张图片中的任意一张进行评论或点赞,评论与图片的关联性显著提高,增强了用户与用户之间交互的效果。
附图说明
图1是本发明实施例提供的一种图片交互方法流程图;
图2是本发明实施例提供的显示界面的划分方法流程图;
图3是本发明另一个实施例提供的一种图片切换方法流程图;
图4是本发明另一个实施例提供的一种图片切换前端实现流程图;
图5是本发明另一个实施例提供的一种图片组切换方法流程图;
图6是本发明另一个实施例提供的图片组切换前端实现流程图;
图7是本发明另一个实施例提供的评论发布方法流程图;
图8是本发明另一个实施例提供的评论发布后台实现流程图;
图9是本发明实施例提供的图片显示与交互的界面效果图;
图10是本发明实施例提供的图片交互装置示意图。
具体实施方法
为了使本技术领域的人员更好地理解本发明方案,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分的实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本发明保护的范围。
需要说明的是,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
在本发明提供的一个实施例中,一种图片交互方法,如图1所示,所述方法包括:
S101.获取待显示图片组,所述待显示图片组中的图片具有相同的图片信息;所述图片信息包括发布者信息、文字信息和发布时间。
相同图片组的图片均具有相同的发布者,并且由所述发布者在同一个时间进行发布。一个图片组表示用户发布的一个状态。
S102.在图片显示区域中显示待显示图片组的发布者信息和发布时间。
S103.判断所述待显示图片组中的文字信息是否为空。
S104.若否,则在图片显示区域中显示所述文字信息。
S105.获得所述待显示图片组中的封面图片,将所述封面图片衬于所述文字信息下方,并在所述图片显示区域对所述封面图片进行全屏显示。
本领域技术人员应该理解,S104与S105的相关逻辑为并行关系,并不存在明确的前后顺序关系。
所述封面图片的获取方法包括发布者指定和自动设定两种方式:
在发布者指定方式中,由图片组的发布者指定所述图片组中的某个图片作为封面图片,本实施例提供的发布者指定方式包括:
图片组中的每张图片的内容与图片属性按照一一对应的方式进行存储,所述图片属性包括图片id号和封面标识,所述封面标识为布尔值,若封面标识为真,则对应的图片作为封面,否则,不作为封面;默认封面标识的布尔值为假。
若发布者在发布所述图片组之前指定了作为封面的图片,则作为封面的图片对应的封面标识被设定为真。在图片组被发布后,在S105中遍历所述待显示的图片组即可查询到封面标识为真的图片,即查询到封面图片。
作为另一种封面图片的获取方式,本实施例还提供自动设定的方式,包括:
若在S105中遍历所述待显示的图片组中图片的封面标识均为假,则自动选择所述待显示图片组中的某张图片作为封面图片。
具体地,自动选择的规则可以为:选择待显示图片组中的第一张图片作为封面图片,选择待显示图片组中的最后一张图片作为封面图片或者选择待显示图片组中图片信息量最大(非空白像素最多)的图片作为封面图片。
本实施例提供的发布者指定和自动设定两种获取封面的方式可以单独使用也可以配合使用。
此外,本步骤中所述全屏显示包括:
获取待显示图片的原图的宽度和高度;
获取图片显示区域的宽度和高度;
以所述图片显示区域的宽度和高度为基础,对所述原图进行缩小或放大,使得所述图片显示区域能够显示所述原图的全貌。
S106.获取与所述封面图片有关联关系的评论。
S107.判断所述评论的数目是否大于零。
S108.若是,则在所述图片显示区域以弹幕的形式滚动播出所述评论。
具体地,可以将显示界面划分为图片显示区域和操作区域,在所述图片显示区域显示图片组的文字信息、图片以及与图片有关的弹幕,在所述操作区域用于进行与图片有关的交互,所述交互包括但不限于图片组切换、发布关于正在显示的当前图片的评论以及对所述当前图片进行点赞。
具体的,显示界面的划分方法如图2所示,包括:
(1)获取所述显示界面的尺寸、预设的图片显示区域显示比例参数和预设的操作区域显示比例参数。本实施例中通过getWindowManager().getDefaltDisplay().getWidth()获取显示界面的宽度,通过getWindowManager().getDefaltDisplay().getHeight()获取显示界面的高度,图片显示区域为显示界面上方90%的区域,则对应的图片显示区域显示比例参数为upper90%,操作区域为显示界面下方10%的区域,则对应的操作区域显示比例参数为lower10%。
(2)根据所述显示界面的尺寸和预设的图片显示区域显示比例参数获取所述图片显示区域的坐标。本实施例中所述图片显示区域左上角坐标为(0,0),右下角坐标为(getWindowManager().getDefaltDisplay().getWidth(),getWindowManager().getDefaltDisplay().getHeight()*90%)。
(3)根据所述显示界面的尺寸和预设的操作区域显示比例参数获取所述操作区域的坐标。本实施例中所述操作区域左上角坐标为(0,getWindowManager().getDefaltDisplay().getHeight()*90%),右下角坐标为(getWindowManager().getDefaltDisplay().getWidth(),getWindowManager().getDefaltDisplay().getHeight())。
本实施例提供了一种图片交互方法,通过直接全屏显示发布的图片,使得用户在浏览其他人发布的状态时,不需要再进行点击缩略图的操作,缩短了用户操作路径;此外,本实施例还提供了封面图片的设定方式,通过设定封面图片能够在一张图片中尽量多的展示用户希望表达的内容,从而便于其他用户快速了解用户状态,提升用户体验,增强用户间的交互效果。
在上一个实施例对图片组中的图片进行全屏显示以及评论显示的基础上,本发明另一个实施例还提供了一种图片切换方法,如图3所示,包括:
S201.监测图片切换指令,若接收到图片切换指令,则获取目标图片,所述目标图片为正在显示的当前图片的上一张图片或下一张图片。
具体地,当所述图片显示区域接收手指或者其他触控在所述图片显示区域的滑动后,判断所述手指或者其他触控的手势,并根据手势判断目标图片为当前显示的图片的上一张图片还是下一张图片。
S202.若获取成功,则:
S203.清除所述图片显示区域中的当前图片和与当前图片相关的评论。
S204.将所述目标图片衬于所述文字信息下方,并在所述图片显示区域对所述目标图片进行全屏显示。
S205.获取与所述目标图片具有关联关系的评论。
S206.判断所述评论的数目是否为大于零:
S207.若是,则在所述图片显示区域以弹幕的形式滚动播出所述评论。
对于图片进行切换的前端实现如图4所示,使用touch事件来处理。当检测到手指或者其他触控在图片显示区域内时,触发touchstart事件,当手指或者其他触控移动时触发touchmove事件,手指或者其他触控离开后触发touchend事件并在touchend的事件处理函数中将当前的滑动操作(向前或向后)发送给后端进行处理。
后端获取当前的滑动操作后,判断手势对应的操作:向前滑动则切换到上一张图片,向后滑动则切换到下一张图片;并根据手势对应的操作在数据库中查找到目标图片,并将所述目标图片显示在显示区域上。
在第一个实施例对图片组中的图片进行全屏显示以及评论显示的基础上,本发明另一个实施例还提供了图片组切换方法,如图5所示,包括:
S301.监测图片组切换指令,若接收到图片组切换指令,则获取目标图片组,所述目标图片组为正在显示的当前图片所在的图片组的下一个图片组或上一个图片组。
S302.若获取成功,则:
S303.清除所述图片显示区域中的文字信息、当前图片和与当前图片相关的评论。
S304.在图片显示区域中显示所述目标图片组的发布者信息和发布时间。
S305.判断所述目标图片组中的文字信息是否为空:
S306.若否,则在图片显示区域中显示所述文字信息。
S307.获得所述目标图片组中的封面图片,将所述封面图片衬于所述文字信息下方,并在所述图片显示区域对所述封面图片进行全屏显示。
S308.获取与所述封面图片有关联关系的评论。
S309.判断所述评论的数目是否大于零:
S310.若是,则在所述图片显示区域以弹幕的形式滚动播出所述评论。
具体地,当所述操作区域接收手指或者其他触控在所述操作区域的动作后,判断所述动作的触摸点是否位于所述操作区域中的“图片组切换区域”,若是,则目标图片组为正在显示的当前图片所在的图片组的下一个图片组。此外,作为另一种实施方式,若所述操作区域分为“上一组切换区域”和“下一组切换区域”,若触摸点位于“上一组切换区域”,则将当前图片所在的图片组的上一个图片组作为目标图片组;若触摸点位于“下一组切换区域”,则将当前图片所在的图片组的下一个图片组作为目标图片组。本领域技术人员应该理解,图片切换与图片组切换均作为本发明中的交互方法的组成部分,并不存在明确的前后顺序关系。
对于图片组进行切换的前端实现如图6所示,使用touch事件来处理。通过event.changedTouches属性获取到动作的属性,包括触摸点相对于屏幕的位置,从而判断是否点击了所述图片组切换区域。如果是,则触发touchstart事件,手指或者其他触控离开后触发touchend事件,按照touchend的事件处理函数进行处理。
后端通过websocket来实现数据的获取,在对数据进行解析后通过与数据库的交互实现前端指定的功能。数据库采用NoSql数据存储方式,主要有三个表:用户信息表、好友关系表、相册表。用户信息表如表1所示,Y表示yes,X表示no,好友关系表如表2所示,相册表如表3所示:
表1用户信息表
表2好友关系表
表3相册表
Name | DataType | Length | P | F | M |
Photos_ID | char(20) | 20 | Y | X | Y |
User_ID | char(15) | 15 | X | Y | X |
Friends_ID | char(20) | 20 | X | Y | X |
Upload_Time | timestamp | X | X | Y | |
Contents | varchar(5000) | 5,000 | X | X | Y |
在数据库架构中,以User_ID为索引来存储和查找对应的Friends_ID,然后以Friends_ID为索引查找相关相册表,相册表格中以图片上传时间(Upload_Time)来标识图片集合,图片组切换功能则是将用户所能够阅览的好友的所有相关图片组集中,以图片组上传时间进行排序,在排序后的图片组中查找目标图片组。
在第一个实施例对图片组中的图片进行全屏显示以及评论显示的基础上,本发明另一个实施例还提供了评论发布方法,如图7所示,包括:
S401.监测评论发布指令,若接收到评论发布指令,则等待用户输入对于当前图片的评论;
S402.建立并存储所述评论与所述当前图片的一一对应关系;
S403.在所述当前图片的显示区域以弹幕的形式滚动播出所述评论。
此外,评论发布方法还包括:
S411.监测评论回复指令,若弹幕接收到评论回复指令,则等待用户输入对于所述弹幕中的评论的回复评论;
S412.建立并存储所述回复评论与所述弹幕中的评论的一一对应关系;
S413.在所述当前图片的显示区域以弹幕的形式滚动播出所述回复评论。
本领域技术人员应该理解,S401-S403与S411-S413的相关逻辑为并行关系,并不存在明确的前后顺序关系。
具体地,所述操作区域包括评论区域,所述评论区域用于获取评论发布指令。当所述操作区域接收手指或者其他触控在所述操作区域的动作后,判断所述动作的触摸点是否位于所述评论区域,若是,则等待用户输入对于当前图片的评论,并发表所述评论。
具体地,当所述图片显示区域接收手指或者其他触控在所述图片显示区域的动作后,判断所述动作的触摸点是否位于弹幕之上,若是,则等待用户输入对于所述弹幕中的评论的回复评论,并发表所述回复评论。
发布评论的前端实现仍然使用Touch事件来处理。touchend事件发生后,定义一个评论输入框(InputComment)作为一个全局对象,定义touchend的事件处理函数,通过创建div并设置className,left,top三个属性,把InputComment对象添加到容器中。div标签定义了网页文档中的分隔,以便通过样式表来对这些元素进行格式化。通过class来标记div,能够使得div的作用变得更加有效,而className,left,top均为class的属性,可根据具体实际情况进行自主设置,InputComment用于获取用户的输入内容。当手指离开屏幕时,评论输入框出现。用户在输入框中输入字符,输入回车键,发送数据。数据发送成功则以弹幕形式发布评论,发送失败,则重新输入评论。
发布评论的后台实现如图8所示,主要包括以下步骤:
(1)根据前端获取的评论内容形成弹幕的数据结构;
(2)绘制弹幕;
具体地,可以通过函数DanMuCreated绘制弹幕。
(3)对弹幕进行控制:使用flytime参数(用于控制弹幕的飞行时间)和timeInterval参数(用于控制弹幕的显示频率)来实现弹幕的时间控制以及控制弹幕停止:使用pause函数来实现弹幕暂停;
(4)将弹幕显示到当前图片显示区域中的预设位置。
具体地,通过显示函数display()显示弹幕。
此外,若接收到点赞信号,则为正在显示的当前图片点赞。
具体地,所述操作区域还包括点赞区域,当所述操作区域接收手指或者其他触控在所述操作区域的动作后,判断所述动作的触摸点是否位于所述点赞区域,若是,则为正在显示的当前图片点赞。
上述实施例的显示界面如图9所示,点击“跳过”即可实现图片组切换功能,点击弹幕能够对弹幕中的评论进行回复。上述实施例在对图片进行原图显示的基础上为用户提供了丰富的交互手段,既强化了用户发布的信息,又充分满足了用户与用户之间的交流需求,具有广阔的应用前景,比如,能够广泛应用于社交应用中展示好友状态、在含有个人主页的应用中展示个人状态以及购物应用中展示商品图片的界面。
本发明还提供一种图片交互装置,如图10所示,所述装置包括:
待显示图片组获取模块501,用于获取待显示图片组,所述待显示图片组中的图片具有相同的图片信息;所述图片信息包括发布者信息、文字信息和发布时间。
发布信息显示模块502,用于在图片显示区域中显示所述待显示图片组的发布者信息和发布时间;
文字信息处理模块503,用于判断所述待显示图片组中的文字信息是否为空:若否,则在图片显示区域中显示所述文字信息。
图片获取模块504,用于获得所述待显示图片组中的封面图片。
图片显示模块505,用于将待显示的图片衬于所述文字信息下方,并在所述图片显示区域对所述待显示的图片进行全屏显示。
具体地,所述图片显示模块505还包括:
原图参数获取子模块5051,用于获取图片显示区域的宽度和高度;
区域参数获取子模块5052,用于获取图片显示区域的宽度和高度;
显示子模块5053,用于以所述图片显示区域的宽度和高度为基础,对所述原图进行缩小或放大,使得所述图片显示区域能够显示所述原图的全貌。
评论显示模块506,用于获取与正在显示的当前图片有关联关系的评论,判断所述评论的数目是否大于零:若是,则在所述图片显示区域以弹幕的形式滚动播出所述评论。
图片切换处理模块507,用于若接收到图片切换指令,则获取目标图片,所述目标图片为正在显示的当前图片的上一张图片或下一张图。
第一清除模块508,用于清除所述图片显示区域中的当前图片和与当前图片相关的评论。
图片组切换模块509,用于若接收到图片组切换指令,则获取目标图片组,所述目标图片组为正在显示的当前图片所在的图片组的下一个图片组或上一个图片组。
第二清除模块5010,用于清除所述图片显示区域中的文字信息、当前图片和与当前图片相关的评论。
评论发布指令处理模块511,用于若接收到评论发布指令,则等待用户输入对于当前显示图片的评论。
弹幕回复指令处理模块512,用于若弹幕接收到评论回复指令,则等待用户输入对于所述弹幕中的评论的回复评论。
存储模块513,用于建立并存储所述评论与所述当前图片的一一对应关系以及还用于建立并存储所述回复评论与所述弹幕中的评论的一一对应关系。
评论播放模块514,用于在所述当前图片的显示区域以弹幕的形式滚动播出所述评论以及还用于在所述当前图片的显示区域以弹幕的形式滚动播出所述回复评论。
点赞模块515,用于若接收到点赞信号,则为正在显示的当前图片点赞。
本装置实施例提供的一种图片交互装置可以应用在前述对应的方法实施例中,详情请参见上述方法实施例的描述,在此不再赘述。
本发明中的技术方案中的各个模块均可通过计算机终端或其它设备实现。所述计算机终端包括处理器和存储器。所述存储器用于存储本发明中的程序指令/模块,所述处理器通过运行存储在存储器内的程序指令/模块,实现本发明相应功能。
本发明中的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在存储介质中,包括若干指令用以使得一台或多台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。
本发明中所述模块/单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。可以根据实际的需要选择其中的部分或者全部模块/单元来达到实现本发明方案的目的。
另外,在本发明各个实施例中的各模块/单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
以上所述仅是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本发明的保护范围。
Claims (14)
1.一种图片交互方法,其特征在于,所述方法包括:
获取待显示图片组,所述待显示图片组中的图片具有相同的图片信息;所述图片信息包括发布者信息、文字信息和发布时间;
在图片显示区域中显示所述待显示图片组的发布者信息和发布时间,并判断所述待显示图片组中的文字信息是否为空:若否,则在图片显示区域中显示所述文字信息;
获得所述待显示图片组中的封面图片,将所述封面图片衬于所述文字信息下方,并在所述图片显示区域对所述封面图片进行全屏显示;
获取与所述封面图片有关联关系的评论,判断所述评论的数目是否大于零:若是,则在所述图片显示区域以弹幕的形式滚动播出所述评论。
2.根据权利要求1所述的一种图片交互方法,其特征在于:
若接收到图片切换指令,则获取目标图片,所述目标图片为正在显示的当前图片的上一张图片或下一张图片,若获取成功,则:
清除所述图片显示区域中的当前图片和与当前图片相关的评论;
将所述目标图片衬于所述文字信息下方,并在所述图片显示区域对所述目标图片进行全屏显示;
获取与所述目标图片具有关联关系的评论,并判断所述评论的数目是否为大于零:若是,则在所述图片显示区域以弹幕的形式滚动播出所述评论。
3.根据权利要求2所述的一种图片交互方法,其特征在于:
若接收到图片组切换指令,则获取目标图片组,所述目标图片组为正在显示的当前图片所在的图片组的下一个图片组或上一个图片组,若获取成功,则:
清除所述图片显示区域中的文字信息、当前图片和与当前图片相关的评论;
在图片显示区域中显示所述目标图片组的发布者信息和发布时间,并判断所述目标图片组中的文字信息是否为空:若否,则在图片显示区域中显示所述文字信息;
获得所述目标图片组中的封面图片,将所述封面图片衬于所述文字信息下方,并在所述图片显示区域对所述封面图片进行全屏显示;
获取与所述封面图片有关联关系的评论,判断所述评论的数目是否大于零:若是,则在所述图片显示区域以弹幕的形式滚动播出所述评论。
4.根据权利要求1-3中任意一项中所述的一种图片交互方法,其特征在于:
若接收到评论发布指令,则等待用户输入对于当前图片的评论;
建立并存储所述评论与所述当前图片的一一对应关系;
在所述当前图片的显示区域以弹幕的形式滚动播出所述评论。
5.根据权利要求1-3中任意一项中所述的一种图片交互方法,其特征在于:
若弹幕接收到评论回复指令,则等待用户输入对于所述弹幕中的评论的回复评论;
建立并存储所述回复评论与所述弹幕中的评论的一一对应关系;
在所述当前图片的显示区域以弹幕的形式滚动播出所述回复评论。
6.根据权利要求1-3中任意一项中所述的一种图片交互方法,其特征在于:
若接收到点赞信号,则为正在显示的当前图片点赞。
7.根据权利要求1所述的一种图片交互方法,其特征在于,所述全屏显示包括:
获取待显示图片的原图的宽度和高度;
获取图片显示区域的宽度和高度;
以所述图片显示区域的宽度和高度为基础,对所述原图进行缩小或放大,使得所述图片显示区域能够显示所述原图的全貌。
8.一种图片交互装置,其特征在于,所述装置包括:
待显示图片组获取模块,用于获取待显示图片组,所述待显示图片组中的图片具有相同的图片信息;所述图片信息包括发布者信息、文字信息和发布时间;
发布信息显示模块,用于在图片显示区域中显示所述待显示图片组的发布者信息和发布时间;
文字信息处理模块,用于判断所述待显示图片组中的文字信息是否为空:若否,则在图片显示区域中显示所述文字信息;
图片获取模块,用于获得所述待显示图片组中的封面图片;
图片显示模块,用于将待显示的图片衬于所述文字信息下方,并在所述图片显示区域对所述待显示的图片进行全屏显示;
评论显示模块,用于获取与正在显示的当前图片有关联关系的评论,判断所述评论的数目是否大于零:若是,则在所述图片显示区域以弹幕的形式滚动播出所述评论。
9.根据权利要求8中所述的一种图片交互装置,其特征在于,还包括:
图片切换处理模块,用于若接收到图片切换指令,则获取目标图片,所述目标图片为正在显示的当前图片的上一张图片或下一张图:
第一清除模块,用于清除所述图片显示区域中的当前图片和与当前图片相关的评论。
10.根据权利要求9中所述的一种图片交互装置,其特征在于,还包括:
图片组切换模块,用于若接收到图片组切换指令,则获取目标图片组,所述目标图片组为正在显示的当前图片所在的图片组的下一个图片组或上一个图片组;
第二清除模块,用于清除所述图片显示区域中的文字信息、当前图片和与当前图片相关的评论。
11.根据权利要求8-10中任意一项中所述的一种图片交互装置,其特征在于,还包括:
评论发布指令处理模块,用于若接收到评论发布指令,则等待用户输入对于当前显示图片的评论;
存储模块,用于建立并存储所述评论与所述当前图片的一一对应关系;
评论播放模块,用于在所述当前图片的显示区域以弹幕的形式滚动播出所述评论。
12.根据权利要求8-10中任意一项中所述的一种图片交互装置,其特征在于:
还包括弹幕回复指令处理模块,用于若弹幕接收到评论回复指令,则等待用户输入对于所述弹幕中的评论的回复评论;
所述存储模块还用于建立并存储所述回复评论与所述弹幕中的评论的一一对应关系;
所述评论播放模块还用于在所述当前图片的显示区域以弹幕的形式滚动播出所述回复评论。
13.根据权利要求8中所述的一种图片交互装置,其特征在于,还包括:
点赞模块,用于若接收到点赞信号,则为正在显示的当前图片点赞。
14.根据权利要求8中所述的一种图片交互装置,其特征在于,所述图片显示模块还包括:
原图参数获取子模块,用于获取待显示图片的原图的宽度和高度;
区域参数获取子模块,用于获取图片显示区域的宽度和高度;
显示子模块,用于以所述图片显示区域的宽度和高度为基础,对所述原图进行缩小或放大,使得所述图片显示区域能够显示所述原图的全貌。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610707848.7A CN107765938B (zh) | 2016-08-23 | 2016-08-23 | 一种图片交互方法与装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610707848.7A CN107765938B (zh) | 2016-08-23 | 2016-08-23 | 一种图片交互方法与装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN107765938A true CN107765938A (zh) | 2018-03-06 |
CN107765938B CN107765938B (zh) | 2021-06-08 |
Family
ID=61264235
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610707848.7A Active CN107765938B (zh) | 2016-08-23 | 2016-08-23 | 一种图片交互方法与装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107765938B (zh) |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109710871A (zh) * | 2018-12-28 | 2019-05-03 | 百度在线网络技术(北京)有限公司 | 论坛帖子展示方法和装置 |
CN109905775A (zh) * | 2019-01-16 | 2019-06-18 | 北京奇艺世纪科技有限公司 | 一种涂鸦弹幕生成及显示方法、装置、终端设备及存储介质 |
CN110391969A (zh) * | 2019-06-06 | 2019-10-29 | 浙江口碑网络技术有限公司 | 基于多媒体的聊天方法及装置、存储介质、电子装置 |
CN112181236A (zh) * | 2019-07-04 | 2021-01-05 | 广州汽车集团股份有限公司 | 一种电子车辆手册及其操作方法、车辆信息提供装置 |
CN112230822A (zh) * | 2020-11-12 | 2021-01-15 | 汉海信息技术(上海)有限公司 | 评论信息的显示方法、装置、终端及存储介质 |
CN112774186A (zh) * | 2021-01-08 | 2021-05-11 | 南京雷鲨信息科技有限公司 | 一种应用于智能终端的交互显示系统及方法 |
CN114756157A (zh) * | 2020-12-25 | 2022-07-15 | 博泰车联网科技(上海)股份有限公司 | 智能终端的图片显示方法、存储介质和智能终端 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102402560A (zh) * | 2010-09-17 | 2012-04-04 | 腾讯数码(天津)有限公司 | Sns社区的个人动态消息中的图片评论的方法及系统 |
WO2012142055A1 (en) * | 2011-04-11 | 2012-10-18 | Zinio, Llc | Reader with enhanced user functionality |
CN103096173A (zh) * | 2011-10-27 | 2013-05-08 | 腾讯科技(深圳)有限公司 | 网络电视系统的信息处理方法和装置 |
CN103593116A (zh) * | 2012-08-15 | 2014-02-19 | 腾讯科技(深圳)有限公司 | 便携式终端工具栏的显示和控制方法、及其装置 |
CN104504063A (zh) * | 2014-12-22 | 2015-04-08 | 北京橘子文化传媒有限公司 | 一种图片弹幕方法 |
CN104754420A (zh) * | 2015-03-30 | 2015-07-01 | 北京奇艺世纪科技有限公司 | 一种在多媒体文件播放过程中的弹幕交互方法及装置 |
CN105302428A (zh) * | 2014-07-29 | 2016-02-03 | 腾讯科技(深圳)有限公司 | 基于社交网络的动态信息展示方法和装置 |
-
2016
- 2016-08-23 CN CN201610707848.7A patent/CN107765938B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102402560A (zh) * | 2010-09-17 | 2012-04-04 | 腾讯数码(天津)有限公司 | Sns社区的个人动态消息中的图片评论的方法及系统 |
WO2012142055A1 (en) * | 2011-04-11 | 2012-10-18 | Zinio, Llc | Reader with enhanced user functionality |
CN103096173A (zh) * | 2011-10-27 | 2013-05-08 | 腾讯科技(深圳)有限公司 | 网络电视系统的信息处理方法和装置 |
CN103593116A (zh) * | 2012-08-15 | 2014-02-19 | 腾讯科技(深圳)有限公司 | 便携式终端工具栏的显示和控制方法、及其装置 |
CN105302428A (zh) * | 2014-07-29 | 2016-02-03 | 腾讯科技(深圳)有限公司 | 基于社交网络的动态信息展示方法和装置 |
CN104504063A (zh) * | 2014-12-22 | 2015-04-08 | 北京橘子文化传媒有限公司 | 一种图片弹幕方法 |
CN104754420A (zh) * | 2015-03-30 | 2015-07-01 | 北京奇艺世纪科技有限公司 | 一种在多媒体文件播放过程中的弹幕交互方法及装置 |
Non-Patent Citations (1)
Title |
---|
AS4228367: "怎么查看非好友的QQ相册", 《HTTPS://JINGYAN.BAIDU.COM/ARTICLE/DCA1FA6F445B64F1A44052DF.HTML》 * |
Cited By (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109710871A (zh) * | 2018-12-28 | 2019-05-03 | 百度在线网络技术(北京)有限公司 | 论坛帖子展示方法和装置 |
CN109905775A (zh) * | 2019-01-16 | 2019-06-18 | 北京奇艺世纪科技有限公司 | 一种涂鸦弹幕生成及显示方法、装置、终端设备及存储介质 |
CN110391969A (zh) * | 2019-06-06 | 2019-10-29 | 浙江口碑网络技术有限公司 | 基于多媒体的聊天方法及装置、存储介质、电子装置 |
CN110391969B (zh) * | 2019-06-06 | 2022-03-25 | 浙江口碑网络技术有限公司 | 基于多媒体的聊天方法及装置、存储介质、电子装置 |
CN112181236A (zh) * | 2019-07-04 | 2021-01-05 | 广州汽车集团股份有限公司 | 一种电子车辆手册及其操作方法、车辆信息提供装置 |
CN112181236B (zh) * | 2019-07-04 | 2022-04-29 | 广州汽车集团股份有限公司 | 一种电子车辆手册及其操作方法、车辆信息提供装置 |
CN112230822A (zh) * | 2020-11-12 | 2021-01-15 | 汉海信息技术(上海)有限公司 | 评论信息的显示方法、装置、终端及存储介质 |
CN114756157A (zh) * | 2020-12-25 | 2022-07-15 | 博泰车联网科技(上海)股份有限公司 | 智能终端的图片显示方法、存储介质和智能终端 |
CN114756157B (zh) * | 2020-12-25 | 2023-11-28 | 博泰车联网科技(上海)股份有限公司 | 智能终端的图片显示方法、存储介质和智能终端 |
CN112774186A (zh) * | 2021-01-08 | 2021-05-11 | 南京雷鲨信息科技有限公司 | 一种应用于智能终端的交互显示系统及方法 |
Also Published As
Publication number | Publication date |
---|---|
CN107765938B (zh) | 2021-06-08 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107765938A (zh) | 一种图片交互方法与装置 | |
CN103699576B (zh) | 一种用于提供搜索结果的方法与设备 | |
CN104238949B (zh) | 一种分屏显示方法和装置 | |
CN102831148B (zh) | 一种基于浏览器的推荐数据加载方法和装置 | |
CN107181976A (zh) | 一种弹幕显示方法及电子设备 | |
CN106202317A (zh) | 基于视频的商品推荐方法及装置 | |
CN107291560A (zh) | 一种智能设备的内容确定方法和装置 | |
CN104346037B (zh) | 信息处理设备和信息处理方法 | |
CN103631487B (zh) | 一种配置页面的方法及装置 | |
CN102411614A (zh) | 图像搜索结果的显示 | |
CN104102636B (zh) | 一种页面数据的统计、呈现方法及装置 | |
CN108475096A (zh) | 信息显示方法、装置及终端设备 | |
CN105138614A (zh) | 在搜索结果页面进行信息展现的方法和装置 | |
CN101539942A (zh) | 一种展示互联网内容的方法及装置 | |
CN106126489A (zh) | 一种报告文件动态图表编辑方法及系统 | |
CN113194024B (zh) | 信息显示方法、装置和电子设备 | |
CN112860163A (zh) | 图像编辑方法和装置 | |
CN106503059A (zh) | 展示页面推送方法及装置 | |
EP4068120A1 (en) | Message management system and method for communication application, and presentation terminal | |
CN105335036A (zh) | 一种输入交互方法和输入法系统 | |
CN111857460A (zh) | 分屏处理方法、分屏处理装置、电子设备和可读存储介质 | |
CN112764613A (zh) | 图标整理方法、装置、电子设备和可读存储介质 | |
CN103164472B (zh) | 在社交网络系统中对用户生成内容的处理方法和装置 | |
CN100576165C (zh) | 一种基于多屏幕的一体化缩略图实现方法 | |
US10235020B2 (en) | Dynamic index for a digital magazine |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |