Android 签名（手势）控件

项目里有时会有那些要签名啊，或者要手绘的要求，为此就会要求有这样的控件存在，这里介绍两个方法：

一、Android 自带的 GestureOverlayView，添加于API-4，主要是用于识别手势的。

对于签名也可以完成大部分工作，但是有个问题：多笔画的时候，两个笔画之间间隔太久会自动清空前面所有笔画。我还么有找解决方法。

使用很简单：

在你的xml文件里添加这个控件就可以（一个透明层）：

[html]  view plain copy

1. <android.gesture.GestureOverlayView   
2.     android:id="@+id/gov"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     android:background="#000000"  
6.     android:gestureColor="#ffffff"  
7.     android:fadeEnabled="false"  
8.     android:gestureStrokeType="multiple"  
9.     android:gestureStrokeLengthThreshold="0.1"  
10.     android:gestureStrokeSquarenessThreshold="0.1"  
11.     android:gestureStrokeAngleThreshold="0.1">  
12. </android.gesture.GestureOverlayView>  

有几个属性简单解释一下：fadeEnable，是手势的淡出效果，在做签名的时候就不用了；gestureStrokeType，有两个值，single和multiple，单笔画和多笔画，签名用多笔画；

gestureStrokeLengthThreshold、gestureStrokeSquarenessThreshold、gestureStrokeAngleThreshold 分别是长度、方形、角度的最小识别值，简单说就是对手势的识别精细度。在签名的要求中可能不是很重要。

然后可以把这个签名（手势）保存成Bitmap：

[java]  view plain copy

1. public Bitmap saveSignature() {  
2.     GestureOverlayView gestureOverlayView = (GestureOverlayView)findViewById(R.id.gov);  
3.     gestureOverlayView.setDrawingCacheEnabled(true);  
4.     return Bitmap.createBitmap(gestureOverlayView.getDrawingCache());   
5. }  

二、如果要求要可以多笔画间隔无限时，手动控制清空的情况，那么可以用自定义控件实现：

[java]  view plain copy

1. public class DrawBoard extends View {  
2.       
3.     private static final float STROKE_WIDTH = 5f; // 笔画的宽度  
4.       
5.     /* 
6.      * 笔画的一半宽度，用于在获取签名（手势）的矩形区域的时候将所有的笔画都框进去。 
7.      * 因为左上角和右下角的点是在笔画的那个点的中心的，所以左上角(x,y)->(x-w/2, y-w/2), 右下角(x,y)->(x+w/2, y+w/2) 
8.      */  
9.     private static final float HALF_STROKE_WIDTH = STROKE_WIDTH / 2;  
10.       
11.     private Paint paint = new Paint();  
12.     private Path path = new Path();  
13.       
14.     private float lastTouchX;  
15.     private float lastTouchY;  
16.     private final RectF dirtyRect = new RectF(); // 用于框出签名（手势）的区域  
17.   
18.     public DrawBoard(Context context, AttributeSet attrs) {  
19.         super(context, attrs);  
20.         paint.setAntiAlias(true); //反锯齿  
21.         paint.setColor(Color.BLACK);  
22.         paint.setStyle(Paint.Style.STROKE);  
23.         paint.setStrokeJoin(Paint.Join.ROUND); // 连接处圆润  
24.         paint.setStrokeWidth(STROKE_WIDTH);  
25.     }  
26.   
27.     public void clear() {  
28.         path.reset();  
29.         invalidate();  
30.     }  
31.   
32.     @Override  
33.     protected void onDraw(Canvas canvas) {  
34.         canvas.drawPath(path, paint);  
35.     }  
36.   
37.     @Override  
38.     public boolean onTouchEvent(MotionEvent event) {  
39.         float eventX = event.getX();  
40.         float eventY = event.getY();  
41.   
42.         switch (event.getAction()) {  
43.             case MotionEvent.ACTION_DOWN:  
44.                 path.moveTo(eventX, eventY);  
45.                 lastTouchX = eventX;  
46.                 lastTouchY = eventY;  
47.                 return true;  
48.       
49.             case MotionEvent.ACTION_MOVE:  
50.             case MotionEvent.ACTION_UP:  
51.                 resetDirtyRect(eventX, eventY); // 和最后一个坐标值比较更新图形矩形左上角和右下角  
52.                 int historySize = event.getHistorySize();  
53.                 for (int i = 0; i < historySize; i++) {  
54.                     float historicalX = event.getHistoricalX(i);  
55.                     float historicalY = event.getHistoricalY(i);  
56.                     expandDirtyRect(historicalX, historicalY); // 和历史坐标值比较更新图形矩形左上角和右下角  
57.                     path.lineTo(historicalX, historicalY);  
58.                 }  
59.                 path.lineTo(eventX, eventY);  
60.                 break;  
61.       
62.             default: return false;  
63.             }  
64.   
65.         invalidate((int) (dirtyRect.left - HALF_STROKE_WIDTH),  
66.                 (int) (dirtyRect.top - HALF_STROKE_WIDTH),  
67.                 (int) (dirtyRect.right + HALF_STROKE_WIDTH),  
68.                 (int) (dirtyRect.bottom + HALF_STROKE_WIDTH)); //刷新整个图型区域  
69.   
70.         lastTouchX = eventX;  
71.         lastTouchY = eventY;  
72.   
73.         return true;  
74.     }  
75.   
76.     private void expandDirtyRect(float historicalX, float historicalY) {  
77.         if (historicalX < dirtyRect.left) {  
78.             dirtyRect.left = historicalX;  
79.         } else if (historicalX > dirtyRect.right) {  
80.             dirtyRect.right = historicalX;  
81.         }  
82.   
83.         if (historicalY < dirtyRect.top) {  
84.             dirtyRect.top = historicalY;  
85.         } else if (historicalY > dirtyRect.bottom) {  
86.             dirtyRect.bottom = historicalY;  
87.         }  
88.     }  
89.   
90.     private void resetDirtyRect(float eventX, float eventY) {  
91.         dirtyRect.left = Math.min(lastTouchX, eventX);  
92.         dirtyRect.right = Math.max(lastTouchX, eventX);  
93.         dirtyRect.top = Math.min(lastTouchY, eventY);  
94.         dirtyRect.bottom = Math.max(lastTouchY, eventY);  
95.     }  
96. }  

补充：

后面我找到了第一种方法笔画不自动消失的方法，主要是用setFadeOffset这个方法

可以参见项目：

http://download.csdn.net/detail/findsafety/8999255