CN102520865A

CN102520865A - 一种手机自适应图片剪裁的实现方法

Info

Publication number: CN102520865A
Application number: CN2011104262724A
Authority: CN
Inventors: 郑湘琴; 禄博瑞
Original assignee: Shenzhen Sang Fei Consumer Communications Co Ltd
Current assignee: Shenzhen Sang Fei Consumer Communications Co Ltd
Priority date: 2011-12-19
Filing date: 2011-12-19
Publication date: 2012-06-27

Abstract

本发明提供的一种手机自适应图片剪裁的实现方法，该方法首先获取当前剪裁框的信息以及它的区域坐标，然后再通过获取被剪裁图片的信息从而实现自适应图片剪裁。该方法不仅适用于触摸屏手机也适用于按键型手机。本发明解决了现有裁剪方式时存在图片显示不够清晰以及边角区的内容无法被选中等问题。本发明不仅可以显著提高用户操作的用户体验，也可以任意拖动剪裁框或图片来实现图片的剪裁。

Description

一种手机自适应图片剪裁的实现方法

技术领域

本发明涉及手机领域，具体涉及一种手机自适应图片剪裁的实现方法。

背景技术

目前手机通用图形编辑器，对图片进行剪裁处理的方式主要有两种：方式一：背景图片固定不动，移动剪裁框选中背景图片剪裁区域进行剪裁，其缺点是，只能在当前LCD屏幕范围内，放大缩小或者拖动剪裁框，这样当原图分辨率很大时，导致要选中剪裁的图片显示不够清晰等缺点；方式二：剪裁框固定于LCD屏幕中心位置显示，对背景图片进行放大缩小或者拖动，其缺点是当拖动图片到LCD边界区时，导致图片本身边角区的内容无法被选中等缺点。

发明内容

为了解决现有裁剪方式存在图片显示不够清晰以及边角区的内容无法被选中等问题，本发明提供一种手机自适应图片剪裁的实现方法。

本发明提供的一种手机自适应图片剪裁的实现方法包括以下步骤：

1)获取当前剪裁框的信息以及它的区域坐标；

2)获取被剪裁图片的信息。

作为上述技术方案的进一步改进，所述方法用于触摸屏手机。

作为上述技术方案的进一步改进，所述方法适用于按键型手机。

作为上述技术方案的进一步改进，所述触摸屏手机中图片剪裁方法具体包括以下步骤：

1)获取剪裁对象信息；

2)获取图片的对象信息；

3)获取用户触摸的坐标；

4)判断步骤3中的坐标是否在剪裁框外，

5)若步骤4中坐标在剪裁框外，则判断是否产生滑动位移；若没有产生滑动位移，则重复步骤3；若产生滑动位移，则根据图片缓存和滑动位移重绘图片，实现自适应剪裁；

6)若判断步骤4中的坐标没在剪裁框外，则判断是否产生滑动位移，若没有产生滑动位移，则重复执行步骤3，若产生滑动位移，则根据滑动位移重新绘制剪裁区域，以实现自适应获取；

7)结束自适应裁剪。

作为上述技术方案的进一步改进，所述按键型手机中图片剪裁方法包括以下步骤：

1)获取剪裁对象信息；

2)获取图片的对象信息；

3)获取用户的按键信息，

4)判断是否启动图片移动键，若是，则根据图片缓存和滑动位移重绘制图片，实现自适应裁剪。

5)若步骤4中的图片移动键没有启动，则进一步判断手机侧键是否开启，若开启，则使剪切框大小改变，重新绘制，从而实现自适应裁剪；

6)若步骤5中得手机侧键没有开启，则进一步判断手机方向键是否开启，若开启，则改变裁剪框位置，并重新绘制，以实现自适应裁剪；若手机方向键没有开启，则返回步骤3重新获取用户的按键信息。

作为上述技术方案的进一步改进，所述步骤1中获取剪裁对象信息是根据系统剪裁框类记录的数据，得到剪裁框的左上角和右下角坐标(X1，Y1)(X2，Y2)，从而确定剪裁框的区域范围为(X1，Y1)(X1，Y2)(X2，Y2)(X2，Y1)。

作为上述技术方案的进一步改进，所述步骤2中图片的对象信息为获取被剪裁图片被创建时的ImageView对象和剪裁框被创建时的View对象。

作为上述技术方案的进一步改进，所述步骤4是先获取用户触摸屏幕的坐标信息后，通过传进来的参数event得到：X＝event.getRawX()和Y＝event.getRawY()，再根据得到的X、Y坐标信息来判定是在剪裁框的区域内部或是区域外部。

作为上述技术方案的进一步改进，所述用户触摸的坐标在剪裁框区域外部时的具体参数为X＜X1或X＞X2，Y＜Y1或Y＞Y2；所述用户触摸的坐标在剪裁框区域内部时的具体参数为：X＞X1或X＜X2，Y＞Y1或Y＜Y2；所述用户触摸的坐标在剪裁框区域边界上时的具体参数为：X＝X1或X＝X2，Y＝Y1或Y＝Y2。

作为上述技术方案的进一步改进，将适用于触摸屏手机自适应图片剪裁方法中处理触摸的事件更换为处理按键的时事件，根据传入的按键信息不同，来分别处理对应需要重绘的组件，从而实现按键型手机自适应图片剪裁。

本发明具有以下优点：

1、本发明不仅适用于触摸屏手机，也适用于按键型手机，用户在使用不同类型手机时，在对图形进行编辑或剪裁的过程中，不仅能够缩放背景图片，而且能够上、下、左、右任意拖动剪裁框或者拖动背景图片，完成对所选图片进行精确定位浏览与剪裁。更重要的是，精妙的视觉体验，轻松友好的操控体验，极大地提升了用户的愉悦性。

2、本发明可以显著提高用户操作的用户体验，可以任意拖动剪裁框或者图片来实现图片的剪裁，摆脱了传统单一的操作方式。

附图说明

图1为本发明一种手机自适应图片剪裁的实现方法的触屏手机软件实现流程图；

图2为本发明一种手机自适应图片剪裁的实现方法的按键手机软件实现流程图；

图3为本发明一种手机自适应图片剪裁的实现方法的拖动剪裁框示例图；

图4为本发明一种手机自适应图片剪裁的实现方法的拖动背景图片示例图；

图5为本发明一种手机自适应图片剪裁的实现方法中触摸坐标在剪裁框区域在外部时的坐标图；

图6为本发明一种手机自适应图片剪裁的实现方法中触摸坐标在剪裁框区域在内部时的坐标图；

图7为本发明一种手机自适应图片剪裁的实现方法中触摸坐标在剪裁框区域在边界上时的坐标图。

具体实施方式

以下将结合附图和实施例，对本发明进行较为详细的说明。

本发明提供的实现手机自适应图片剪裁的方法，手机软件控制图形编辑器界面，对于按键型手机，可以定义上下侧键为对图片作放大或缩小处理键，上、下、左、右方向键为剪裁框的移动键，在当前LCD屏幕范围内任意移动剪裁框，选中背景图片剪裁内容；同时，定义2、8、4、6键为图片的上、下、左、右的移动键。当用户点击2、8、6、4键时根据位移大小重绘图片，实现自适应图片剪裁。对于触摸屏手机，在用户点击触摸屏幕准备剪裁的过程中，若触摸的坐标在剪裁框坐标区域范围内，并且用户触发拖动动作，用户可以在当前LCD屏幕范围内任意移动剪裁框，选中背景图片剪裁内容；若触摸的坐标在剪裁框坐标区域范围外，并且用户触发拖动动作，则根据位移及图片的缓存信息来重绘图片，实现自适应图片剪裁。

以下具体以触摸屏手机为例详述如下：参见图1所示，对于触摸屏手机适应图片剪裁的方法包括以下步骤：步骤1，获取剪裁对象信息；步骤2，获取图片的对象信息；步骤3，获取用户触摸的坐标；步骤4，判断步骤3中的坐标是否在剪裁框外，步骤5，若步骤4中坐标在剪裁框外，则判断是否产生滑动位移；若没有产生滑动位移，则重复步骤3；若产生滑动位移，则根据图片缓存和滑动位移重绘图片，实现自适应剪裁；步骤6，若判断步骤4中的坐标没在剪裁框外，则判断是否产生滑动位移，若没有产生滑动位移，则重复执行步骤3，若产生滑动位移，则根据滑动位移重新绘制剪裁区域，以实现自适应获取；步骤7，结束自适应裁剪。

实现以上步骤具体方法如下，参见图3-图7所示，首先根据系统剪裁框类记录的数据，得到剪裁框的左上角和右下角坐标(X1，Y1)(X2，Y2)，从而得知剪裁框的区域范围为(X1，Y1)(X1，Y2)(X2，Y2)(X2，Y1)。其次，获取被剪裁图片被创建时的ImageView对象和剪裁框被创建时的View对象。这两个对象记录了图片和剪裁框的位置、事件处理等信息。根据该对象提供的信息，可以实现对图像或剪裁框的重绘，以达到自适应剪裁的效果。当用户触摸屏幕时，手机系统会有按键事件传到应用层，根据传入的按键坐标和类型来分别处理。在剪裁的过程中存在两个View，图片的ImageView和剪裁框的View。触摸事件传入到应用层时，系统会调用View对象中的OnTouchEvent(MotionEvent event)方法。先获取用户触摸屏幕的坐标信息，通过传进来的参数event得到：X＝event.getRawX()和Y＝event.getRawY()。根据得到的X、Y坐标信息来判定是在剪裁框的区域内部或是区域外部。

具体参见图5所示，当在剪裁框区域外部时，即：X＜X1或X＞X2，Y＜Y1或Y＞Y2。然后再判断触摸事件的类型：触摸事件分为ACTION_DOWN、ACTION_MOVE、ACTION_UP三种类型。在产生ACTION_MOVE事件时，根据起始坐标X，Y和当前坐标X’，Y’来计算当前位移。横向位移＝X’-X，纵向位移＝Y’-Y。得到位移后，即可重新在图片所在的图层上进行重新绘制动作。为了保证绘制的速度在另外一个线程中进行计算处理。具体的重绘方法，可以调用系统提供的一些刷新接口，例如Layout(x，y，x1，y1)，把图片新的坐标信息当做参数传下去，经过驱动层最终让中央处理器更新LCD上显示的图片信息，产生图片移动的效果。从而实现图片的自适应剪裁。

具体参见图6所示，当在剪裁框区域内部时，即：X＞X1或X＜X2，Y＞Y1或Y＜Y2；同样的，我们也需要判断触摸事件的类型，如果为ACTION_MOVE事件，计算产生的位移量。和第一种况相同：横向位移＝X’-X，纵向位移＝Y’-Y。得到位移后，即可重新在剪裁框所在的图层上进行重新绘制动作。为了保证绘制的速度我们也可以重新启动一个线程来完成重绘的工作。然后调用系统提供的Layout(x，y，x1，y1)方法，把新的坐标参数传入，经过驱动层最终让中央处理器更新LCD上显示的剪裁框位置，产生剪裁框移动的效果。从而实现图片的自适应剪裁。

具体参见图7所示，当在剪裁框区域边界上时，即：X＝X1或X＝X2，Y＝Y1或Y＝Y2；此种情况是改变剪裁框的大小。和第二中情况类似，我们只需根据偏移量计算出剪裁框一组新的坐标，然后调用Layout(x，y，x1，y1)方法进行重新绘制即可。

而对于按键型手机，原理与触摸屏手机适应图片剪裁的方法类似，只是把处理触摸的事件变为处理按键的时事件，根据传入的按键信息不同，来分别处理对应需要重绘的组件，这里不再详细叙述。

Claims

1.一种手机自适应图片剪裁的实现方法，其特征在于：所述方法包括以下步骤：

1)获取当前剪裁框的信息以及它的区域坐标；

2)获取被剪裁图片的信息。

2.根据权利要求1所述的手机自适应图片剪裁的实现方法，其特征在于：所述方法用于触摸屏手机。

3.根据权利要求1所述的手机自适应图片剪裁的实现方法，其特征在于：所述方法适用于按键型手机。

4.根据权利要求2所述的手机自适应图片剪裁的实现方法，其特征在于：所述方法具体包括以下步骤：

1)获取剪裁对象信息；

2)获取图片的对象信息；

3)获取用户触摸的坐标；

4)判断步骤3中的坐标是否在剪裁框外，

7)结束自适应裁剪。

5.根据权利要求3所述的手机自适应图片剪裁的实现方法包括以下步骤：

1)获取剪裁对象信息；

2)获取图片的对象信息；

3)获取用户的按键信息，

4)判断是否启动图片移动键，若是，则根据图片缓存和滑动位移重绘制图片，实现自适应裁剪；

6.根据权利要求4所述的手机自适应图片剪裁的实现方法，其特征在于：所述步骤1中获取剪裁对象信息是根据系统剪裁框类记录的数据，得到剪裁框的左上角和右下角坐标(X1，Y1)(X2，Y2)，从而确定剪裁框的区域范围为(X1，Y1)(X1，Y2)(X2，Y2)(X2，Y1)。

7.根据权利要求6所述的手机自适应图片剪裁的实现方法，其特征在于：所述步骤2中图片的对象信息为获取被剪裁图片被创建时的ImageView对象和剪裁框被创建时的View对象。

8.根据权利要求7所述的手机自适应图片剪裁的实现方法，其特征在于：所述步骤4是先获取用户触摸屏幕的坐标信息后，通过传进来的参数event得到：X＝event.getRawX()和Y＝event.getRawY()，再根据得到的X、Y坐标信息来判定是在剪裁框的区域内部或是区域外部。

9.根据权利要求8所述的手机自适应图片剪裁的实现方法，其特征在于：所述用户触摸的坐标在剪裁框区域外部时的具体参数为X＜X1或X＞X2，Y＜Y1或Y＞Y2；所述用户触摸的坐标在剪裁框区域内部时的具体参数为：X＞X1或X＜X2，Y＞Y1或Y＜Y2；所述用户触摸的坐标在剪裁框区域边界上时的具体参数为：X＝X1或X＝X2，Y＝Y1或Y＝Y2。

10.根据权利要求5或9所述的手机自适应图片剪裁的实现方法，其特征在于：将适用于触摸屏手机自适应图片剪裁方法中处理触摸的事件更换为处理按键的时事件，根据传入的按键信息不同，来分别处理对应需要重绘的组件，从而实现按键型手机自适应图片剪裁。