手势Gesture的绘制、保存及处理的学习

最新推荐文章于 2023-12-29 16:34:48 发布
最新推荐文章于 2023-12-29 16:34:48 发布
阅读量1.6k 收藏
点赞数
分类专栏： 手势Gesture 文章标签： android layout button encoding string path
 最近写了一个小程序，学习了一下android中的手势文件。手势相关的类有
1.GestureOverlayView，这个是手势绘制区，既布局中的一个控件，用于接收用户绘制的手势、监听绘制区的改变、清除当前手势等等。
2.GestureLibrary 这个算是手势文件的一个库，里面存放着当前保存过的手势资源，可以用这个类进行手势资源的存储和读取。
3.Gesture，手势实例，无论是读取手势，还是要保存当前的手势，都是Gesture对象。
4.Prediction 识别率。主要用于在根据当前手势查询手势库中是否有匹配手势时需要用到。
下面根据程序来详细讲解一下如何应用这几个类。

本主要功能是根据手势判别来拨打电话。可以保存手势，查看现在保存的手势，如果程序第一次运行，便在指定路径下建立手势文件。



因为要保存手势文件和打电话，所以首先在程序清单中添加权限
AndroidManifest.xml代码片段：
  1. <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
  2.         <uses-permission android:name="android.permission.CALL_PHONE"/>
复制代码
程序用到的布局文件有4个，一个是主Activity用到的xml布局。就是第一张图的布局文件：
main.xml代码：
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="fill_parent"
  4.     android:layout_height="fill_parent"
  5.     android:orientation="vertical" >

  7.     <TextView
  8.         android:layout_width="fill_parent"
  9.         android:layout_height="wrap_content"
  10.         android:text="@string/hello" />

  12.     <android.gesture.GestureOverlayView
  13.         android:id="@+id/gestures"
  14.         android:layout_width="fill_parent"
  15.         android:layout_height="fill_parent"
  16.         android:layout_weight="1"
  17.         android:gestureStrokeType="multiple" >
  18.     </android.gesture.GestureOverlayView>

  20. <LinearLayout  android:layout_width="fill_parent"
  21.             android:layout_height="wrap_content"
  22.             android:gravity="center_horizontal">
  23.         <Button
  24.             android:id="@+id/btnAdd"
  25.             android:layout_width="wrap_content"
  26.             android:layout_height="wrap_content"
  27.             android:text="    添加手势    " />
  28.           <Button
  29.             android:id="@+id/btnSelect"
  30.             android:layout_width="wrap_content"
  31.             android:layout_height="wrap_content"
  32.             android:text="查看已有手势" />
  33. </LinearLayout>

  35. </LinearLayout>
复制代码
以及添加手势资源时用的布局文件：
addgesture.xml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="fill_parent"
  4.     android:layout_height="fill_parent"
  5.     android:orientation="vertical"
  6.     android:gravity="center_horizontal">

  8.     <LinearLayout
  9.         android:layout_width="fill_parent"
  10.         android:layout_height="wrap_content" >

  12.         <TextView
  13.             android:layout_width="wrap_content"
  14.             android:layout_height="wrap_content"
  15.             android:text="手机号码："
  16.             android:inputType="number"/>

  18.         <EditText
  19.             android:id="@+id/txtNum"
  20.             android:layout_width="match_parent"
  21.             android:layout_height="wrap_content" />
  22.     </LinearLayout>

  24.     <android.gesture.GestureOverlayView
  25.         android:id="@+id/gestureAdd"
  26.         android:layout_width="fill_parent"
  27.         android:layout_height="fill_parent"
  28.         android:layout_weight="1"
  29.         android:gestureStrokeType="multiple" >
  30.     </android.gesture.GestureOverlayView>

  32.     <Button
  33.         android:id="@+id/btnOK"
  34.         android:layout_width="wrap_content"
  35.         android:layout_height="wrap_content"
  36.         android:text="    确定    " />

  38. </LinearLayout>
复制代码
剩下2个是gridView的布局文件和点击查看所有手势的布局文件：
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="fill_parent"
  4.     android:layout_height="fill_parent"
  5.     android:orientation="vertical"
  6.     android:gravity="center_horizontal">

  8.     <LinearLayout
  9.         android:layout_width="fill_parent"
  10.         android:layout_height="wrap_content" >

  12.         <TextView
  13.             android:layout_width="wrap_content"
  14.             android:layout_height="wrap_content"
  15.             android:text="手机号码："
  16.             android:inputType="number"/>

  18.         <EditText
  19.             android:id="@+id/txtNum"
  20.             android:layout_width="match_parent"
  21.             android:layout_height="wrap_content" />
  22.     </LinearLayout>

  24.     <android.gesture.GestureOverlayView
  25.         android:id="@+id/gestureAdd"
  26.         android:layout_width="fill_parent"
  27.         android:layout_height="fill_parent"
  28.         android:layout_weight="1"
  29.         android:gestureStrokeType="multiple" >
  30.     </android.gesture.GestureOverlayView>

  32.     <Button
  33.         android:id="@+id/btnOK"
  34.         android:layout_width="wrap_content"
  35.         android:layout_height="wrap_content"
  36.         android:text="    确定    " />

  38. </LinearLayout>
复制代码
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:orientation="vertical" >

  7.     <GridView
  8.         android:id="@+id/gvTop"
  9.         android:layout_width="fill_parent"
  10.         android:layout_height="fill_parent"
  11.         android:gravity="center"
  12.         android:numColumns="auto_fit"
  13.         android:scrollbars="none">
  14.     </GridView>

  16. </LinearLayout>
复制代码
在主activity GestureLearnActivity中，要判断第一次加载时是否有手势文件，如果没有则创建一个手势文件，并监听手势绘制区的改变，当绘制完成时与手势库中的手势进行比较。
GestureLearnActivity代码片段
  1. /**
  2.          * 初始化
  3.          */
  4.         public void init() {
  5.                 // 获得布局中的组件
  6.                 btnAdd = (Button) findViewById(R.id.btnAdd);
  7.                 btnAdd.setOnClickListener(this);
  8.                 btnSelect = (Button) findViewById(R.id.btnSelect);
  9.                 btnSelect.setOnClickListener(this);
  10.                 gesture = (GestureOverlayView) findViewById(R.id.gestures);
  11.                 // 手势文件的加载路径
  12.                 String path = "/sdcard/gestures";
  13.                 // 加载手势文件
  14.                 library = GestureLibraries.fromFile(path);
  15.                 if (library.load()) {
  16.                        
  17.                         gesture.addOnGesturePerformedListener(this);
  18.                 } else {
  19.                         Toast.makeText(GestureLearnActivity.this, "无手势文件",
  20.                                         Toast.LENGTH_LONG).show();
  21.                        
  22.                         File file = new File(path);
  23.                         try {
  24.                                 //创建手势文件
  25.                                 file.createNewFile();
  26.                         } catch (Exception e) {
  27.                                 e.printStackTrace();
  28.                         }
  29.                 }
  30.         }
  31. // 这个接口里处理匹配的手势
  32. public void onGesturePerformed(GestureOverlayView overlay, Gesture gesture) {
  33.         ArrayList<Prediction> predictions = library.recognize(gesture);
  34.         if (predictions.size() > 0) {
  35.                 // 获得识别率
  36.                 Prediction predict = predictions.get(0);
  37.                 // 如果识别率大于1，则说明找到匹配手势
  38.                 if (predict.score > 1.0) {
  39.                         //调用打电话activity
  40.                         Intent intent = new Intent(Intent.ACTION_CALL, Uri.parse("tel:"
  41.                                         + predict.name));
  42.                         //不打电话，只进入打电话界面
  43.                         //Intent phone=new Intent("com.android.phone.action.TOUCH_DIALER");
  44.                         startActivity(intent);
  45.                         }
  46.                 }

  48.         }
复制代码
在点击添加手势按钮以后，程序进入第二个activity中
GestureLearnActivity代码片段：
  1. case R.id.btnAdd:// 处理按下添加手势按钮
  2.                         Intent intent = new Intent(getApplicationContext(),
  3.                                         AddGesture.class);
  4.                         startActivity(intent);
  5.                         //切换activity动画
  6.                         overridePendingTransition(android.R.anim.slide_in_left, android.R.anim.slide_in_left);
  7.                        
  8.                         break;
复制代码
添加手势的activity中实现添加手势绘制区的监听，需要实现4个方法
AddGesture代码片段：
  1. /**
  2.          * 处理监听，初始化组件
  3.          */
  4.         public void init() {
  5.                 gestureNew = (GestureOverlayView) findViewById(R.id.gestureAdd);
  6.                 txtNum = (EditText) findViewById(R.id.txtNum);
  7.                 btnOk = (Button) findViewById(R.id.btnOK);
  8.                 btnOk.setOnClickListener(new View.OnClickListener() {

  10.                         public void onClick(View v) {
  11.                                 // 返回按钮。
  12.                                 finish();
  13.                         }
  14.                 });
  15.                 // 添加手势绘制区的监听，需要实现4个方法
  16.                 gestureNew
  17.                                 .addOnGestureListener(new GestureOverlayView.OnGestureListener() {
  18.                                         // 开始绘制时调用
  19.                                         public void onGestureStarted(GestureOverlayView overlay,
  20.                                                         MotionEvent event) {

  22.                                         }

  24.                                         // 以下方法是当手势完整形成的时候触发,主要处理在这个方法中实现
  25.                                         public void onGestureEnded(GestureOverlayView overlay,
  26.                                                         MotionEvent event) {
  27.                                                 Log.e("sc", "进入绘制完成");
  28.                                                 gesture = overlay.getGesture();
  29.                                                 //如果没有输入
  30.                                                 if (txtNum.getText().toString().equals("")) {
  31.                                                         Toast.makeText(AddGesture.this, "请输入号码",
  32.                                                                         Toast.LENGTH_LONG).show();
  33.                                                         txtNum.setFocusable(true);
  34.                                                         gestureNew.clear(true);

  36.                                                 }
  37.                                                 //利用正则表达试判断输入
  38.                                                 else if (!(txtNum.getText().toString()
  39.                                                                 .matches("[0-9]*"))) {
  40.                                                         Toast.makeText(AddGesture.this, "输入的必须是数字",
  41.                                                                         Toast.LENGTH_LONG).show();
  42.                                                         txtNum.setFocusable(true);

  44.                                                 } else {
  45.                                                         // 读取文件
  46.                                                         libraryNew = GestureLibraries
  47.                                                                         .fromFile("/sdcard/gestures");
  48.                                                         Log.e("sc", "读取文件完毕" + libraryNew.toString());
  49.                                                         libraryNew.load();
  50.                                                         // 给手势仓库添加当前的手势
  51.                                                         libraryNew.addGesture(txtNum.getText().toString(),
  52.                                                                         gesture);
  53.                                                         if (libraryNew.save())// 保存
  54.                                                         {
  55.                                                                 gestureNew.clear(true);// 清除笔画
  56.                                                                 Toast.makeText(AddGesture.this, "保存成功！",
  57.                                                                                 Toast.LENGTH_LONG).show();
  58.                                                         } else {
  59.                                                                 Toast.makeText(AddGesture.this, "保存失败",
  60.                                                                                 Toast.LENGTH_LONG).show();
  61.                                                         }
  62.                                                 }
  63.                                         }

  65.                                         public void onGestureCancelled(GestureOverlayView overlay,
  66.                                                         MotionEvent event) {
  67.                                                 // TODO Auto-generated method stub

  69.                                         }

  71.                                         public void onGesture(GestureOverlayView overlay,
  72.                                                         MotionEvent event) {
  73.                                                 // TODO Auto-generated method stub

  75.                                         }
  76.                                 });
  77.         }
复制代码
剩下的就是查看手势文件了，这里我用到的是GridView控件来布局，将手势库中的文件都读取出来，由于是练习程序，所以没做复杂的操作，只是显示已经保存的手势文件。这里用到Gesture 的实例对象，通过这个对象将手势文件转换成位图来显示。
ListGestures.java代码片段
  1. public void load() {
  2.                 String path = "/sdcard/gestures";
  3.                 // 加载手势文件
  4.                 library = GestureLibraries.fromFile(path);

  6.                 if (library.load()) {
  7.                         int index = library.getGestureEntries().size();
  8.                         pics = new Bitmap[index];
  9.                         gesName=new String[index];
  10.                         int i = 0;
  11.                         //获得所有手势文件，返回的是存储key的set集合
  12.                         for (String name : library.getGestureEntries()) {
  13.                                 // 因为在手势仓库中，支持一个name对应多个手势文件，
  14.                                 // 所以会返回一个list，在这里我们取list里的第一个
  15.                                 ArrayList<Gesture> geess = library.getGestures(name);
  16.                                 Gesture gg = geess.get(0);
  17.                                 //将手势文件转成位图
  18.                                 Bitmap bmp = gg.toBitmap(100, 100, 12, Color.BLUE);
  19.                                 pics[i] = bmp;//保存位图
  20.                                 gesName[i]=name;//保存当前的手势名称。
  21.                                 i++;
  22.                         }
  23.                 }
  24.         }
复制代码
最后的gridView的适配器代码就不多说了。直接上源码
  1. public class GridAdapter extends BaseAdapter {
  2.         // 每个gridItem显示的值
  3.         private Context mContext;
  4.         private LayoutInflater mInflater;

  6.         public GridAdapter(Context context) {
  7.                 mContext = context;
  8.                 mInflater = (LayoutInflater) context
  9.                                 .getSystemService(Context.LAYOUT_INFLATER_SERVICE);

  11.         }

  13.         public int getCount() {
  14.                 // 返回适配器中数据的数量
  15.                 return ListGestures.pics.length;
  16.         }

  18.         public Object getItem(int position) {
  19.                 // 用不到
  20.                 return null;
  21.         }

  23.         public long getItemId(int position) {
  24.                 // 用不到
  25.                 return 0;
  26.         }

  28.         // 此方法的convertView是在grid_item里定义的组件。这里是一个ImageView和TextView
  29.         public View getView(int position, View convertView, ViewGroup parent) {
  30.                 if (convertView == null) {
  31.                         convertView = mInflater.inflate(R.layout.grid_item, null);
  32.                 }
  33.                 ImageView icon = (ImageView) convertView.findViewById(R.id.itemIcon);
  34.                 TextView text = (TextView) convertView.findViewById(R.id.itemText);
  35.                 icon.setImageBitmap(ListGestures.pics[position]);
  36.                 text.setText(ListGestures.gesName[position]);
  37.                 return convertView;// 返回已经改变过的convertView，节省系统资源
  38.         }

  40. }
复制代码
scarlett_hy
关注
专栏目录
手势类Gesture大汇总
Peterclass的博客
08-01 960
手势类的监测，以及与手势监测相关的监听器类：GestureDetector GestureDetector.OnContextClickListener： The listener that is used to notify when a context click occurs. GestureDetector.OnDoubleTapListener： The listener that is
绘制手势并保存图片到SD卡
08-13
本文将详细讲解如何在Android应用中实现手势绘制并将其保存到SD卡上，同时涉及到了UI控件的使用。 首先，我们需要理解Android中的手势识别机制。Android提供了GestureDetector类，用于识别基本的手势，如滑动、点击...
GestureOverlayView绘制文字并保存成图片demo
04-07
GestureOverlayView绘制文字并保存成图片demo
Android手势源码浅析-----手势的保存和加载(GestureLibrary)
stevenhu_223的专栏
08-04 9492
前言：在《Android手势源码浅析------手势的形成(Gesture)》文章中，介绍了手势Gesture的形成。那么，有的时候，用户绘制的手势是需要保存的，以便用户需要时加载出来进行相关的手势识别处理；接下来将结合一个Demo重点介绍源码中手势的保存和加载流程机制；     一. 关于手势保存和加载的Demo           手势保存概要：            1. 在绘制完
使用GestureLibrary将手势保存到文件
lxm_start的专栏
04-08 980
使用GestureLibraries管理手势库，GestureLibrary添加删除手势 activity_main.xml <android.gesture.GestureOverlayView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_p
Android : 使用GestureOverlayView进行手势识别—简单应用
最新发布
javaGHui的博客
12-29 1554
Android : 使用GestureOverlayView进行手势识别—简单应用
Android实现Gesture手势识别用法分析
09-01
- `GestureOverlayView`的`onGesturePerformed()`方法会传递一个`Gesture`对象，表示用户刚刚绘制的手势。 - 要识别这个手势，你需要使用`GestureLibrary`的`recognize(Gesture)`方法。此方法会返回一个`ArrayList...
自定义手势（gesture）和手势识别
12-01
在Android中，我们可以使用`android.gesture`包中的`Gesture`类来创建和保存自定义手势。这个类允许我们将一系列的`GestureStroke`对象组合成一个完整的手势。每个`GestureStroke`代表一个连续的触摸轨迹，包含起点...
Gesture手势添加与识别
06-05
在Android开发中，手势识别是增强用户交互体验的重要技术之一。手势可以被用来替代或辅助传统的按钮点击操作，...同时，为了适应不同用户的需求，手势库应具有一定的扩展性和自定义性，允许用户自定义和学习新的手势。
jQuery手势密码插件jQuery.gesture.password.js
06-01
4. **数据存储**：虽然插件本身并不处理数据的持久化存储，但开发者可以很容易地结合自己的后端服务或使用本地存储技术（如localStorage）来保存和加载用户的密码信息。 5. **响应式设计**：插件具备良好的响应式...
手势识别 添加指定手势
04-14
给予手势识别做的心灵感应程序 目的讨女朋友欢心！里面可以自己添加指定手势 支持 多笔画的手势
Gesture获取屏幕手写事件并显示相应信息
电波小子，在沉默中反思
03-13 93
    private GestureLibrary gesLib; private GestureOverlayView gesOverlay; private String gesPath; public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); ...
GetGestureExtraArgs 函数-中文整理
Augusdi的专栏
05-04 1451
从笔势的 GESTUREINFO 句柄中检索有关笔势的其他信息。语法BOOL WINAPI GetGestureExtraArgs( __in HGESTUREINFO hGestureInfo, __in UINT cbExtraArgs, __out PBYTE pExtraArgs ); 参数hGestureInfo [in]在 WM_GESTURE 消息的 lPar
Android手势源码浅析------手势的形成(Gesture)
stevenhu_223的专栏
07-27 6460
前言：上篇介绍了提供手势绘制的视图平台GestureOverlayView，但是在视图平台上绘制出的手势，是需要存储以及在必要的利用时加载取出手势。所以，用户绘制出的一个完整的手势是需要一定的代码机制来完成存储以及必要时加载取出的；那么，在源码中Gesture这个类就是用来描述完整的手势的。一个Gesture就是用户手指在触摸屏上绘制形成的不规则几何图形(A gesture is a hand
android之 Gestures(手势)
钢笔布莱恩特的博客
10-19 729
分类 Android 基础入门教程 本节引言： 周六不休息，刚剪完了个大平头回来，继续码字~ 好的，本节给大家带来点的是第三章的最后一节——Gestures(手势)， 用过魅族手机的朋友相信对手势肯定是不陌生的，在home键两侧像屏幕内滑动， 可以打开后台任务列表等等~在应用中通过手势来操作会大大提升用户体验， 比如Scroll手势在浏览器中个滚屏，Fling在浏览器中的换页等！ 当然，有利
[android]控件Button常用属性
热门推荐
guomeijuan916的专栏
09-01 1万+
代码中常用属性： Button bt=new Buttion(Context context); bt.setText();---为控件设置文本内容 xml中常用属性： android:layout_width=""---控件宽 android:layout_height=""---控件高 android:layout_weight=""---控件权重 android:tex
Android教程：应用程序中的手势
04-02 319
如今，移动应用程序中的手势非常普遍。 几乎所有拥有智能手机经验的人都知道，捏通常会放大图像。 现在，在Android中使用手势非常方便。 OnTouch 实际上，所有手势都由一个Activity上的一个事件处理。 只要在屏幕上触摸视图，就会调用OnTouch。 它提供了创建一些非常有趣的手势所需的所有信息。 Android提供了一些简单的类，使您可以快速将一些手势添加到应用程序中，而无...
Android中实现自定义手势和识别手势的功能
weixin_43796132的博客
10-10 1090
Android中实现自定义手势和识别手势的功能
android 绘制手势轨迹,先来了解下手势动作在Android上的应用，如在屏幕上画个圈。。。...
weixin_34526733的博客
05-26 364
该楼层疑似违规已被系统折叠隐藏此楼查看此楼package com.example.gesturebuilderdemo;import java.io.File;import java.util.ArrayList;import java.util.List;import java.util.Set;import android.os.Bundle;import android.os.Enviro...
创建RICK手写符号：GestureBuilder示例
在这个示例中，开发者将学习如何创建一个名为"RICK"的手势，并将其保存以供以后使用。 首先，开发者需要熟悉`GestureOverlayView`组件，这是Android系统用于显示和识别手势的视图。在`res/layout/main.xml`文件中，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值