Android 中自定义手势
我们大家都知道android可以用手势来解锁，那么既然利用手势既然能进行解锁等操作，那么我们游戏开发中，更是可以加入这一亮点了，比如在游戏中我画个圆形执行换背景操作，画个X表示退出游戏等等，等等、是不是感觉很有意思了？好的，下面就开始进入讲解！
首先本篇主要学习两点：
1. 如何创建输入法手势、删除输入法手势、从SD卡中读取出手势文件！
2.当输入法手势创建后，如何来匹配出我们的自定义手势！
下面我们来熟习两个类和几个概念：
1. 什么是 GestureOverlayView ？ 简单点说其实就是一个手写绘图区；
2. 什么是 GestureLibrary ？ 这个类是对手势进行保存、删除等操作的，一个存放手势的小仓库！
3. 笔划是什么，字体笔画？ 是的，其实就是跟我们写字的笔划一个概念！
4.什么是笔划类型？ 输入法手势操作中，笔划类型有两种；一种是：单一笔划，另外一种是：多笔划
所谓单一笔划笔划就是一笔划画出一个手势，从你手指接触屏幕开始到你离开屏幕笔画就会立刻形成一个手势!一气呵成！
而多笔划则是可以在一定紧凑时间内随意几笔划都可!然后超过这个紧凑时间后便会形成一个手势！
我们来看看效果图是什么样的。
效果1
效果2
效果1界面中分为3块，从上到下依次是：TextView ，EditText，SurfaceView；然后在SurfaceView后面还有一个覆盖全屏的GestureOverlayView！
效果2界面是在创建好的手势中匹配手势的界面，这里很清晰看出来。
先看下main.xml中的代码:
Java代码：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TextView
android:id="@+id/himi_tv"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello"
android:textSize="15sp"
android:textColor="#FFFFFF00" />
<EditText
android:id="@+id/himi_edit"
android:layout_width="fill_parent"
android:layout_height="wrap_content" />
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1">
<com.himi.MySurfaceView
android:id="@+id/view3d"
android:layout_width="fill_parent"
android:layout_height="fill_parent" />
<android.gesture.GestureOverlayView
android:id="@+id/himi_gesture"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1.0"/>
</RelativeLayout>
</LinearLayout>
复制代码
关于GestureOverlayView这里也只是简单的定义了宽高,还有一些重要的属性设置在代码中设置了，当然xml也可以设置的。
下面看MainActivity.java
Java代码：
**
*@author Himi
*@输入法手势识别
*@注意: android.gesture这个类在api-4(SDK1.6)才开始支持的！
*@提醒：默认存到SD卡中，所以别忘记在AndroidMainfest.xml加上SD卡读写权限！
*/
public class MainActivity extends Activity {
private GestureOverlayView gov;// 创建一个手写绘图区
private Gesture gesture;// 手写实例
private GestureLibrary gestureLib;//创建一个手势仓库
private TextView tv;
private EditText et;
private String path;//手势文件路径
private File file;//
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
WindowManager.LayoutParams.FLAG_FULLSCREEN);
this.requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.main);
tv = (TextView) findViewById(R.id.himi_tv);
et = (EditText) findViewById(R.id.himi_edit);
gov = (GestureOverlayView) findViewById(R.id.himi_gesture);
gov.setGestureStrokeType(GestureOverlayView.GESTURE_STROKE_TYPE_MULTIPLE);//设置笔划类型
// GestureOverlayView.GESTURE_STROKE_TYPE_MULTIPLE 设置支持多笔划
// GestureOverlayView.GESTURE_STROKE_TYPE_SINGLE 仅支持单一笔划
path = new File(Environment.getExternalStorageDirectory(), "gestures").getAbsolutePath();
//得到默认路径和文件名/sdcard/gestures
file = new File(path);//实例gestures的文件对象
gestureLib = GestureLibraries.fromFile(path);//实例手势仓库
gov.addOnGestureListener(new OnGestureListener() { // 这里是绑定手写绘图区
@Override
// 以下方法是你刚开始画手势的时候触发
public void onGestureStarted(GestureOverlayView overlay, MotionEvent event) {
tv.setText("请您在紧凑的时间内用两笔划来完成一个手势！西西~");
}
@Override
// 以下方法是当手势完整形成的时候触发
public void onGestureEnded(GestureOverlayView overlay, MotionEvent event) {
gesture = overlay.getGesture();// 从绘图区取出形成的手势
if (gesture.getStrokesCount() == 2) {//我判定当用户用了两笔划
//(强调：如果一开始设置手势笔画类型是单一笔画，那你这里始终得到的只是1！)
if (event.getAction() == MotionEvent.ACTION_UP) {//判定第两笔划离开屏幕
//if(gesture.getLength()==100){}//这里是判定长度达到100像素
if (et.getText().toString().equals("")) {
tv.setText("由于您没有输入手势名称，so~保存失败啦~");
} else {
tv.setText("正在保存手势...");
addGesture(et.getText().toString(), gesture);//我自己写的添加手势函数
}
}
} else {
tv.setText("请您在紧凑的时间内用两笔划来完成一个手势！西西~");
}
}
@Override
public void onGestureCancelled(GestureOverlayView overlay, MotionEvent event) {
}
@Override
public void onGesture(GestureOverlayView overlay, MotionEvent event) {
}
});
//----这里是在程序启动的时候进行遍历所有手势!------
if (!gestureLib.load()) {
tv.setText("Himi提示：手势超过9个我做了删除所有手势的操作，为了界面整洁一些！"
+ " 输入法手势练习~(*^__^*)~ 嘻嘻！\n操作介绍：(画手势我设置必须画两笔划才行哦~)\n1." +
"添加手势：先EditText中输入名称，然后在屏幕上画出手势！\n2.匹配手势："
+ "在EditText输入\"himi\",然后输入手势即可！ ");
} else {
Set<String> set = gestureLib.getGestureEntries();//取出所有手势
Object ob[] = set.toArray();
loadAllGesture(set, ob);
}
}
}
复制代码
这个就是MainActivity主要代码了，其中添加手势、匹配手势、遍历手势、将手势转成图片这些我都单独写成了函数，这样让各位童鞋更清晰思路一些。
从以上代码中我们看出在创建手势之前，手写绘图区（GestureOverlayView）肯定先被创建出来，然后我们就可以在其区域中进行笔划绘画手势了，当然绘画手势前，我们也需要设置了笔划类型，也就是我一开始给大家介绍的~其后最重要的就是手写绘图区的手势监听器绑定，增加OnGestureListener这个监听器重写了四个函数，这里最重要的就两个函数：
onGestureStarted 和 onGestureEnded ； 手势开始和手势结束的监听函数!
那么我们下面就来看如何创建一个手势：
Java代码：
public void addMyGesture(String name, Gesture gesture) {
try {
if (name.equals("himi")) {
findGesture(gesture);
} else {
// 关于两种方式创建模拟器的SDcard在【Android2D游戏开发之十】有详解
if (Environment.getExternalStorageState() != null) {// 这个方法在试探终端是否有sdcard!
if (!file.exists()) {// 判定是否已经存在手势文件
// 不存在文件的时候我们去直接把我们的手势文件存入
gestureLib.addGesture(name, gesture);
if (gestureLib.save()) {//保存到文件中
gov.clear(true);//清除笔画
// 注意保存的路径默认是/sdcard/gesture ,so~别忘记AndroidMainfest.xml加上读写权限！
// 这里抱怨一下，咳咳、其实昨天就应该出这篇博文的，就是因为这里总是异常,今天仔细看了
// 才发现不是没写权限,而是我虽然在AndroidMainfest.xml中写了权限，但是写错了位置..哭死！
tv.setText("保存手势成功！因为不存在手势文件，" + "所以第一次保存手势成功会默认先创" +
"建了一个手势文件！然后将手势保存到文件中.");
et.setText("");
gestureToImage(gesture);
} else {
tv.setText("保存手势失败！");
}
} else {
//当存在此文件的时候我们需要先删除此手势然后把新的手势放上
//读取已经存在的文件,得到文件中的所有手势
if (!gestureLib.load()) {//如果读取失败
tv.setText("手势文件读取失败！");
} else {
//读取成功
Set<String> set = gestureLib.getGestureEntries();//取出所有手势
Object ob[] = set.toArray();
boolean isHavedGesture = false;
for (int i = 0; i < ob.length; i++) {//这里是遍历所有手势的name
if (((String) ob[i]).equals(name)) {//和我们新添的手势name做对比
isHavedGesture = true;
}
}
if (isHavedGesture) {//如果此变量为true说明有相同name的手势
//----备注1-------------------//gestureLib.removeGesture(name, gesture);//删除与当前名字相同的手势
/*----备注2-----------------*/
gestureLib.removeEntry(name);
gestureLib.addGesture(name, gesture);
} else {
gestureLib.addGesture(name, gesture);
}
if (gestureLib.save()) {
gov.clear(true);//清除笔画
gestureToImage(gesture);
tv.setText("保存手势成功！当前所有手势一共有：" + ob.length + "个");
et.setText("");
} else {
tv.setText("保存手势失败！");
}
//------- --以下代码是当手势超过9个就全部清空 操作--------
if (ob.length > 9) {
for (int i = 0; i < ob.length; i++) {//这里是遍历删除手势
gestureLib.removeEntry((String) ob[i]);
}
gestureLib.save();
if (MySurfaceView.vec_bmp != null) {
MySurfaceView.vec_bmp.removeAllElements();//删除放置手势图的容器
}
tv.setText("手势超过9个，已全部清空!");
et.setText("");
}
ob = null;
set = null;
}
}
} else {
tv.setText("当前模拟器没有SD卡 - -。");
}
}
} catch (Exception e) {
tv.setText("操作异常！");
}
}
复制代码
这里也都很好理解，套路类似之前File文件存储的套路，先判断SD是否存在，然后是文件是否存在:
如果文件不存在就先直接添加到手势到手势仓库中，然后手势仓调用gestureLib.save()才算把手势存到SD卡的手势文件中。
那么最后给各位童鞋说一下，其实输入法手势操作很是适合游戏中使用，不管是触摸屏手势操作还是今天讲的输入法手势操作如果加到游戏中那都是相当好的！希望这个对大家开发有用。
首先本篇主要学习两点：
1. 如何创建输入法手势、删除输入法手势、从SD卡中读取出手势文件！
2.当输入法手势创建后，如何来匹配出我们的自定义手势！
下面我们来熟习两个类和几个概念：
1. 什么是 GestureOverlayView ？ 简单点说其实就是一个手写绘图区；
2. 什么是 GestureLibrary ？ 这个类是对手势进行保存、删除等操作的，一个存放手势的小仓库！
3. 笔划是什么，字体笔画？ 是的，其实就是跟我们写字的笔划一个概念！
4.什么是笔划类型？ 输入法手势操作中，笔划类型有两种；一种是：单一笔划，另外一种是：多笔划
所谓单一笔划笔划就是一笔划画出一个手势，从你手指接触屏幕开始到你离开屏幕笔画就会立刻形成一个手势!一气呵成！
而多笔划则是可以在一定紧凑时间内随意几笔划都可!然后超过这个紧凑时间后便会形成一个手势！
我们来看看效果图是什么样的。
效果1
效果2
效果1界面中分为3块，从上到下依次是：TextView ，EditText，SurfaceView；然后在SurfaceView后面还有一个覆盖全屏的GestureOverlayView！
效果2界面是在创建好的手势中匹配手势的界面，这里很清晰看出来。
先看下main.xml中的代码:
Java代码：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TextView
android:id="@+id/himi_tv"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello"
android:textSize="15sp"
android:textColor="#FFFFFF00" />
<EditText
android:id="@+id/himi_edit"
android:layout_width="fill_parent"
android:layout_height="wrap_content" />
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1">
<com.himi.MySurfaceView
android:id="@+id/view3d"
android:layout_width="fill_parent"
android:layout_height="fill_parent" />
<android.gesture.GestureOverlayView
android:id="@+id/himi_gesture"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1.0"/>
</RelativeLayout>
</LinearLayout>
复制代码
关于GestureOverlayView这里也只是简单的定义了宽高,还有一些重要的属性设置在代码中设置了，当然xml也可以设置的。
下面看MainActivity.java
Java代码：
**
*@author Himi
*@输入法手势识别
*@注意: android.gesture这个类在api-4(SDK1.6)才开始支持的！
*@提醒：默认存到SD卡中，所以别忘记在AndroidMainfest.xml加上SD卡读写权限！
*/
public class MainActivity extends Activity {
private GestureOverlayView gov;// 创建一个手写绘图区
private Gesture gesture;// 手写实例
private GestureLibrary gestureLib;//创建一个手势仓库
private TextView tv;
private EditText et;
private String path;//手势文件路径
private File file;//
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
WindowManager.LayoutParams.FLAG_FULLSCREEN);
this.requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.main);
tv = (TextView) findViewById(R.id.himi_tv);
et = (EditText) findViewById(R.id.himi_edit);
gov = (GestureOverlayView) findViewById(R.id.himi_gesture);
gov.setGestureStrokeType(GestureOverlayView.GESTURE_STROKE_TYPE_MULTIPLE);//设置笔划类型
// GestureOverlayView.GESTURE_STROKE_TYPE_MULTIPLE 设置支持多笔划
// GestureOverlayView.GESTURE_STROKE_TYPE_SINGLE 仅支持单一笔划
path = new File(Environment.getExternalStorageDirectory(), "gestures").getAbsolutePath();
//得到默认路径和文件名/sdcard/gestures
file = new File(path);//实例gestures的文件对象
gestureLib = GestureLibraries.fromFile(path);//实例手势仓库
gov.addOnGestureListener(new OnGestureListener() { // 这里是绑定手写绘图区
@Override
// 以下方法是你刚开始画手势的时候触发
public void onGestureStarted(GestureOverlayView overlay, MotionEvent event) {
tv.setText("请您在紧凑的时间内用两笔划来完成一个手势！西西~");
}
@Override
// 以下方法是当手势完整形成的时候触发
public void onGestureEnded(GestureOverlayView overlay, MotionEvent event) {
gesture = overlay.getGesture();// 从绘图区取出形成的手势
if (gesture.getStrokesCount() == 2) {//我判定当用户用了两笔划
//(强调：如果一开始设置手势笔画类型是单一笔画，那你这里始终得到的只是1！)
if (event.getAction() == MotionEvent.ACTION_UP) {//判定第两笔划离开屏幕
//if(gesture.getLength()==100){}//这里是判定长度达到100像素
if (et.getText().toString().equals("")) {
tv.setText("由于您没有输入手势名称，so~保存失败啦~");
} else {
tv.setText("正在保存手势...");
addGesture(et.getText().toString(), gesture);//我自己写的添加手势函数
}
}
} else {
tv.setText("请您在紧凑的时间内用两笔划来完成一个手势！西西~");
}
}
@Override
public void onGestureCancelled(GestureOverlayView overlay, MotionEvent event) {
}
@Override
public void onGesture(GestureOverlayView overlay, MotionEvent event) {
}
});
//----这里是在程序启动的时候进行遍历所有手势!------
if (!gestureLib.load()) {
tv.setText("Himi提示：手势超过9个我做了删除所有手势的操作，为了界面整洁一些！"
+ " 输入法手势练习~(*^__^*)~ 嘻嘻！\n操作介绍：(画手势我设置必须画两笔划才行哦~)\n1." +
"添加手势：先EditText中输入名称，然后在屏幕上画出手势！\n2.匹配手势："
+ "在EditText输入\"himi\",然后输入手势即可！ ");
} else {
Set<String> set = gestureLib.getGestureEntries();//取出所有手势
Object ob[] = set.toArray();
loadAllGesture(set, ob);
}
}
}
复制代码
这个就是MainActivity主要代码了，其中添加手势、匹配手势、遍历手势、将手势转成图片这些我都单独写成了函数，这样让各位童鞋更清晰思路一些。
从以上代码中我们看出在创建手势之前，手写绘图区（GestureOverlayView）肯定先被创建出来，然后我们就可以在其区域中进行笔划绘画手势了，当然绘画手势前，我们也需要设置了笔划类型，也就是我一开始给大家介绍的~其后最重要的就是手写绘图区的手势监听器绑定，增加OnGestureListener这个监听器重写了四个函数，这里最重要的就两个函数：
onGestureStarted 和 onGestureEnded ； 手势开始和手势结束的监听函数!
那么我们下面就来看如何创建一个手势：
Java代码：
public void addMyGesture(String name, Gesture gesture) {
try {
if (name.equals("himi")) {
findGesture(gesture);
} else {
// 关于两种方式创建模拟器的SDcard在【Android2D游戏开发之十】有详解
if (Environment.getExternalStorageState() != null) {// 这个方法在试探终端是否有sdcard!
if (!file.exists()) {// 判定是否已经存在手势文件
// 不存在文件的时候我们去直接把我们的手势文件存入
gestureLib.addGesture(name, gesture);
if (gestureLib.save()) {//保存到文件中
gov.clear(true);//清除笔画
// 注意保存的路径默认是/sdcard/gesture ,so~别忘记AndroidMainfest.xml加上读写权限！
// 这里抱怨一下，咳咳、其实昨天就应该出这篇博文的，就是因为这里总是异常,今天仔细看了
// 才发现不是没写权限,而是我虽然在AndroidMainfest.xml中写了权限，但是写错了位置..哭死！
tv.setText("保存手势成功！因为不存在手势文件，" + "所以第一次保存手势成功会默认先创" +
"建了一个手势文件！然后将手势保存到文件中.");
et.setText("");
gestureToImage(gesture);
} else {
tv.setText("保存手势失败！");
}
} else {
//当存在此文件的时候我们需要先删除此手势然后把新的手势放上
//读取已经存在的文件,得到文件中的所有手势
if (!gestureLib.load()) {//如果读取失败
tv.setText("手势文件读取失败！");
} else {
//读取成功
Set<String> set = gestureLib.getGestureEntries();//取出所有手势
Object ob[] = set.toArray();
boolean isHavedGesture = false;
for (int i = 0; i < ob.length; i++) {//这里是遍历所有手势的name
if (((String) ob[i]).equals(name)) {//和我们新添的手势name做对比
isHavedGesture = true;
}
}
if (isHavedGesture) {//如果此变量为true说明有相同name的手势
//----备注1-------------------//gestureLib.removeGesture(name, gesture);//删除与当前名字相同的手势
/*----备注2-----------------*/
gestureLib.removeEntry(name);
gestureLib.addGesture(name, gesture);
} else {
gestureLib.addGesture(name, gesture);
}
if (gestureLib.save()) {
gov.clear(true);//清除笔画
gestureToImage(gesture);
tv.setText("保存手势成功！当前所有手势一共有：" + ob.length + "个");
et.setText("");
} else {
tv.setText("保存手势失败！");
}
//------- --以下代码是当手势超过9个就全部清空 操作--------
if (ob.length > 9) {
for (int i = 0; i < ob.length; i++) {//这里是遍历删除手势
gestureLib.removeEntry((String) ob[i]);
}
gestureLib.save();
if (MySurfaceView.vec_bmp != null) {
MySurfaceView.vec_bmp.removeAllElements();//删除放置手势图的容器
}
tv.setText("手势超过9个，已全部清空!");
et.setText("");
}
ob = null;
set = null;
}
}
} else {
tv.setText("当前模拟器没有SD卡 - -。");
}
}
} catch (Exception e) {
tv.setText("操作异常！");
}
}
复制代码
这里也都很好理解，套路类似之前File文件存储的套路，先判断SD是否存在，然后是文件是否存在:
如果文件不存在就先直接添加到手势到手势仓库中，然后手势仓调用gestureLib.save()才算把手势存到SD卡的手势文件中。
那么最后给各位童鞋说一下，其实输入法手势操作很是适合游戏中使用，不管是触摸屏手势操作还是今天讲的输入法手势操作如果加到游戏中那都是相当好的！希望这个对大家开发有用。
