CN107862728A - 图片标签的添加方法、装置及计算机可读存储介质 - Google Patents

Abstract

本发明公开了一种图片标签添加方法，所述图片标签添加方法包括：接收用户在图片上触发的标签添加请求；根据所述图片标签添加请求显示预设数量的标签编辑区；接收用户在所述标签编辑区编辑的内容，并根据被编辑的标签编辑区的数量确定标签的分支数量，根据所述分支数量确定对应的标签模版；根据所述编辑区编辑的内容和所述标签模板在图片上添加对应的标签，其中所述标签承载于第一容器中，所述图片和所述第一容器承载于第二容器。本发明还公开了一种图片标签添加装置及计算机可读存储介质。本发明可以改善图片标签的显示效果和用户体验。

Description

图片标签的添加方法、装置及计算机可读存储介质

技术领域

本发明涉及图片处理领域，尤其涉及一种图片标签的添加方法、装置及计算机可读存储介质。

背景技术

随着数字采集技术和计算机技术的发展，越来越多的用户用图片记载更多的信息。

现有的移动终端中内置的拍照程序或者用户安装的拍照应用程序在拍摄完成后，采用默认方式自动保存拍摄的图片，图片的默认信息包括图片名称、图片格式、图片大小、拍摄地理位置信息、拍摄日期、拍摄机型信息等属性信息，这种信息记录方式相关信息不能直观的显示在图片上，往往需要打开属性才能查看，影响用户体验。除此之外还有用户通过添加标签的形式来添加图片信息。在这种方式中，用户可以通过在图片上添加地点、名称、价格等主题的标签，直观反映图片的相关信息。但现有技术的添加标签功能每个标签只有单独的主干信息，不存在多个分支，如果需要显示多条信息需要添加多个标签，影响页面布局，现有技术的上述特点影响了添加有标签的图片的显示效果和用户体验。

发明内容

本发明的主要目的在于提供一种图片标签的添加方法、装置及计算机可读存储介质，旨在提高图片标签的显示效果和用户体验。

为实现上述目的，本发明提供一种图片标签添加方法，所述图片标签添加方法包括：

接收用户在图片上触发的标签添加请求；

根据所述标签添加请求显示预设数量的标签编辑区；

接收用户在所述标签编辑区编辑的内容，并根据被编辑的标签编辑区的数量确定标签的分支数量，根据所述分支数量确定对应的标签模版；

根据所述编辑区编辑的内容和所述标签模板在图片上添加对应的标签。

优选地，所述根据所述分支数量确定对应的标签模版包括：

根据所述分支数量确定对应的线型标签模版。

优选地，所述根据所述编辑区编辑的内容和所述标签模板在图片上添加对应的标签步骤之后包括：

将添加标签后的图片定义为标签图片，显示所述标签图片。

优选地，所述标签承载于第一容器中，所述图片和所述第一容器承载于第二容器，所述显示所述标签图片的步骤之后还包括：

接收用户的操作指令，并确定所述标签图片中标签的位置信息；

根据所述操作指令和所述标签的位置信息确定所述操作指令对应的操作对象属于第一容器还是第二容器；

根据所述操作指令对承载于对应容器中对应的操作对象进行操作。

优选地，所述根据所述操作指令和所述标签的位置信息确定所述操作指令对应的操作对象属于第一容器还是第二容器包括：

确定所述操作指令对应的触点数量；

当所述触点数量为两个时，确定所述操作对象所属容器为第二容器；

所述根据所述操作指令对承载于对应容器中对应的操作对象进行操作步骤包括：

根据两触点之间的相对距离的变化情况对承载于第二容器中的图片进行放大或者缩小。

优选地，所述确定操作指令对应触点数量的步骤之后还包括：

当所述触点数量为一个时，确定所述操作对象所属容器为第一容器；

所述根据所述操作指令对承载于对应容器中对应的操作对象进行操作步骤包括：

当所述操作对象所属容器为第一容器时，确定所述操作指令的起始位置和在起始位置上的停留时间；

当所述操作指令位于标签分支的第一预设范围内，且在所述起始位置上停留时间低于所述第一阈值时间时，根据操作指令对承载于第一容器中对应的标签分支的形态进行更改。

优选地，所述确定所述操作指令的起始位置和在起始位置上的停留时间的步骤之后还包括：

当所述操作指令的起始位置在第二预设范围内，且在所述起始位置上停留时间超过所述第一阈值时间时，根据操作指令对承载于第一容器中的对应标签位置进行移动，所述第一预设范围在第二预设范围之内；

当所述操作指令的起始位置位于所述第二预设范围外，且在所述起始位置上停留时间超过第一阈值时间，执行步骤：接收用户在图片上触发的标签添加请求。

优选地，所述确定所述操作指令的起始位置和在起始位置上的停留时间的步骤之后还包括：

当所述操作指令的起始位置位于标签分支的第一预设范围外时，且在所述起始位置上停留时间低于所述第一阈值时间时，根据操作指令对承载于第一容器中所有的标签的显示状态进行更改。

为实现上述目的，本发明还提供一种图片标签添加装置，其特征在于，所述标签添加装置包括：存储器、处理器机存储在所述存储器上并可在所述处理器上运行的图片标签添加程序，所述图片标签添加程序被所述处理器执行时实现如上所述图片标签添加方法的步骤。

此外，为实现上述目的，本发明还提供一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有图片标签添加程序，所述图片标签添加程序被处理器执行时实现如上所述的图片标签添加方法的步骤。

本发明提供一种图片标签的添加方法，装置及计算机可读存储介质。在该方法中，接收用户在图片上触发的标签添加请求；根据所述图片标签添加请求显示预设数量的标签编辑区；接收用户在所述标签编辑区编辑的内容，并根据被编辑的标签编辑区的数量确定标签的分支数量，根据所述分支数量确定对应的标签模版；根据所述编辑区编辑的内容和所述标签模板在图片上添加对应的标签。通过上述方式，先接收接收用户在图片上触发的标签添加请求，然后根据所述图片标签添加请求显示预设数量的标签编辑区，再接收用户在所述标签编辑区编辑的内容，并根据被编辑的标签编辑区的数量确定标签的分支数量，根据所述分支数量确定对应的标签模版，最后根据所述编辑区编辑的内容和所述标签模板在图片上添加对应的标签。通过设置多个标签标签内容编辑区，并把用户编辑的多个信息内容分别添加到对应多个标签分支上，从而在一个标签上包含多个分支的信息内容，有效的改善图片标签的显示效果和用户体验。

附图说明

图1是本发明实施例方案涉及的硬件运行环境的装置结构示意图；

图2为本发明图片标签添加方法第一实施例的流程示意图；

图3为本发明图片标签添加方法第二实施例的流程示意图；

图4为本发明图片标签添加方法第三实施例的流程示意图；

图5为本发明图片标签添加方法第四实施例的流程示意图；

图6为本发明图片标签添加方法第五实施例的流程示意图；

图7为本发明图片标签添加方法第六实施例的流程示意图；

图8为本发明图片标签添加方法第七实施例的流程示意图；

图9为为本发明图片标签添加方法第一实施例标签模版说明图；

具体实施方式

应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

由于现有技术的图片标签只有单独主干信息，不存在多个分支如果需要显示多条信息需要添加多个标签，影响页面布局，并且标签通过单一固定的的方式编辑不能根据需要实时编辑调节更改，现有技术的上述特点影响了图片标签的显示效果和用户体验。

为了解决上述技术问题，本发明提供一种图片标签添加方法，通过接收用户在图片上触发的标签添加请求；根据所述图片标签添加请求显示预设数量的标签编辑区；接收用户在所述标签编辑区编辑的内容，并根据被编辑的标签编辑区的数量确定标签的分支数量，根据所述分支数量确定对应的标签模版；根据所述编辑区编辑的内容和所述标签模板在图片上添加对应的标签，从而改善图片标签的显示效果和用户体验。

如图1所示，图1是本发明实施例方案涉及的硬件运行环境的终端结构示意图。

本发明实施例终端可以是PC，也可以是智能手机、平板电脑、电子书阅读器、MP3(Moving Picture Experts Group Audio Layer III，动态影像专家压缩标准音频层面3)播放器、MP4(Moving Picture Experts Group Audio Layer IV，动态影像专家压缩标准音频层面4)播放器、便携计算机等具有显示功能的可移动式终端设备。

如图1所示，该终端可以包括：处理器1001，例如CPU，网络接口1004，用户接口1003，存储器1005，通信总线1002。其中，通信总线1002用于实现这些组件之间的连接通信。用户接口1003可以包括显示屏(Display)、输入单元比如键盘(Keyboard)，可选用户接口1003还可以包括标准的有线接口、无线接口。网络接口1004可选的可以包括标准的有线接口、无线接口(如WI-FI 接口)。存储器1005可以是高速RAM存储器，也可以是稳定的存储器(non-volatile memory)，例如磁盘存储器。存储器1005可选的还可以是独立于前述处理器1001的存储装置。

可选地，终端还可以包括摄像头、RF(Radio Frequency，射频)电路，传感器、音频电路、WiFi模块等等。其中，传感器比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示屏的亮度，接近传感器可在移动终端移动到耳边时，关闭显示屏和/或背光。作为运动传感器的一种，重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别移动终端姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；当然，移动终端还可配置陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。

本领域技术人员可以理解，图1中示出的终端结构并不构成对终端的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

如图1所示，作为一种计算机存储介质的存储器1005中可以包括操作系统、网络通信模块、用户接口模块以及图片标签添加程序。

在图1所示的终端中，网络接口1004主要用于连接后台服务器，与后台服务器进行数据通信；用户接口1003主要用于连接客户端(用户端)，与客户端进行数据通信；而处理器1001可以用于调用存储器1005中存储的图片标签添加程序，并执行以下操作：

接收用户在图片上触发的标签添加请求；

根据所述标签添加请求显示预设数量的标签编辑区；

接收用户在所述标签编辑区编辑的内容，并根据被编辑的标签编辑区的数量确定标签的分支数量，根据所述分支数量确定对应的标签模版；

根据所述编辑区编辑的内容和所述标签模板在图片上添加对应的标签。

进一步地，处理器1001可以调用存储器1005中存储的图片标签添加程序，还执行以下操作：

根据所述分支数量确定对应的线型标签模版。

进一步地，处理器1001可以调用存储器1005中存储的图片标签添加程序程序，还执行以下操作：

将添加标签后的图片定义为标签图片，显示所述标签图片。

进一步地，处理器1001可以调用存储器1005中存储的图片标签添加程序，还执行以下操作：

接收用户的操作指令，并确定所述标签图片中标签的位置信息；

根据所述操作指令和所述标签的位置信息确定所述操作指令对应的操作对象属于第一容器还是第二容器；

根据所述操作指令对承载于对应容器中对应的操作对象进行操作。

进一步地，处理器1001可以调用存储器1005中存储的图片标签添加程序，还执行以下操作：

确定所述操作指令对应的触点数量；

当所述触点数量为两个时，确定所述操作对象所属容器为第二容器；

根据两触点之间的相对距离的变化情况对承载于第二容器中的图片进行放大或者缩小。

进一步地，处理器1001可以调用存储器1005中存储的图片标签添加程序，还执行以下操作：

当所述触点数量为一个时，确定所述操作对象所属容器为第一容器；

当所述操作对象所属容器为第一容器时，确定所述操作指令的起始位置和在起始位置上的停留时间；

当所述操作指令位于标签分支的第一预设范围内，且在所述起始位置上停留时间低于所述第一阈值时间时，根据操作指令对承载于第一容器中对应的标签分支的形态进行更改。

进一步地，处理器1001可以调用存储器1005中存储的图片标签添加程序，还执行以下操作：

当所述操作指令的起始位置在第二预设范围内，且在所述起始位置上停留时间超过所述第一阈值时间时，根据操作指令对承载于第一容器中的对应标签位置进行移动，所述第一预设范围在第二预设范围之内；

当所述操作指令的起始位置位于所述第二预设范围外，且在所述起始位置上停留时间超过第一阈值时间，执行步骤：接收用户在图片上触发的标签添加请求。

进一步地，处理器1001可以调用存储器1005中存储的图片标签添加程序，还执行以下操作：

当所述操作指令的起始位置位于标签分支的第一预设范围外时，且在所述起始位置上停留时间低于所述第一阈值时间时，根据操作指令对承载于第一容器中所有的标签的显示状态进行更改。

基于上述硬件结构，提出本发明图片标签的添加方法的实施例。

参照图2，图2为本发明图片标签的添加方法第一实施例流程示意图，所述图片标签的添加方法包括：

步骤S10，接收用户在图片上触发的标签添加请求；

在本发明的实施例中，该图片标签的添加方法的应用图片可以包括但不限于社交信息中的图片，产品或者建筑的设计展览图。本实施例中以使用潮库APP分享的社交信息中的图片的标签添加为例。潮库app是一款分享和交流最新潮流的社区，潮人们可以在这里分享自拍，穿搭心得，也可以在这里获取最新的潮流信息，还可以在这里转让二手闲置物品，在发分享帖子时往往会附加图片，并且在图片中会对图片中的某些信息进行说明，从而方便用户进行查看，一目了然知道照片中物体的相关信息。例如在分享自拍时，可以对自拍主题进行添加标签说明，例如“日本旅拍”，也可以图片中的标志性建筑物进行说明，假如图片中有东京塔，可以在合适的地方添加“东京塔”这一标签。又如，在潮库APP中发转让二手闲置物品时可以添加标签对物品的价格或者生产地等信息进行注明。在本发明图片标签添加方法首先需要基于用户操作接收用户在图片上触发的标签添加请求。以在触屏手机中的潮库 APP分享帖子为例，在潮库APP选定要编辑的图片并打开图片，当前处于图片编辑状态时，用户可以通过长按图片或者预设标签添加触发按钮等方式来触发标签添加请求。如果是应用于个人电脑等固定终端的其他社交APP，触发标签添加请求的发送也可以是右键弹出功能列表，选择标签添加功能选项后触发。触发方式还可以是其他基于用户操作习惯设置的操作方式。上述几种标签添加请求发送触发方式只是为了对触发方式进行说明而非对保护范围进行限定。

步骤S20，根据所述标签添加请求显示预设数量的标签编辑区；

在上一步骤长按编辑状态下的图片后，在图片上会显示预设数量的标签编辑区。本实施例以预设数量为3为例。用户可以编辑框里输入与图片相关的信息内容，如果用户只在一个编辑框中输入信息内容，则标签只有一个支路信息，如果用户在两个编辑框中输入信息内容，标签共有两个支路信息；如果用户在三个编辑框都输入信息内容，标签有三个支路信息。该预设数量为基于本方法的应用领域根据需要来设置，如果预设数量少，例如预设数量为1，需要在图片上添加多个标签才可以实现多个信息的添加，会影响图片本身内容的显示，另一方面，如果对图片中特定面积较小的位置的特定重点对象进行多方面说明，多个标签难以在面积较小的重点对象周围布局，从而影响显示效果。例如，需要对某件西服上的小别针的设计特点、产地及设计效果进行说明，多个标签难以在小别针的周围布局并且不影响小别针的显示效果。如果采用3个支路的分支标签进行说明，可以在标签上作标记点，然后由干路引出三个分支，在每个分支上添加对应的信息，从而避免影响小别针的显示效果。受到特定范围内的面积大小限制，支路数量过多会影响到标签分支的布局。预设标签数量应该基于本方法应用领域通常情况下的信息添加需求和显示效果来设置。为了提高用户体验，当标签添加完成并显示时，可在标签上添加一触发分支添加的按钮，当用户需要对某个标签添加分支信息时，单击该按钮，便会显示标签编辑框以便用户进行添加标签分支。

步骤S30，接收用户在所述标签编辑区编辑的内容，并根据被编辑的标签编辑区的数量确定标签的分支数量，根据所述分支数量确定对应的标签模版；

优选地，所述根据所述分支数量确定对应的标签模版包括：根据所述分支数量确定对应的线型标签模版。

在上一步骤显示3个标签编辑区后，用户选定第一编辑区，使其成为活动编辑区，可以通过输入相关文字信息来编辑标签分支内容。编辑完成后根据需要选定其他编辑区并编辑相关内容。例如需要对一安踏球鞋添加品牌、价钱及购买地址，可以在第一编辑区添加编辑内容“ANTA”，第二编辑区添加内容“￥269”，第三编辑区添加内容“深圳XX店”，用户在编辑区添加内容并确定后，处理器接收到编辑区“ANTA”、“￥269”及“深圳XX店”的内容，并根据被编辑的标签编辑区的数量确定标签的分支数量，在本实施例中，由于3个标签编辑区被用户添加了信息内容，所述标签的分支数量为3。如果用户在编辑信息内容的时候只在其中两个编辑区分别添加ANTA”和“￥269”两个信息内容，则确定的标签分支数量为2。

确定了分支数量后，根据所述的分支数量确定对应的标签模版。在本发明中可以设置多种不同的标签模版。

进一步地，为了避免标签遮挡住图片的内容本实施例中步骤S30标签为线型标签，如图9所示，标签分支形态可以钝角折线形态或者直角折线等多种形态。本发明图片标签的添加方法中文字信息添加到分支上的方式可以采用带填充颜色的文本框的形式、带下划线线型形式或者其他根据应用情况设定的形式。本实施例优选带下划线的形式。在本实施例中，采用线型标签模版可以有效减少图片被标签遮盖的面积并简化标签分支的布局，避免分支之间的互相遮挡，有效改善显示效果。本实施例中以其中一种形态为预设标签形态，在该标签形态下根据分支数量设置多个标签模版。例如钝角形态的标签包括分支数量为1的第一模版、分支数量为2的第二模版及分支数量为3 的第三模版。如图9，标签A，B分别对应第一模版和第三模版的标签。

S40，根据所述编辑区编辑的内容和所述标签模板在图片上添加对应的标签。

在上一步骤确定所述标签模版后，把用户在编辑区编辑的内容添加到模板上分支区域并把标签模版和标签内容添加到图片上。

本发明提供一种图片标签的添加方法，装置及计算机可读存储介质。在该方法中，接收用户在图片上触发的标签添加请求；根据所述图片标签添加请求显示预设数量的标签编辑区；接收用户在所述标签编辑区编辑的内容，并根据被编辑的标签编辑区的数量确定标签的分支数量，根据所述分支数量确定对应的标签模版；根据所述编辑区编辑的内容和所述标签模板在图片上添加对应的标签。通过上述方式，先接收接收用户在图片上触发的标签添加请求，然后根据所述图片标签添加请求显示预设数量的标签编辑区，再接收用户在所述标签编辑区编辑的内容，并根据被编辑的标签编辑区的数量确定标签的分支数量，根据所述分支数量确定对应的标签模版，最后根据所述编辑区编辑的内容和所述标签模板在图片上添加对应的标签。通过设置多个标签标签内容编辑区，并把用户编辑的多个信息内容分别添加到对应多个标签分支上，从而在一个标签上包含多个分支的信息内容，有效的改善图片标签的显示效果和用户体验。

进一步地，参照图3，图3为本发明图片标签的添加方法第二实施例的流程示意图。

基于上述实施例，该图片标签的添加方法还包括：

步骤S50，将添加标签后的图片定义为标签图片，显示所述标签图片。

在本实施例中，将添加标签后的图片定义为“标签图片”，区别于第一实施例中单“图片”。标签图片包括标签和原始图片。在一个标签添加完成后，显示标签图片包括显示标签以及图片本身内容，在显示标签的时候采用预设的模版来显示。例如，第一实施例的安踏篮球鞋的三个标签信息“ANTA”、“￥269”及“深圳XX店”显示时分别显示在标签模版的三个分支上。标签的显示位置为用户触发标签添加请求时的触摸位置。在添加标签完成后及时显示标签图片可以及时地看到显示效果，以便及时的对标签进行修改与调整，从而达到更佳的显示效果。

进一步地，参照图4，图4为本发明图片标签的添加方法的第三实施例的流程示意图。

基于上述实施例，该图片标签的添加方法还包括：

S60，接收用户的操作指令，并确定所述标签图片中标签的位置信息；

S70，根据所述操作指令和所述标签的位置信息确定所述操作指令对应的操作对象属于第一容器还是第二容器；

S80，根据所述操作指令对承载于对应容器中对应的操作对象进行操作。

在现有图片标签技术中，对图片进行操作时，标签也会受到影响，无法独立对标签或者图片进行调整，比如：在对图片进行放大或缩小操作时，标签会跟随图片一起同比例放大或缩小。为了解决这个技术问题，本发明采用三层布局方式，所述标签承载于第一容器中，所述图片和所述第一容器承载于第二容器，第二容器承载于底层容器，底层容器承载对第一容器中的标签各个个体标签和第二容器整体以及第二容器中的图片进行不同调节的操作指令。其中，各容器分别为虚拟承载空间，通过上述三层布局方式，当需要对标签进行调节时，通过底层容器的操作指令在第一容器中对各个标签或其分支进行调节，例如对某个标签进行移动或者某个标签的分支形态进行更改；对标签的调节还包括对标签进行显示状态的更改，例如，隐藏或者显示标签，对标签的显示状态进行更改时需要对第一容器整体进行调节从而控制容器内所有标签的显示状态的改变。当需要对图片进行调节时，通过底层标签的指令在第二容器中对图片进行调节。对图片的调节包括对图片进行缩放。通过三层布局的方式可以实现独立的对标签和图片进行调节，避免滑动操作产生调节冲突。在本实施例中，在显示标签图片步骤之后可以执行对标签或者图片进行调整的相关步骤。对标签进行调整包括：移动标签，更改标签分支，更改标签显示状态等。对图片进行调整包括对图片进行缩放等。在本发明图片标签的添加方法中，三层布局的方式可以使得本实施例中的标签调节和图片调节分别在不同的容器中独立执行，避免操作调节冲突。也即，在调节标签的时候不会对图片产生影响，在调节图片的时候不会对标签产生影响。

在本实施例中，对标签或者图片的调节需要根据用户的操作指令来进行。因此首先需要接收到用户的操作指令。对于触屏手机的，用户的调节操作动作包括短按单击、长按、滑动、拖动等，用户在手机上执行对应的操作动作后，则手机会接收到对应的操作指令，在接收到用户触发的操作指令时，则确定操作指令对应的触电数量。根据触点数量可以包括单点触控，两点触控及多点触控所对应的1个、2个及多个触点。同过不同的操作指令的特点预设不同实现预设不同调节的实现条件。例如，当满足短按单击的位置条件和在初始位置的触屏时间时实现对所有标签的隐藏或者显示。在本实施例中接收到操作指令同时确定标签图片中的标签位置。由于本发明标签可以根据需要添加多个，并且各个标签位置位置可以相对图片独立调节，即标签相对图片的位置可以变化。根据操作指令来实现调节是需要根据操作指令与标签的实时位置来判断调节类型，因此需要确定标签图片中标签的位置信息。

在步骤S60之后，需要根据所述操作指令和所述标签的位置信息确定所述操作指令对应的操作对象属于第一容器还是第二容器。调节功能类别与操作指令及标签位置信息之间的匹配关系应该基于用户触屏操作习惯，使操作指令与实现的调节功能联系更加形象直观，从而达到更好的用户体验效果。例如，如果需要对标签甲进行移动，触点应该在标签甲的某个预设范围内；如果需要对标签甲某个分支a进行调节，触点范围应该在分支a的预设范围内。在本实施例中操作对象可以包括：单个标签、单个标签中的某个分支、所有的标签及图片。本发明采用三层布局的方式，第一容器承载标签，所有与标签有关的操作对象所属容器为第一容器；第二容器承载图片和第一容器，操作对象为图片时所属的容器为第二容器；底层容器承载操作指令，统一对第一容器和第二容器中的操作对象进行调节。

在上述步骤S70完成后，根据所述操作指令对承载于对应容器中对应的操作对象进行操作。在本实施例中对操作指令进行操作实现的功能包括，移动标签、更改标签的显示状态、更改标签的分支形态及对图片进行缩放。其中移动标签，更改标签显示状态和更改标签的分支形态需要更加操作指令在第一容器中执行，而对图片的缩放需要根据操作指令在第二容器中执行。

需要特别说明的是：在图片上未添加任何标签时，当用户长按图片上任意位置时，便触发标签添加请求，当然也可以通过实体按键调出菜单，然后通过菜单上添加标签触发标签添加请求，处理器根据用户操作在底层容器中执行添加标签指令，把标签添加到第一容器中。如果在图片上已添加标签时，基于用户操作，执行上述步骤S60。

在本实施例中，所述标签承载于第一容器中，所述图片和所述第一容器承载于第二容器，接收用户的操作指令，并确定所述标签图片中标签的位置信息；根据所述操作指令和所述标签的位置信息确定所述操作指令对应的操作对象属于第一容器还是第二容器；根据所述操作指令对承载于对应容器中对应的操作对象进行操作。根据用户的操作指令实时的对标签和图片进行调整，以达到更好的显示效果。通过把标签和图片分别位于不同的容器中，从而在操作过程中在不同的容器对标签或者图片独立的进行操作，避免调节过程中对标签和图片的调节产生冲突，从而改善用户体验。

进一步地，参照图5，图5为本发明图片标签的添加方法的第四实施例的流程示意图。基于上述实施例，在本实施例中步骤S70包括S71和S72，步骤S80包括S81，如下所述：

S71，确定所述操作指令对应的触点数量；

S72，当所述触点数量为两个时，确定所述操作对象所属容器为第二容器；

S81，根据两触点之间的相对距离的变化情况对承载于第二容器中的图片进行放大或者缩小。

在本实施例中，所述图片标签的添加方法应用与触屏设备。一般来说，在触屏设备操作时，用户在触屏上进行操作时包括一个触点，两个触点和两个以上的触点，根据操作时间与操作指令位移可以分为短按单击，长按，滑动等动作。在本发明实施例中，三点及以上触控设置为无响应状态。在本实施例中，当触点数量为两个时，确定实现的功能为对图片进行缩放，因而所述容器为承载图片的第二容器。对图片进行缩放时，首先根据两触点位置计算两触点的相对位移，当触点位移变化时，根据变化量与预设放大或者缩小的倍数关系确定放大或者缩小的倍数，并进行进行缩放，例如当触点相对位移变大时，根据位移变化量与预设关系确定放大倍数，并根据放大倍数对图片进行放大。在本实施例中，对图片进行缩放在第二容器中进行，因而对标签不会产生影响。本实施例所述缩放动作通过双触点操控只是为了举例说明，而非限定保护范围，实现图片缩放还可以通过单点双击图片或者其他类似操作指令实现，同样本发明三点触控设置成无响应状态亦非限定保护范围。在本实施例中，当触点数量不是两个时，根据操作指令和其他预设条件是否满足其他调节功能的操作条件或者不响应用户操作。

在本实施例中通过确定所述操作指令对应的触点数量；当所述触点数量为两个时，确定所述操作对象所属容器为第二容器；根据两触点之间的相对距离的变化情况对承载于第二容器中的图片进行放大或者缩小。通过双触点操作在第二容器中对图片独立的进行缩放，有效避免对图片进行缩放时对标签造成影响造成调节冲突，从而改善调节过程中的用户体验。

进一步地，参照图6，图6为本发明图片标签的添加方法的第五实施例的流程示意图。基于上述实施例，在本实施例中步骤S71之后包括S73，步骤 S80包括S82和S83，如下所述：

S73，当所述触点数量为一个时，确定所述操作对象所属容器为第一容器；

S82，当所述操作对象所属容器为第一容器时，确定所述操作指令的起始位置和在起始位置上的停留时间；

S83，当所述操作指令位于标签分支的第一预设范围内，且在所述起始位置上停留时间低于所述第一阈值时间时，根据操作指令对承载于第一容器中对应的标签分支的形态进行更改。

在本发明标签添加方法的实施例中，当触点数量为一个时，确定操作对象与标签有关，包括某个单个标签、某个单个标签的分支及所有的标签，以上所有操作对象所述容器均为第一容器。因此，当触点数量为一个时，确定操作对象所属容器为第一容器。在本实施例中，通过确定操作指令的起始位置和在起始位置上停留时间来确定实现的调节功能。本实施例预设了第一阈值时间，当触摸点在初始位置停留时间低于第一阈值时间时定义操作为单击。起始位置即用户通过手指或者其他介质接触触摸屏的初始位置，当触摸的初始位置位于某个标签的某个标签分支的范围，且对该标签分支做了单击动作，该标签分支的分支形态切换成预设的下一形态。例如，标签甲的a标签分支当前的分支形态为钝角折线分支形态，而预设的钝角分支形态的下一形态为直角折线分支形态，当用户单击标签分支a时，标签分支a的形态由钝角折线形态切换成直角折线形态。当用户单击的触点范围落在标签分支a的范围之外时，则不对标签分支a进行调节，根据触点的位置进行其他调节。在本实施例中，当初始位置不在第一预设范围内，或者在所述起始位置上停留时间不低于所述第一阈值时间时，根据操作指令和其他预设条件是否满足其他调节功能的操作条件或者不响应用户操作。

在本实施例中，当所述触点数量为一个时，确定所述操作对象所属容器为第一容器；当所述操作对象所属容器为第一容器时，确定所述操作指令的起始位置和在起始位置上的停留时间；当所述操作指令位于标签分支的第一预设范围内，且在所述起始位置上停留时间低于所述第一阈值时间时，根据操作指令对承载于第一容器中对应的标签分支的形态进行更改。根据操作指令与预设标签分支更改的条件实现在第一容器中对标签分支形态进行实时更改，能够根据图片显示内容的实际情况来调整分支的状态，改善显示效果。

进一步地，参照图7，图7为本发明图片标签的添加方法的第六实施例的流程示意图。基于上述实施例，在本实施例中步骤S82之后包括S84，步骤 S84如下所述：

S84，当所述操作指令的起始位置在第二预设范围内，且在所述起始位置上停留时间超过所述第一阈值时间时，根据操作指令对承载于第一容器中的对应标签位置进行移动，所述第一预设范围在第二预设范围之内。

S85，当所述操作指令的起始位置位于所述第二预设范围外，且在所述起始位置上停留时间超过第一阈值时间，执行步骤：接收用户在图片上触发的标签添加请求。

在本实施例中，用户对标签进行长按操作时边选定对应的标签，根据用户触点位置的移动对选定标签进行移动。判断用户是否对标签进行长按操作需要判断两个因素。第一，判断触摸点位置是否位于预设的标签范围内。标签图片上可能存在多个标签，每个标签对应一个标签的预设范围，触点落在某个标签范围为对对应标签进行操作，所述标签预设范围包括上一实施例的标签分支范围。第二，判断是否初始触摸在初始位置的停留时间是否超过第一阈值时间，当超过第一阈值时间时，定义用户的操作指令为长按动作。由于第一预设范围在第二预设范围之内，当触点位置位于第一预设范围时，判断用户是进行了长按操作还是单击操作，当用户进行了长按操作时，对对应的标签进行移动。当用户在标签的第二范围内进行了长按动作时，在第一容器中对标签根据用户在长按动作之后的触点位置移动对标签进行移动。在本实施例中，当初始位置不在第二预设范围内，或者在所述起始位置上停留时间不超过所述第一阈值时间时，根据操作指令和其他预设条件是否满足其他调节功能的操作条件或者不响应用户操作。

进一步地，当所述操作指令的起始位置位于所述第二预设范围外，且在所述起始位置上停留时间超过第一阈值时间，执行步骤：接收用户在图片上触发的标签添加请求。

在本发明的实施例中，标签的添加通过长按操作实现。当一个标签添加完成后，需要在标签图片上添加新的标签时，为避免与移动标签的长按操作产生冲突，添加新标签的长按动作触发位置预设在第二预设范围之外。当用户的操作指令的起始位置位于所述第二预设范围外，且在所述起始位置上停留时间超过第一阈值时间，即操作指令为长按动作时，触发新标签的添加请求，基于用户的操作在第一容器中进行新标签的添加。在本实施例中，当初始位置不在第二预设范围外，或者在所述起始位置上停留时间不超过所述第一阈值时间时，根据操作指令和其他预设条件是否满足其他调节功能的操作条件或者不响应用户操作。

在本实施例中，当所述操作指令的起始位置在第二预设范围内，且在所述起始位置上停留时间超过所述第一阈值时间时，根据操作指令对承载于第一容器中的对应标签位置进行移动，所述第一预设范围在第二预设范围之内。通过长按动作实现对标签的选定，更加用户触点位置的移动对对应标签进行移动，从而根据需要调整对应标签进行移动。所述操作指令的起始位置位于所述第二预设范围外，且在所述起始位置上停留时间超过第一阈值时间，接收用户在图片上触发的标签添加请求，通过新标签的添加来完善图片的相关信息。通过多分支和多标签结合来布局，优化显示效果。

进一步地，参照图8，图8为本发明图片标签的添加方法的第七实施例的流程示意图。基于上述实施例，在本实施例中步骤S82之后包括S86，步骤S86如下所述：

当所述操作指令的起始位置位于标签分支的第一预设范围外时，且在所述起始位置上停留时间低于所述第一阈值时间时，根据操作指令对承载于第一容器中所有的标签的显示状态进行更改。

当标签图片中标签过多时，标签的存在会影响图片的显示，在本实施例中，用户通过单击动作实现对所有标签的显示状态进行更改。由于上一实施例的标签分支的形态更改也是通过单击来实现。为了避免操作冲突，本发明通过对显示状态更改的操作触发区域设置为第一预设范围之外。例如，当前标签图片存在甲乙丙三个标签，且当前标签处于显示状态。当用户在三个标签分支的第一预设范围之外进行单击操作，甲乙并三个标签均被隐藏起来。三个标签被隐藏起来后，第一预设范围不存在，在图片上任一位置进行单击便在隐藏前的位置显示甲乙丙三个标签。在本实施例中，当初始位置不在第一预设范围外或者在所述起始位置上停留时间不低于所述第一阈值时间时，根据操作指令和其他预设条件是否满足其他调节功能的操作条件或者不响应用户操作。

在本实施例中，当所述操作指令的起始位置位于标签分支的第一预设范围外时，且在所述起始位置上停留时间低于所述第一阈值时间时，根据操作指令在第一容器中对所有标签的显示状态进行更改。通过根据需要更改标签的显示状态，有效避免标签掩盖图片本身内容，从而改善显示效果和用户体验。

本发明还提供一种提示信息的显示装置。

本发明基于提示信息的显示装置包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的图片标签的添加程序，所述图片标签的添加程序被所述处理器执行时实现如上所述的图片标签的添加方法的步骤。

其中，在所述处理器上运行的图片标签的添加程序被执行时所实现的方法可参照本发明图片标签的添加方法各个实施例，此处不再赘述。

此外，本发明实施例还提出一种计算机可读存储介质。

本发明计算机可读存储介质上存储有图片标签的添加程序，所述提示图片标签的添加程序被处理器执行时实现如上所述的图片标签的添加方法的步骤。

其中，在所述处理器上运行的图片标签的添加程序被执行时所实现的方法可参照本发明提示图片标签的添加方法各个实施例，此处不再赘述。

需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者系统不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者系统所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者系统中还存在另外的相同要素。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

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

以上仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims (10)

1.一种图片标签的添加方法，其特征在于，所述图片标签添加操作的方法包括以下步骤：

接收用户在图片上触发的标签添加请求；

根据所述标签添加请求显示预设数量的标签编辑区；

接收用户在所述标签编辑区编辑的内容，并根据被编辑的标签编辑区的数量确定标签的分支数量，根据所述分支数量确定对应的标签模版；

根据所述编辑区编辑的内容和所述标签模板在图片上添加对应的标签。

2.如权利要求1所述的图片标签的添加方法，其特征在于，所述根据所述分支数量确定对应的标签模版包括：

根据所述分支数量确定对应的线型标签模版。

3.如权利要求1或2所述的图片标签的添加方法，其特征在于，所述根据所述编辑区编辑的内容和所述标签模板在图片上添加对应的标签步骤之后包括：

将添加标签后的图片定义为标签图片，显示所述标签图片。

4.如权利要求3所述的图片标签的添加方法，其特征在于，其中所述标签承载于第一容器中，所述图片和所述第一容器承载于第二容器，所述显示所述标签图片的步骤之后还包括：

接收用户触发的操作指令，并确定所述标签图片中标签的位置信息；

根据所述操作指令和所述标签的位置信息确定所述操作指令对应的操作对象属于第一容器还是第二容器；

根据所述操作指令对承载于对应容器中对应的操作对象进行操作。

5.如权利要求4所述的图片标签的添加方法，其特征在于，所述根据所述操作指令和所述标签的位置信息确定所述操作指令对应的操作对象属于第一容器还是第二容器包括：

确定所述操作指令所对应的触点数量；

当所述触点数量为两个时，确定所述操作对象所属容器为第二容器；

所述根据所述操作指令对承载于对应容器中对应的操作对象进行操作步骤包括：

根据两触点之间的相对距离的变化情况对承载于第二容器中的图片进行放大或者缩小。

6.如权利要求5所述的图片标签添加方法，其特征在于，所述确定操作指令对应触点数量的步骤之后还包括：

当所述触点数量为一个时，确定所述操作对象所属容器为第一容器；

所述根据所述操作指令对承载于对应容器中对应的操作对象进行操作步骤包括：

当所述操作对象所属容器为第一容器时，确定所述操作指令所对应操作动作的起始位置和在起始位置上的停留时间；

当所述操作动作位于标签分支的第一预设范围内，且在所述起始位置上停留时间低于所述第一阈值时间时，根据操作指令对承载于第一容器中对应的标签分支的形态进行更改。

7.如权利要求6所述的图片标签添加方法，其特征在于，所述确定所述操作动作的起始位置和在起始位置上的停留时间的步骤之后还包括：

当所述操作动作的起始位置在第二预设范围内，且在所述起始位置上停留时间超过所述第一阈值时间时，根据操作指令对承载于第一容器中的对应标签位置进行移动，所述第一预设范围在第二预设范围之内；

当所述操作指令的起始位置位于所述第二预设范围外，且在所述起始位置上停留时间超过第一阈值时间，执行步骤：接收用户在图片上触发的标签添加请求。

8.如权利要求6所述的图片标签添加方法，其特征在于，所述确定所述操作指令的起始位置和在起始位置上的停留时间的步骤之后还包括：

当所述操作指令的起始位置位于标签分支的第一预设范围外时，且在所述起始位置上停留时间低于所述第一阈值时间时，根据操作指令对承载于第一容器中所有的标签的显示状态进行更改。

9.一种图片标签的添加装置，其特征在于，所述图片标签的添加装置包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的图片标签添加程序，所述图片标签添加程序被所述处理器执行时实现如权利要求1至8中任一项所述的方法的步骤。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有图片标签添加程序，所述图片标签添加程序被处理器执行时实现如权利要求1至8中任一项所述的图片标签添加方法的步骤。