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

2024-04-14 19:58
文章标签 学习 保存 处理 绘制 手势 gesture

本文主要是介绍手势Gesture的绘制、保存及处理的学习，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

最近写了一个小程序，学习了一下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. }
复制代码

这篇关于手势Gesture的绘制、保存及处理的学习的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/903871。

相关文章

Go语言使用Buffer实现高性能处理字节和字符

Go语言使用Buffer实现高性能处理字节和字符

《Go语言使用Buffer实现高性能处理字节和字符》在Go中,bytes.Buffer是一个非常高效的类型,用于处理字节数据的读写操作,本文将详细介绍一下如何使用Buffer实现高性能处理字节和... 目录1. bytes.Buffer 的基本用法1.1. 创建和初始化 Buffer1.2. 使用 Writ
阅读更多...
Python视频处理库VidGear使用小结

Python视频处理库VidGear使用小结

《Python视频处理库VidGear使用小结》VidGear是一个高性能的Python视频处理库,本文主要介绍了Python视频处理库VidGear使用小结,文中通过示例代码介绍的非常详细,对大家的... 目录一、VidGear的安装二、VidGear的主要功能三、VidGear的使用示例四、VidGea
阅读更多...
Python结合requests和Cheerio处理网页内容的操作步骤

Python结合requests和Cheerio处理网页内容的操作步骤

《Python结合requests和Cheerio处理网页内容的操作步骤》Python因其简洁明了的语法和强大的库支持,成为了编写爬虫程序的首选语言之一,requests库是Python中用于发送HT... 目录一、前言二、环境搭建三、requests库的基本使用四、Cheerio库的基本使用五、结合req
阅读更多...
使用Python处理CSV和Excel文件的操作方法

使用Python处理CSV和Excel文件的操作方法

《使用Python处理CSV和Excel文件的操作方法》在数据分析、自动化和日常开发中,CSV和Excel文件是非常常见的数据存储格式,ython提供了强大的工具来读取、编辑和保存这两种文件,满足从基... 目录1. CSV 文件概述和处理方法1.1 CSV 文件格式的基本介绍1.2 使用 python 内
阅读更多...
如何使用celery进行异步处理和定时任务(django)

如何使用celery进行异步处理和定时任务(django)

《如何使用celery进行异步处理和定时任务(django)》文章介绍了Celery的基本概念、安装方法、如何使用Celery进行异步任务处理以及如何设置定时任务,通过Celery,可以在Web应用中... 目录一、celery的作用二、安装celery三、使用celery 异步执行任务四、使用celery
阅读更多...
使用Python绘制蛇年春节祝福艺术图

使用Python绘制蛇年春节祝福艺术图

《使用Python绘制蛇年春节祝福艺术图》：本文主要介绍如何使用Python的Matplotlib库绘制一幅富有创意的“蛇年有福”艺术图,这幅图结合了数字,蛇形,花朵等装饰,需要的可以参考下... 目录1. 绘图的基本概念2. 准备工作3. 实现代码解析3.1 设置绘图画布3.2 绘制数字“2025”3.3
阅读更多...
SpringBoot操作spark处理hdfs文件的操作方法

SpringBoot操作spark处理hdfs文件的操作方法

《SpringBoot操作spark处理hdfs文件的操作方法》本文介绍了如何使用SpringBoot操作Spark处理HDFS文件,包括导入依赖、配置Spark信息、编写Controller和Ser... 目录SpringBoot操作spark处理hdfs文件1、导入依赖2、配置spark信息3、cont
阅读更多...
使用Python绘制可爱的招财猫

使用Python绘制可爱的招财猫

《使用Python绘制可爱的招财猫》招财猫,也被称为“幸运猫”,是一种象征财富和好运的吉祥物,经常出现在亚洲文化的商店、餐厅和家庭中,今天,我将带你用Python和matplotlib库从零开始绘制一... 目录1. 为什么选择用 python 绘制？2. 绘图的基本概念3. 实现代码解析3.1 设置绘图画
阅读更多...
Python绘制土地利用和土地覆盖类型图示例详解

Python绘制土地利用和土地覆盖类型图示例详解

《Python绘制土地利用和土地覆盖类型图示例详解》本文介绍了如何使用Python绘制土地利用和土地覆盖类型图,并提供了详细的代码示例,通过安装所需的库,准备地理数据,使用geopandas和matp... 目录一、所需库的安装二、数据准备三、绘制土地利用和土地覆盖类型图四、代码解释五、其他可视化形式1.
阅读更多...
如何用Python绘制简易动态圣诞树

如何用Python绘制简易动态圣诞树

《如何用Python绘制简易动态圣诞树》这篇文章主要给大家介绍了关于如何用Python绘制简易动态圣诞树,文中讲解了如何通过编写代码来实现特定的效果,包括代码的编写技巧和效果的展示,需要的朋友可以参考... 目录代码：效果：总结 代码：import randomimport timefrom math
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2