CN103257811A - 基于触摸屏的图片显示系统和方法 - Google Patents

Abstract

一种基于触摸屏的图片显示方法，包括以下步骤：监测与触摸屏的接触；识别所述接触移动的轨迹形成的手势；根据识别出的手势将对应的图片进行旋转或翻转；显示旋转或翻转后的图片。上述基于触摸屏的图片显示方法，通过识别触摸屏上的手势，并根据识别出的手势将显示图片进行旋转或翻转，不需要用户在指定位置点击特定控件对图片进行旋转或翻转，从而增加了用户操作的灵活性和便利性，使得用户操作的方式更加人性化。此外，还提供一种基于触摸屏的图片显示系统。

Description

基于触摸屏的图片显示系统和方法

【技术领域】

本发明涉及计算机技术领域，特别的涉及一种基于触摸屏的图片显示系统和方法。

【背景技术】

随着触摸屏技术的发展，触摸屏技术已经越来越广泛地应用到各个领域，触摸屏操作由于简单、直观、更加贴切用户的操作习惯等特点而受到用户的喜爱，触摸屏操作在逐渐代替鼠标输入等传统输入方式。

在触摸屏操作中，手指点击代替了鼠标点击，手指滑动代替了鼠标滑动，而且触摸屏操作支持多点触控。传统的基于触摸屏的图片显示系统中，对显示的图片进行旋转或翻转，用户可用手指点击触摸屏上的图片工具栏中的旋转或翻转按键图标，来对图片进行操控。然而，上述方式虽然用手指点击代替了鼠标点击，增加了一定的便利性，但用户必须在固定的预设位置点击相应的控件图标来对图片进行操控，操作方式不灵活，给用户操作造成一定的不便。

【发明内容】

基于此，有必要提供一种能提高用户操作便利性的基于触摸屏的图片显示系统。

一种基于触摸屏的图片显示系统，包括：

显示模块，用于显示图片；

手势识别模块，用于监测与触摸屏的接触，并识别所述接触移动的轨迹形成的手势；

图片处理模块，用于根据识别出的手势将对应的图片进行旋转或翻转；

所述显示模块还用于显示旋转或翻转后的图片。

优选的，所述手势识别模块包括：

多指识别模块，用于识别所述接触为单点接触还是多点接触；

速度识别模块，用于识别所述手势的速度；

方向识别模块，用于识别所述手势的方向；

所述图片处理模块用于当所述接触为单点接触、且所述手势的速度大于等于预设值时，根据所述手势的方向旋转或翻转对应的图片。

优选的，所述速度识别模块用于获取手势的起点与终点被触的时间与位置信息，根据起点与终点之间的距离、起点到终点被触的时间间隔计算手势的速度。

优选的，所述方向识别模块用于获取手势的起点与终点的位置信息，计算从起点到终点的向量的角度；

所述图片处理模块用于根据预设的角度与指令对应关系生成相应的旋转或翻转指令，并根据所述旋转或翻转指令旋转或翻转对应的图片。

优选的，所述显示模块还用于显示接触移动的轨迹。

基于此，还有必要提供一种能提高用户操作便利性的基于触摸屏的图片显示方法。

一种基于触摸屏的图片显示方法，包括以下步骤：

监测与触摸屏的接触；

识别所述接触移动的轨迹形成的手势；

根据识别出的手势将对应的图片进行旋转或翻转；

显示旋转或翻转后的图片。

优选的，所述识别所述接触移动的轨迹形成的手势的步骤包括：

识别所述接触为单点接触还是多点接触，并识别所述手势的速度；

当所述接触为单点接触且所述手势的速度大于等于预设值时，识别所述手势的方向；

所述根据识别出的手势将对应的图片进行旋转或翻转的步骤包括：

根据所述手势的方向旋转或翻转对应的图片。

优选的，所述识别所述手势的速度的步骤包括：

获取手势的起点与终点被触的时间与位置信息，根据起点与终点之间的距离、起点到终点被触的时间间隔计算手势的速度。

优选的，所述识别所述手势的方向的步骤包括：

获取手势的起点与终点的位置信息，计算从起点到终点的向量的角度；

所述根据所述手势的方向旋转或翻转对应的图片的步骤包括：

根据预设的角度与指令对应关系生成相应的旋转或翻转指令，并根据所述旋转或翻转指令旋转或翻转对应的图片。

优选的，所述方法还包括：显示所述接触移动的轨迹。

上述基于触摸屏的图片显示方法和系统，通过识别触摸屏上的手势，并根据识别出的手势将显示图片进行旋转或翻转，不需要用户在指定位置点击特定控件对图片进行旋转或翻转，从而增加了用户操作的灵活性和便利性，使得用户操作的方式更加人性化。

【附图说明】

图1为一个实施例中的基于触摸屏的图片显示系统的结构示意图；

图2为一个实施例中的手势识别模块的结构示意图；

图3为一个实施例中的基于触摸屏的图片显示方法的流程示意图；

图4为一个实施例中的步骤S301的流程示意图。

【具体实施方式】

如图1所示，在一个实施例中，一种基于触摸屏的图片显示系统，包括显示模块101、手势识别模块102、图片处理模块103，其中：

显示模块101用于显示图片。

具体的，显示模块101可按照预设方式显示预先加载并解码图片文件得到的原始图片信息流。

手势识别模块102用于监测与触摸屏的接触，并识别所述接触移动的轨迹形成的手势。

具体的，手势识别模块102可采用传统的方法监测与触摸屏的接触，当监测到与触摸屏的接触时，可保存触点的位置、触点位于该位置的时间等信息。若接触移动，则接触移动的轨迹可形成手势。在一个实施例中，从接触开始到接触结束，手势识别模块102可连续采集(按照一定的时间间隔)触点的位置、触点位于该位置的时间，得到一组位置、时间序列，该组位置对应的点连成的曲线可作为接触移动的轨迹曲线，也可称为手势曲线。进一步的，手势识别模块102可根据手势曲线来识别手势。

图片处理模块103，用于根据识别出的手势将对应的图片进行旋转或翻转。

显示模块101还用于显示旋转或翻转后的图片。

上述基于触摸屏的图片显示系统，通过识别触摸屏上的手势，并根据识别出的手势将显示图片进行旋转或翻转，不需要用户在指定位置点击特定控件对图片进行旋转或翻转，从而增加了用户操作的灵活性和便利性，使得用户操作的方式更加人性化。

如图2所示，在一个实施例中，手势识别模块102包括多指识别模块112、速度识别模块122、方向识别模块132，其中：

多指识别模块112用于识别与触摸屏的接触为单点接触还是多点接触。

具体的，多指识别模块112可采用传统的方法识别与触摸屏的接触为单点接触还是多点接触，例如，在Android操作系统中，单点接触可触发ACTION_DOWN事件，多点接触可触发ACTION_POINTER_DOWN事件，可通过判断触发的是ACTION_DOWN事件还是ACTION_POINTER_DOWN事件来判断与触摸屏的接触是单点接触还是多点接触。

速度识别模块122用于识别手势的速度。

在一个实施例中，速度识别模块122可获取手势的起点与终点被触的时间与位置信息，根据起点与终点之间的距离、起点到终点被触的时间间隔计算手势的速度。

具体的，速度识别模块122可监测与触摸屏的接触，当接触开始时，可获取接触开始位置和开始时间，该位置和时间即为接触形成的手势的起点位置和起点被触的时间，当接触结束时，可获取接触结束位置和结束时间，该位置即为接触形成的手势的终点位置和终点被触的时间。进一步的，可计算起点与终点之间的距离以及开始时间到结束时间的时长，将计算得到的距离除以时长，即可得到手势的平均速度。

在另一个实施例中，从接触开始到接触结束，速度识别模块122可连续(按照一定的时间间隔)采集触点的位置，得到一组位置序列。进一步的，可依次计算相邻两个位置之间的距离，并累加这些距离，即可得到接触移动的路程，即手势的长度。进一步的，可获取接触从开始到结束的时长，最后将计算得到的手势的长度除以时长，即可得到手势的平均速度。

方向识别模块132用于识别手势的方向。

在一个实施例中，方向识别模块132可获取手势的起点与终点的位置信息，计算从起点到终点的向量的角度，该角度即可用来标记手势的方向或手势的角度。

具体的，方向识别模块132可监测与触摸屏的接触，当接触开始时，可获取接触开始位置，该位置即为接触形成的手势的起点位置，当接触结束时，可获取接触结束位置，该位置即为接触形成的手势的终点位置。进一步的，可计算从起点到终点的向量的角度。向量的角度即为x轴正方向到向量到夹角。向量(x，y)的角度α满足条件：

可根据向量的反正弦和反余弦求出向量的角度。

在一个实施例中，图片处理模块103用于当多指识别模块112识别出接触为单点接触、且速度识别模块122识别出手势的速度大于等于预设值时，根据方向识别模块132识别出的手势的方向旋转或翻转对应的图片。

本实施例中，图片处理模块103用于在接触为单指接触且手势的速度大于预设值时，才根据手势的方向旋转或翻转应用的图片，可筛除与触摸屏的误操作，从而更加准确的识别用户的手势。

具体的，在一个实施例中，图片处理模块103可根据方向识别模块132识别出的手势的起点到终点的向量的角度来旋转或翻转对应的图片。

具体的，图片处理模块103可根据预设的角度与指令对应关系生成相应的旋转或翻转指令，并根据旋转或翻转指令旋转或翻转对应的图片。

在一个实施例中，可预先设置手势的角度与指令的对应关系。具体的，在一个实施例中，可如表1所示设置手势的角度α与指令的对应关系。

表1

上述基于触摸屏的图片显示系统，只需要识别出手势的角度即可对显示图片进行旋转或翻转，识别方式简单快速；另外上述方式中，当手势的方向向左或向右时，将图片左右翻转，当手势的方向向上或向下时，将图片上下翻转，当手势的方向向右上时，将图片右旋90度，当手势的方向向左上时，将图片左旋90度，该方式根据用户操作习惯来旋转或翻转显示图片，提高了用户操作的简便性，使用户操作更加人性化，增强了用户体验。

在一个实施例中，显示模块101还用于显示接触移动的轨迹。

具体的，在一个实施例中，显示模块101可显示与接触移动的轨迹相对应的曲线，当接触结束时，可消除曲线。本实施例，可以给用户可视化的提示，使用户更加清楚的看到手指滑动所形成的手势，可帮助用户滑出更规范的手势，从而提高了用户的操作便利性。

如图3所示，在一个实施例中，一种基于触摸屏的图片显示方法，包括以下步骤：

步骤S301，监测与触摸屏的接触，识别接触移动的轨迹形成的手势。

具体的，可采用传统的方法监测与触摸屏的接触，当监测到与触摸屏的接触时，可保存触点的位置、触点位于该位置的时间等信息。若接触移动，则接触移动的轨迹可形成手势。在一个实施例中，从接触开始到接触结束，可连续采集(按照一定的时间间隔)触点的位置、触点位于该位置的时间，得到一组位置、时间序列，该组位置对应的点连成的曲线可作为接触移动的轨迹曲线，也可称为手势曲线。进一步的，可根据手势曲线来识别手势。

步骤S302，根据识别出的手势将对应的图片进行旋转或翻转。

步骤S303，显示旋转或翻转后的图片。

上述基于触摸屏的图片显示方法，通过识别触摸屏上的手势，并根据识别出的手势将显示图片进行旋转或翻转，不需要用户在指定位置点击特定控件对图片进行旋转或翻转，从而增加了用户操作的灵活性和便利性，使得用户操作的方式更加人性化。

如图4所示，在一个实施例中，步骤S301包括：

步骤S311，识别接触为单点接触还是多点接触，并识别手势的速度。

具体的，可采用传统的方法识别与触摸屏的接触为单点接触还是多点接触，例如，在Android操作系统中，单点接触可触发ACTION_DOWN事件，多点接触可触发ACTION_POINTER_DOWN事件，可通过判断触发的是ACTION_DOWN事件还是ACTION_POINTER_DOWN事件来判断与触摸屏的接触是单点接触还是多点接触。

进一步的，可获取手势的起点与终点被触的时间与位置信息，根据起点与终点之间的距离、起点到终点被触的时间间隔计算手势的速度。

具体的，可监测与触摸屏的接触，当接触开始时，可获取接触开始位置和开始时间，该位置和时间即为接触形成的手势的起点位置和起点被触的时间，当接触结束时，可获取接触结束位置和结束时间，该位置即为接触形成的手势的终点位置和终点被触的时间。进一步的，计算起点与终点之间的距离以及开始时间到结束时间的时长，将计算得到的距离除以时长，即可得到手势的平均速度。

在另一个实施例中，从接触开始到接触结束，可连续(按照一定的时间间隔)采集触点的位置，得到一组位置序列。进一步的，可依次计算相邻两个位置之间的距离，并累加这些距离，即可得到接触移动的路程，即手势的长度。进一步的，获取接触从开始到结束的时长，最后将计算得到的手势的长度除以时长，即可得到手势的平均速度。

步骤S321，当接触为单点接触且手势的速度大于等于预设值时，识别手势的方向。

在一个实施例中，可获取手势的起点与终点的位置信息，计算从起点到终点的向量的角度，该角度即可用来标记手势的方向或手势的角度。

具体的，可监测与触摸屏的接触，当接触开始时，可获取接触开始位置，该位置即为接触形成的手势的起点位置，当接触结束时，可获取接触结束位置，该位置即为接触形成的手势的终点位置。进一步的，可计算从起点到终点的向量的角度。向量的角度即为x轴正方向到向量到夹角。向量(x，y)的角度α满足条件：

可根据向量的反正弦和反余弦求出向量的角度。

在一个实施例中，步骤302的具体过程为：当接触为单点接触、且手势的速度大于等于预设值时，根据手势的方向旋转或翻转对应的图片。

本实施例中，在接触为单指接触且手势的速度大于预设值时，才根据手势的方向旋转或翻转应用的图片，可筛除与触摸屏的误操作，从而更加准确的识别用户的手势。

具体的，在一个实施例中，根据手势的方向旋转或翻转对应的图片的步骤的具体过程为：根据手势的起点到终点的向量的角度来旋转或翻转对应的图片。

在一个实施例中，可根据预设的角度与指令对应关系生成相应的旋转或翻转指令，并根据旋转或翻转指令旋转或翻转对应的图片。

在一个实施例中，可预先设置手势的角度与指令的对应关系。具体的，在一个实施例中，可如表1所示设置手势的角度α与指令的对应关系。

上述基于触摸屏的图片显示方法，只需要识别出手势的角度即可对显示图片进行旋转或翻转，识别方式简单快速；另外上述方式中，当手势的方向向左或向右时，将图片左右翻转，当手势的方向向上或向下时，将图片上下翻转，当手势的方向向右上时，将图片右旋90度，当手势的方向向左上时，将图片左旋90度，该方式根据用户操作习惯来旋转或翻转显示图片，提高了用户操作的简便性，使用户操作更加人性化，增强了用户体验。

在一个实施例中，上述基于触摸屏的图片显示方法，还包括步骤：显示接触移动的轨迹。

在一个实施例中，可显示与接触移动的轨迹相对应的曲线，当接触结束时，可消除曲线。本实施例，可以给用户可视化的提示，使用户更加清楚的看到手指滑动所形成的手势，可帮助用户滑出更规范的手势，从而提高了用户的操作便利性。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (10)

1.一种基于触摸屏的图片显示系统，其特征在于，包括：

显示模块，用于显示图片；

手势识别模块，用于监测与触摸屏的接触，并识别所述接触移动的轨迹形成的手势；

图片处理模块，用于根据识别出的手势将对应的图片进行旋转或翻转；

所述显示模块还用于显示旋转或翻转后的图片。

2.根据权利要求1所述的基于触摸屏的图片显示系统，其特征在于，所述手势识别模块包括：

多指识别模块，用于识别所述接触为单点接触还是多点接触；

速度识别模块，用于识别所述手势的速度；

方向识别模块，用于识别所述手势的方向；

所述图片处理模块用于当所述接触为单点接触、且所述手势的速度大于等于预设值时，根据所述手势的方向旋转或翻转对应的图片。

3.根据权利要求2所述的基于触摸屏的图片显示系统，其特征在于，所述速度识别模块用于获取手势的起点与终点被触的时间与位置信息，根据起点与终点之间的距离、起点到终点被触的时间间隔计算手势的速度。

4.根据权利要求2所述的基于触摸屏的图片显示系统，其特征在于，所述方向识别模块用于获取手势的起点与终点的位置信息，计算从起点到终点的向量的角度；

所述图片处理模块用于根据预设的角度与指令对应关系生成相应的旋转或翻转指令，并根据所述旋转或翻转指令旋转或翻转对应的图片。

5.根据权利要求1至4任意一项所述的基于触摸屏的图片显示系统，其特征在于，所述显示模块还用于显示接触移动的轨迹。

6.一种基于触摸屏的图片显示方法，包括以下步骤：

监测与触摸屏的接触；

识别所述接触移动的轨迹形成的手势；

根据识别出的手势将对应的图片进行旋转或翻转；

显示旋转或翻转后的图片。

7.根据权利要求6所述的基于触摸屏的图片显示方法，其特征在于，所述识别所述接触移动的轨迹形成的手势的步骤包括：

识别所述接触为单点接触还是多点接触，并识别所述手势的速度；

当所述接触为单点接触且所述手势的速度大于等于预设值时，识别所述手势的方向；

所述根据识别出的手势将对应的图片进行旋转或翻转的步骤包括：

根据所述手势的方向旋转或翻转对应的图片。

8.根据权利要求7所述的基于触摸屏的图片显示方法，其特征在于，所述识别所述手势的速度的步骤包括：

获取手势的起点与终点被触的时间与位置信息，根据起点与终点之间的距离、起点到终点被触的时间间隔计算手势的速度。

9.根据权利要求7所述的基于触摸屏的图片显示方法，其特征在于，所述识别所述手势的方向的步骤包括：

获取手势的起点与终点的位置信息，计算从起点到终点的向量的角度；

所述根据所述手势的方向旋转或翻转对应的图片的步骤包括：

根据预设的角度与指令对应关系生成相应的旋转或翻转指令，并根据所述旋转或翻转指令旋转或翻转对应的图片。

10.根据权利要求6至9任意一项所述的基于触摸屏的图片显示方法，其特征在于，所述方法还包括：

显示所述接触移动的轨迹。

Images