一种图片显示方法及装置与流程

本发明涉及图片处理领域，尤其涉及一种图片显示方法及装置。

背景技术：

随着计算机技术的发展，智能化教学已经逐渐普及到各个校园中，基于智能化教学，老师可利用各种智能化教学设备，如大屏智能平板等实现教学而不需要再使用粉笔在黑板上写字，从而提高了教学的效率，也解决了老师吃粉笔灰的问题。

在有些教学情况下，老师希望可以逐渐显示其教学内容，而非一下子完整显示出来。例如，美术老师上课时想让一幅画一点一点的呈现出来，又比如数学老师想让解题的步骤一步一步的呈现出来。

现有技术中，虽然利用PPT可以实现逐步显示，但是PPT的逐步显示不够灵活，而且制作难度大，制作所需时间也比较长，使用体验不佳。

技术实现要素：

针对上述问题，本发明的目的在于提供一种图片显示方法及装置，可根据用户的操作来逐步进行图像的显示。

本发明提供了一种图片显示方法，包括如下步骤：

当监听到鼠标位于待显示图片的隐藏区域内时，获取所述鼠标在当前时刻的坐标，并将所述当前时刻的坐标存入预设的点集合；

查询所述点集合中位于当前时刻之前的上一个时刻的坐标；

根据所述当前时刻的坐标与所述上一个时刻的坐标，生成当前移动路径；

显示与所述当前移动路径对应的像素。

优选地，在当监听到鼠标位于待显示图片的隐藏区域内时，获取所述鼠标在当前时刻的坐标，并将所述当前时刻的坐标存入预设的点集合之前，还包括：

将待显示图片的clip属性设置为一个空的Geometry对象，以隐藏所述待显示图片。

优选地，所述当监听到鼠标位于待显示图片的隐藏区域内时，获取所述鼠标在当前时刻的坐标，并将所述当前时刻的坐标存入预设的点集合，具体为：

监听鼠标在显示屏幕坐标系下的第一坐标；

根据所述第一坐标及预置的第二坐标，得到所述鼠标相对于待显示图片的第三坐标；其中，所述第二坐标为所述待显示图片的参考点在所述显示屏幕坐标系下的坐标；

当判断所述第三坐标位于所述待显示图片的隐藏区域内时，将所述第三坐标设置为当前时刻的坐标，并将所述当前时刻的坐标存入预设的点集合中。

优选地，当所述当前时刻的坐标与所述上一个时刻的坐标连续时，根据所述当前时刻的坐标与所述上一个时刻的坐标，生成当前移动路径。

优选地，所述显示与所述当前移动路径对应的像素，具体为：

将所述当前路径设置给所述待显示图片的clip属性，以显示与所述当前移动路径对应的像素。

优选地，在显示与所述当前移动路径对应的像素之前，还包括：

将预置的路径宽度设置给所述当前移动路径。

本发明还提供一种图片显示装置，包括：

监听单元，用于当监听到鼠标位于待显示图片的隐藏区域内时，获取所述鼠标在当前时刻的坐标，并将所述当前时刻的坐标存入预设的点集合；

查询单元，用于查询所述点集合中位于当前时刻之前的上一个时刻的坐标；

移动路径生成单元，用于根据所述当前时刻的坐标与所述上一个时刻的坐标，生成当前移动路径；

显示单元，用于显示与所述当前移动路径对应的像素。

优选地，还包括：

隐藏单元，用于将待显示图片的clip属性设置为一个空的Geometry对象，以隐藏所述待显示图片。

优选地，所述监听单元具体包括：

坐标监听模块，用于监听鼠标在显示屏幕坐标系下的第一坐标；

坐标变换模块，用于根据所述第一坐标及预置的第二坐标，得到所述鼠标相对于待显示图片的第三坐标；其中，所述第二坐标为所述待显示图片的参考点在所述显示屏幕坐标系下的坐标；

保存模块，用于当判断所述第三坐标位于所述待显示图片的隐藏区域内时，将所述第三坐标设置为当前时刻的坐标，并将所述当前时刻的坐标存入预设的点集合中。

优选地，还包括：

路径宽度设置单元，用于将预置的路径宽度设置给所述当前移动路径。

本发明实施例提供的图片显示方法及装置，可根据用户移动鼠标形成的路径来显示所述待显示图片上的相应的区域，使得用户可以根据实际的边移动鼠标边显示图像，实现了灵活的图片显示，整个过程操作实现简单，操作便捷，满足了教学或演示中的需求，提升了互动的效果。

附图说明

为了更清楚地说明本发明的技术方案，下面将对实施方式中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施方式，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例提供的图片显示方法的流程示意图。

图2是本发明实施例提供的待显示图片部分显示时的示意图。

图3是本发明实施例提供的图片显示装置的结构示意图。

图4是图3的监听单元的结构示意图。

具体实施方式

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

请参阅图1，本发明实施例提供了一种图片显示方法，其可由图像显示装置来执行，所述图像显示装置可为笔记本、台式电脑或其他智能终端。

其中，所述图片显示方法至少包括如下步骤：

S101，当监听到鼠标位于待显示图片的隐藏区域内时，获取所述鼠标在当前时刻的坐标，并将所述当前时刻的坐标存入预设的点集合。

在本发明实施例中，首先需要将所述待显示图片隐藏起来，即将所述待显示图片的所有像素的透明度设置为1(归一化的透明度)，此时所述待显示图片呈不可视的隐藏状态。

其中，可将所述待显示图片的clip属性设置为一个空的Geometry对象。这时，所述待显示图片的像素的透明度变成1(即完全透明)，从而实现隐藏图片的效果。

在本发明实施例中，所述图片显示装置会保持监听用户通过鼠标在显示屏幕上的位置，当监听到鼠标位于待显示图片的隐藏区域内时，获取所述鼠标在当前时刻的坐标，并将所述当前时刻的坐标存入预设的点集合。

需要说明的是，由于所述图像显示装置初始获取的坐标是鼠标相对于显示屏幕的坐标，即在显示屏幕坐标系下的坐标，因而需要进行坐标系的换算来得到所述鼠标相对于所述待显示图像的坐标。

具体地，所述图像显示装置首先通过系统接口获取与鼠标在显示屏幕坐标系下的第一坐标P1(P1.x，P1.y)，然后获取所述待显示图片的参考点(如左上角的点)在所述显示屏幕坐标系下的第二坐标P2(P2.x，P2.y)，接着根据所述第一坐标P1及所述二坐标P2，得到第三坐标P3＝(P1.x-P2.x，P1.y-P2.y)，即得到所述鼠标相对于待显示图片的第三坐标。最后当判断所述第三坐标位于所述待显示图片的隐藏区域内时，将所述第三坐标设置为当前时刻的坐标，并将所述当前时刻的坐标存入预设的点集合中。

S102，查询所述点集合中位于当前时刻之前的上一个时刻的坐标。

在本发明实施例中，由步骤S101监听得到的当前时刻的坐标都会存入到所述点集合中，因而可以在所述点集合中查询到位于当前时刻之前的上一个时刻的坐标，其中，这个坐标是经过坐标系变换后的坐标。

S103，根据所述当前时刻的坐标与所述上一个时刻的坐标，生成当前移动路径。

在本发明实施例中，在获得当前时刻的坐标与所述上一个时刻的坐标后，即可以生成当前移动路径。

具体地，可通过StreamGeometry来生成当前移动路径，首先，通过StreamGeometry中的Open方法获取一个可以绘制路径的上下文对象StreamGeometryContext，StreamGeometryContext包含两个方法：BeginFigure和LineTo，BeginFigure就是初始化第一个点应该画在那里(上一时刻的坐标)，LinkTo是第二点的坐标(当前时刻的坐标)，它将第二个点与第一个连接起来从而成为一条线，生成移动路线，再通过StreamGeometryContext中的GetWidenedPathGeometry方法就可以根据所述移动路线生成当前移动路径。

在本发明实施例中，当用户不断移动或滑动鼠标时，所述图像显示装置就可以不断生成移动路径。

需要说明的是，在本发明实施例中，在根据所述当前时刻的坐标与所述上一个时刻的坐标，生成当前移动路径之前，首先需要判断所述当前时刻的坐标与所述上一个时刻的坐标是否连续，如果不连续，则不会根据这两个坐标生成当前移动路径。其中，连续要求这两个坐标的x值和y值的差的绝对值不大于预定的参数(如优选的，所述参数可选择为1)。例如假设所述当前时刻的坐标为(x，y)，则当所述上一个时刻的坐标为(x±1，y),(x±1，y±1)，(x，y±1)时，则这两个点连续，否则不连续。其目的是防止用户在不同的位置点击时造成的额外显示的问题。

例如，如图2所述，假设用户上一时刻的鼠标的坐标在A点，然后退出滑动显示的模式后，移动到B点，并再次进行滑动显示模式，则这时候不应该根据这两个点生成当前移动路径，否则会使得AB之间的区域都显示出来。

S104，显示与所述当前移动路径对应的像素。

在本发明实施例中，所述图像显示装置将所述当前移动路径设置给所述待显示图片的Clip属性，此时所述待显示图片上只会显示与所述当前移动路径对应的区域内的像素，其它部分还是保持透明状态。这样，就可以根据用户的操作显示相应的部分，从而满足教学或演示中的需求。

例如，美术老师上课时有一幅画想让它一点一点的呈现出来，就可以使用本发明实施例，先将整幅画隐藏，再用鼠标将首先显示的区域擦出来，从而实现一点一点呈现的目的。再例如，数学老师想让解题的步骤一步一步的呈现出来，可以先将整个的解题步骤设置为隐藏，在讲课的时候可以讲一步擦一步，从而实现一步一步呈现的目的。

综上所述，本发明实施例提供的图片显示方法，可根据用户移动鼠标形成的路径来显示所述待显示图片上的相应的区域，使得用户可以根据实际需要的边移动鼠标边显示图像，实现了灵活的图片显示，整个过程操作实现简单，操作便捷，满足了教学或演示中的需求，提升了互动的效果。

为了便于对本发明的理解，下面将对本发明的一些优选实施例做更进一步的描述。

上述实施例中，所述移动路径的线宽为1个像素，这导致用户可能需要非常多的滑动操作才能显示自己所要显示的内容，操作非常不便。

为此，在本优选实施例中，还包括：

将预置的路径宽度设置给所述当前移动路径。

如图2所示，在本优选实施例中，可将鼠标的形状设置成类似橡皮擦的形状，橡皮擦的高度即是预置的路径宽度，这样，在显示的时候，会将当前鼠标所覆盖的范围内的像素都一并显示，使得每次显示的像素点的数目较多，从而避免了需要频繁移动或滑动鼠标的问题。

此外，所述路径宽度可由用户选择，这样用户可根据实际情况选择需要的路径宽度，以满足实际的使用需求。

请参阅图3，本发明还提供一种图片显示装置100，包括：

监听单元10，用于当监听到鼠标位于待显示图片的隐藏区域内时，获取所述鼠标在当前时刻的坐标，并将所述当前时刻的坐标存入预设的点集合。

查询单元20，用于查询所述点集合中位于当前时刻之前的上一个时刻的坐标。

移动路径生成单元30，用于根据所述当前时刻的坐标与所述上一个时刻的坐标，生成当前移动路径。

需要说明的是，在本发明实施例中，所述移动路径生成单元30在根据所述当前时刻的坐标与所述上一个时刻的坐标，生成当前移动路径之前，首先需要判断所述当前时刻的坐标与所述上一个时刻的坐标是否连续，如果不连续，则不会根据这两个坐标生成当前移动路径。其中，连续要求这两个坐标的x值和y值的差的绝对值不大于预定的参数(如优选的，所述参数可选择为1)。例如假设所述当前时刻的点击点的坐标为(x，y)，则当所述上一个时刻的点击点的坐标为(x±1，y),(x±1，y±1)，(x，y±1)时，则这两个点连续，否则不连续。其目的是防止用户在不同的位置点击时造成的额外显示的问题。

例如，如图2所述，假设用户上一时刻的鼠标的坐标在A点，然后退出滑动显示的模式后，移动到B点，并再次进行滑动显示模式，则这时候不应该根据这两个点生成当前移动路径，否则会使得AB之间的区域都显示出来。

显示单元40，用于显示与所述当前移动路径对应的像素。

在本发明实施例中，所述显示单元40将所述当前移动路径设置给所述待显示图片的Clip属性，此时所述待显示图片上只会显示与所述当前移动路径对应的区域内的像素，其它部分还是保持透明状态。这样，就可以根据用户的操作显示相应的部分，从而满足教学或演示中的需求。

综上所述，本发明实施例提供的图片显示装置100，可根据用户移动鼠标形成的路径来显示所述待显示图片上的相应的区域，使得用户可以根据实际需要的边移动鼠标边显示图像，实现了灵活的图像显示，整个过程操作实现简单，操作便捷，满足了教学或演示中的需求，提升了互动的效果。

其中，优选地，还包括：

隐藏单元50，用于将待显示图片的clip属性设置为一个空的Geometry对象，以隐藏所述待显示图片。

在本发明实施例中，首先需要将所述待显示图片隐藏起来，即将所述待显示图片的所有像素的透明度设置为1(归一化的透明度)，此时所述待显示图片呈不可视的隐藏状态。

其中，可将所述待显示图片的Clip属性设置为一个空的Geometry对象。这时，所述待显示图片的像素的透明度变成1(即完全透明)，从而实现隐藏图片的效果。

请参阅图4，其中，优选地，所述监听单元10具体包括：

坐标监听模块11，用于监听鼠标在显示屏幕坐标系下的第一坐标。

坐标变换模块12，用于根据所述第一坐标及预置的第二坐标，得到所述鼠标相对于待显示图片的第三坐标；其中，所述第二坐标为所述待显示图片的参考点在所述显示屏幕坐标系下的坐标。

保存模块13，用于当判断所述第三坐标位于所述待显示图片的隐藏区域内时，将所述第三坐标设置为当前时刻的坐标，并将所述当前时刻的坐标存入预设的点集合中。

优选地，还包括：

路径宽度设置单元50，用于将预置的路径宽度设置给所述当前移动路径。

如图2所示，在本优选实施例中，可将鼠标的形状设置成类似橡皮擦的形状，橡皮擦的高度即是预置的路径宽度，这样，在显示的时候，会将当前鼠标所覆盖的范围内的像素都一并显示，使得每次显示的像素点的数目较多，从而避免了需要频繁移动或滑动鼠标的问题。

此外，所述路径宽度可由用户选择，这样用户可根据实际情况选择需要的路径宽度，以满足实际的使用需求。

以上所揭露的仅为本发明一种较佳实施例而已，当然不能以此来限定本发明之权利范围，本领域普通技术人员可以理解实现上述实施例的全部或部分流程，并依本发明权利要求所作的等同变化，仍属于发明所涵盖的范围。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory，ROM)或随机存储记忆体(Random Access Memory，RAM)等。