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

2024-04-14 19:58

本文主要是介绍手势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" >

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

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

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

  31. </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">

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

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

  15.         <EditText
  16.             android:id="@+id/txtNum"
  17.             android:layout_width="match_parent"
  18.             android:layout_height="wrap_content" />
  19.     </LinearLayout>

  20.     <android.gesture.GestureOverlayView
  21.         android:id="@+id/gestureAdd"
  22.         android:layout_width="fill_parent"
  23.         android:layout_height="fill_parent"
  24.         android:layout_weight="1"
  25.         android:gestureStrokeType="multiple" >
  26.     </android.gesture.GestureOverlayView>

  27.     <Button
  28.         android:id="@+id/btnOK"
  29.         android:layout_width="wrap_content"
  30.         android:layout_height="wrap_content"
  31.         android:text="    确定    " />

  32. </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">

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

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

  15.         <EditText
  16.             android:id="@+id/txtNum"
  17.             android:layout_width="match_parent"
  18.             android:layout_height="wrap_content" />
  19.     </LinearLayout>

  20.     <android.gesture.GestureOverlayView
  21.         android:id="@+id/gestureAdd"
  22.         android:layout_width="fill_parent"
  23.         android:layout_height="fill_parent"
  24.         android:layout_weight="1"
  25.         android:gestureStrokeType="multiple" >
  26.     </android.gesture.GestureOverlayView>

  27.     <Button
  28.         android:id="@+id/btnOK"
  29.         android:layout_width="wrap_content"
  30.         android:layout_height="wrap_content"
  31.         android:text="    确定    " />

  32. </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" >

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

  14. </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.                 }

  47.         }
复制代码
在点击添加手势按钮以后,程序进入第二个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() {

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

  20.                                         }

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

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

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

  59.                                         public void onGestureCancelled(GestureOverlayView overlay,
  60.                                                         MotionEvent event) {
  61.                                                 // TODO Auto-generated method stub

  62.                                         }

  63.                                         public void onGesture(GestureOverlayView overlay,
  64.                                                         MotionEvent event) {
  65.                                                 // TODO Auto-generated method stub

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

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

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

  9.         }

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

  14.         public Object getItem(int position) {
  15.                 // 用不到
  16.                 return null;
  17.         }

  18.         public long getItemId(int position) {
  19.                 // 用不到
  20.                 return 0;
  21.         }

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

  33. }
复制代码

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



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

相关文章

Python使用Matplotlib绘制3D曲面图详解

《Python使用Matplotlib绘制3D曲面图详解》:本文主要介绍Python使用Matplotlib绘制3D曲面图,在Python中,使用Matplotlib库绘制3D曲面图可以通过mpl... 目录准备工作绘制简单的 3D 曲面图绘制 3D 曲面图添加线框和透明度控制图形视角Matplotlib

Java 中的 @SneakyThrows 注解使用方法(简化异常处理的利与弊)

《Java中的@SneakyThrows注解使用方法(简化异常处理的利与弊)》为了简化异常处理,Lombok提供了一个强大的注解@SneakyThrows,本文将详细介绍@SneakyThro... 目录1. @SneakyThrows 简介 1.1 什么是 Lombok?2. @SneakyThrows

在 Spring Boot 中实现异常处理最佳实践

《在SpringBoot中实现异常处理最佳实践》本文介绍如何在SpringBoot中实现异常处理,涵盖核心概念、实现方法、与先前查询的集成、性能分析、常见问题和最佳实践,感兴趣的朋友一起看看吧... 目录一、Spring Boot 异常处理的背景与核心概念1.1 为什么需要异常处理?1.2 Spring B

python处理带有时区的日期和时间数据

《python处理带有时区的日期和时间数据》这篇文章主要为大家详细介绍了如何在Python中使用pytz库处理时区信息,包括获取当前UTC时间,转换为特定时区等,有需要的小伙伴可以参考一下... 目录时区基本信息python datetime使用timezonepandas处理时区数据知识延展时区基本信息

Java学习手册之Filter和Listener使用方法

《Java学习手册之Filter和Listener使用方法》:本文主要介绍Java学习手册之Filter和Listener使用方法的相关资料,Filter是一种拦截器,可以在请求到达Servl... 目录一、Filter(过滤器)1. Filter 的工作原理2. Filter 的配置与使用二、Listen

Python Transformers库(NLP处理库)案例代码讲解

《PythonTransformers库(NLP处理库)案例代码讲解》本文介绍transformers库的全面讲解,包含基础知识、高级用法、案例代码及学习路径,内容经过组织,适合不同阶段的学习者,对... 目录一、基础知识1. Transformers 库简介2. 安装与环境配置3. 快速上手示例二、核心模

一文详解Java异常处理你都了解哪些知识

《一文详解Java异常处理你都了解哪些知识》:本文主要介绍Java异常处理的相关资料,包括异常的分类、捕获和处理异常的语法、常见的异常类型以及自定义异常的实现,文中通过代码介绍的非常详细,需要的朋... 目录前言一、什么是异常二、异常的分类2.1 受检异常2.2 非受检异常三、异常处理的语法3.1 try-

Python使用getopt处理命令行参数示例解析(最佳实践)

《Python使用getopt处理命令行参数示例解析(最佳实践)》getopt模块是Python标准库中一个简单但强大的命令行参数处理工具,它特别适合那些需要快速实现基本命令行参数解析的场景,或者需要... 目录为什么需要处理命令行参数?getopt模块基础实际应用示例与其他参数处理方式的比较常见问http

Java Response返回值的最佳处理方案

《JavaResponse返回值的最佳处理方案》在开发Web应用程序时,我们经常需要通过HTTP请求从服务器获取响应数据,这些数据可以是JSON、XML、甚至是文件,本篇文章将详细解析Java中处理... 目录摘要概述核心问题:关键技术点:源码解析示例 1:使用HttpURLConnection获取Resp

Java中Switch Case多个条件处理方法举例

《Java中SwitchCase多个条件处理方法举例》Java中switch语句用于根据变量值执行不同代码块,适用于多个条件的处理,:本文主要介绍Java中SwitchCase多个条件处理的相... 目录前言基本语法处理多个条件示例1:合并相同代码的多个case示例2:通过字符串合并多个case进阶用法使用