手势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。

相关文章

HarmonyOS学习(七)——UI（五）常用布局总结

HarmonyOS学习(七)——UI（五）常用布局总结

自适应布局 1.1、线性布局（LinearLayout） 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列，Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距，达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式，且在各类尺寸屏幕上表现一致，其中交叉轴为垂直时，取值为Vert
阅读更多...
Ilya-AI分享的他在OpenAI学习到的15个提示工程技巧

Ilya-AI分享的他在OpenAI学习到的15个提示工程技巧

Ilya（不是本人，claude AI）在社交媒体上分享了他在OpenAI学习到的15个Prompt撰写技巧。 以下是详细的内容： 提示精确化:在编写提示时,力求表达清晰准确。清楚地阐述任务需求和概念定义至关重要。例:不用"分析文本",而用"判断这段话的情感倾向:积极、消极还是中性"。 快速迭代:善于快速连续调整提示。熟练的提示工程师能够灵活地进行多轮优化。例:从"总结文章"到"用
阅读更多...
无人叉车3d激光slam多房间建图定位异常处理方案-墙体画线地图切分方案

无人叉车3d激光slam多房间建图定位异常处理方案-墙体画线地图切分方案

墙体画线地图切分方案 针对问题：墙体两侧特征混淆误匹配，导致建图和定位偏差，表现为过门跳变、外月台走歪等 ·解决思路：预期的根治方案IGICP需要较长时间完成上线，先使用切分地图的工程化方案，即墙体两侧切分为不同地图，在某一侧只使用该侧地图进行定位 方案思路 切分原理：切分地图基于关键帧位置，而非点云。 理论基础：光照是直线的，一帧点云必定只能照射到墙的一侧，无法同时照到两侧实践考虑：关
阅读更多...
【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画（下）

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画（下）

【课程链接】 AntV G6：深入图形与图形分组、自定义节点、节点动画（下）_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中，应该怎样去计算和绘制图形，如何给一个图形制作不间断的动画，以及在鼠标事件之后产生动画。（有点难，需要好好理解） <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06
阅读更多...
学习hash总结

学习hash总结

2014/1/29/   最近刚开始学hash，名字很陌生，但是hash的思想却很熟悉，以前早就做过此类的题，但是不知道这就是hash思想而已，说白了hash就是一个映射，往往灵活利用数组的下标来实现算法，hash的作用：1、判重；2、统计次数；
阅读更多...
零基础学习Redis(10) -- zset类型命令使用

零基础学习Redis(10) -- zset类型命令使用

zset是有序集合，内部除了存储元素外，还会存储一个score，存储在zset中的元素会按照score的大小升序排列，不同元素的score可以重复，score相同的元素会按照元素的字典序排列。 1. zset常用命令 1.1 zadd  zadd key [NX | XX] [GT | LT]   [CH] [INCR] score member [score member ...]
阅读更多...
【机器学习】高斯过程的基本概念和应用领域以及在python中的实例

【机器学习】高斯过程的基本概念和应用领域以及在python中的实例

引言 高斯过程（Gaussian Process，简称GP）是一种概率模型，用于描述一组随机变量的联合概率分布，其中任何一个有限维度的子集都具有高斯分布 文章目录 引言一、高斯过程1.1 基本定义1.1.1 随机过程1.1.2 高斯分布 1.2 高斯过程的特性1.2.1 联合高斯性1.2.2 均值函数1.2.3 协方差函数（或核函数） 1.3 核函数1.4 高斯过程回归（Gauss
阅读更多...
【生成模型系列（初级）】嵌入（Embedding）方程——自然语言处理的数学灵魂【通俗理解】

【生成模型系列（初级）】嵌入（Embedding）方程——自然语言处理的数学灵魂【通俗理解】

【通俗理解】嵌入（Embedding）方程——自然语言处理的数学灵魂 关键词提炼 #嵌入方程 #自然语言处理 #词向量 #机器学习 #神经网络 #向量空间模型 #Siri #Google翻译 #AlexNet 第一节：嵌入方程的类比与核心概念【尽可能通俗】 嵌入方程可以被看作是自然语言处理中的“翻译机”，它将文本中的单词或短语转换成计算机能够理解的数学形式，即向量。 正如翻译机将一种语言
阅读更多...
【学习笔记】 陈强-机器学习-Python-Ch15 人工神经网络（1）sklearn

【学习笔记】 陈强-机器学习-Python-Ch15 人工神经网络（1）sklearn

系列文章目录 监督学习：参数方法 【学习笔记】 陈强-机器学习-Python-Ch4 线性回归 【学习笔记】 陈强-机器学习-Python-Ch5 逻辑回归 【课后题练习】 陈强-机器学习-Python-Ch5 逻辑回归（SAheart.csv） 【学习笔记】 陈强-机器学习-Python-Ch6 多项逻辑回归 【学习笔记 及 课后题练习】 陈强-机器学习-Python-Ch7 判别分析 【学
阅读更多...
系统架构师考试学习笔记第三篇——架构设计高级知识（20）通信系统架构设计理论与实践

系统架构师考试学习笔记第三篇——架构设计高级知识（20）通信系统架构设计理论与实践

本章知识考点：         第20课时主要学习通信系统架构设计的理论和工作中的实践。根据新版考试大纲,本课时知识点会涉及案例分析题(25分),而在历年考试中,案例题对该部分内容的考查并不多,虽在综合知识选择题目中经常考查,但分值也不高。本课时内容侧重于对知识点的记忆和理解,按照以往的出题规律,通信系统架构设计基础知识点多来源于教材内的基础网络设备、网络架构和教材外最新时事热点技术。本课时知识
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2