Android开发(九)| android手势开发

类似于java IO(输入输出)的编程,Android为文件IO提供了openFileOutput和openFileInput两个便捷方法。此外,Android还提供了一种“另类”IO:手势支持。

Android的手势支持体现在两方面:手势检测与手势识别,前者属于事件自动处理方面,后者属于系统IO方面。熟练运用手势支持可以开发出更新奇更智能的应用。

手势(Gesture)

手势识别

所谓手势,其实是用户手指或触摸笔在触摸屏上的连续触屏行为。比如在屏幕上从左至右划出的一个动作或者画出一个圆圈,都是手势。

Android既支持手势检测,也允许开发者添加手势并提供了相应的API识别用户手势。结合实例,我们来分别探究这两种手势行为。

1)基本手势检测

Android为手势检测提供了一个GestureDetector类,GestureDetector实例代表一个手势检测器,创建时需要传入一个GestureDetector.OnGestureListener实例,负责对用户手势行为提供响应。

GestureDetector.OnGestureListener包含了许多事件处理方法。如:用户手指在触摸屏上按下触发、长按时触发、手指在屏幕上“滚动”触发等等。

使用Android手势检测只需两个步骤:

·1 创建一个GestureDetector对象,创建时必须实现监听器实例。

·2 为应用程序的Activity的TouchEvent事件绑定监听器,把它交给GestureDetector处理。

各种方法的触发时机仅从文字上表述显得抽象,我们用一个最简单实例来测试用户的不同动作到底触发了哪种手势动作

public class MainActivity extends Activity
        implements OnGestureListener
{
    // 定义手势检测器实例
    GestureDetector detector;
    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //创建手势检测器
        detector = new GestureDetector(this, this);
    }
    //将该Activity上的触碰事件交给GestureDetector处理
    @Override
    public boolean onTouchEvent(MotionEvent me)
    {
        return detector.onTouchEvent(me);
    }
    @Override
    public boolean onDown(MotionEvent arg0)
    {
        //当触碰事件按下时触发该方法
        Toast.makeText(this,"onDown"
                , Toast.LENGTH_SHORT).show();
        return false;
    }
    @Override
    public boolean onFling(MotionEvent e1, MotionEvent e2
            , float velocityX, float velocityY)
    {
        //当用户手指在触摸屏上“拖过”时触发该方法
        Toast.makeText(this , "onFling"
                , Toast.LENGTH_SHORT).show();
        return false;
    }
    @Override
    public void onLongPress(MotionEvent e)
    {
        //当用户手指在屏幕上长按时触发该方法
        Toast.makeText(this ,"onLongPress"
                , Toast.LENGTH_SHORT).show();
    }
    @Override
    public boolean onScroll(MotionEvent e1, MotionEvent e2
            , float distanceX, float distanceY)
    {
        //当用户手指在屏幕上“滚动”时触发该方法
        Toast.makeText(this ,"onScroll" ,
                Toast.LENGTH_SHORT).show();
        return false;
    }
    @Override
    public void onShowPress(MotionEvent e)
    {
        //当用户手指在触摸屏上按下,且未移动、松开时触发该方法
        Toast.makeText(this ,"onShowPress"
                , Toast.LENGTH_SHORT).show();
    }
    @Override
    public boolean onSingleTapUp(MotionEvent e)
    {
        //当用户手指在触摸屏上轻击事件将触发该方法
        Toast.makeText(this ,"onSingleTapUp"
                , Toast.LENGTH_SHORT).show();
        return false;
    }
}

现在运行程序,当用户随意在屏幕上触碰时,程序将会检测用户执行的手势。如长按屏幕,将显示如图信息:


2)手势滑动翻页

增加手势翻页,不仅让应用更加灵活、美观,还很好的丰富了信息量。

具体的手势检测思路还是一样,把Activity的TouchEvent交给GestureDetector处理。这个程序的特殊之处在于:使用了一个ViewFlipper组件,ViewFlipper可使用动画控制多个组件之间的切换效果。

我们还是用实例讲解,通过GestureDetector检测手势动作,并根据手势控制ViewFlipper包含的View组件的切换,来实现翻页。

界面布局的代码很简单,定义一个:ViewFlipper

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <!-- 定义ViewFlipper组件 -->
   <ViewFlipper 
       android:id="@+id/viewFlipper"
       android:layout_width="match_parent"
       android:layout_height="match_parent" />
</LinearLayout>

主程序仅需实现GestureDetector.OnGestureListener的onFling()方法。然后在该方法中加入判断逻辑。当用户手势从左(右)向右(左)滑动,设置ViewFlipper采用动画方式切换为下一个View——实现翻页。

部分源码截图

完整源码已打包上传:《通过手势实现翻页效果》

现在运行程序,并在屏幕上连续滑动,即可看到图片无缝切换效果:


第一张图

从左向右滑动 切换至第二张图

继续向右滑动 切换至第三张图

3)增加手势

强大的Android除了提供手势检测外,还允许应用程序把用户手势(多个持续的触摸事件在屏幕上形成特定的形状)添加到指定文件中。如果程序需要,当用户下次再画出该手势时,系统可自动识别。涉及的知识点如下:

·1 加载手势库

Android使用GestureLibrary代表手势库,并提供了static GestureLibraries.fromFile(File path)方法从path代表的文件中加载手势库。

·2 添加手势

一旦程序获得了GestureLibrary对象,该对象提供了void addGesture(String entryName,Gesture gesture) 方法来添加一个名为entryName的手势。

·3 手势编辑组件

GestureOverlayView是专门的手势编辑组件,用户可以在此组件上绘制手势。

为了监听该组件上的手势事件,android为它提供了OnGesturePerformedListener 监听器接口,用于在手势完成时提供响应。

我们在应用的activity_main.xml中使用GestureOverlayView:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center_horizontal">    
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="22dp"
        android:text="请在下面屏幕上绘制手势"/>
    <!-- 使用手势绘制组件 -->
    <android.gesture.GestureOverlayView
        android:id="@+id/gesture"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gestureStrokeType="multiple" /> 
</LinearLayout>

当一个手势可以一笔完成时,android:gestureStrokeType参数设为single,否则设为multiple。

在主活动中为GestureOverlayView绑定监听器后,当手势完成时将提供响应——打开一个对话框。该对话框布局code如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    
    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="8dip"
            android:text="请输入手势名" />
        <!-- 定义一个文本框来让用户输入手势名 -->    
        <EditText
            android:id="@+id/gesture_name"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>  
    </LinearLayout>
    
    <!-- 定义一个图片框来显示手势 -->    
    <ImageView
        android:id="@+id/show"
        android:layout_width="128dp"
        android:layout_height="128dp"
        android:layout_marginTop="10dp" />
    
</LinearLayout>

主活动连同整个工程代码已打包上传:《android增加自定义手势》
现在运行程序,将看到如下界面。

添加手势

用户可在界面中随意“绘制”手势,绘制完成后OnGesturePerformedListener 监听器会打开下图所示的对话框。


保存手势

当用户单击“保存”按钮后,程序会调用GestureLibrary的addGesture()方法来添加手势,并调用save()方法保存手势。

一旦用户通过该程序建立自己的手势库,接下来就可在其他程序中使用该手势库了。(下一章提供调用实例)

【注:上面的程序需要将手势库保存在SD卡上,因此还需要授予该应用程序读写SD的权限。】

本章小结:

本节主要是结合实例,介绍Android提供的“另类”IO:手势支持。程序不但可以识别手势,还能添加、识别用户自定义的手势,并被其他程序调用。

加入手势识别后的应用,就可以按照用户的手势完成相应操作,功能更加智能界面更加精美。

我们的Android开发之旅又向前迈进了一步,继续努力。下一章还将介绍android的一种“另类”IO:自动朗读,欢迎关注噢。

作者:叶琛
一只痴迷旅行的大三程序狗

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,542评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,596评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,021评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,682评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,792评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,985评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,107评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,845评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,299评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,612评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,747评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,441评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,072评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,828评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,069评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,545评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,658评论 2 350

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,846评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,066评论 4 62
  • 看到一位拍婚纱照的年轻人,温度仅仅是一个方面!但是你可以看到他们,他们那种喜悦。每个人都在用手机记录是一切。在元旦...
    太阳跟着月亮私奔了阅读 147评论 0 0
  • 高二那年我们分了科,我和翠臻读了文科,而且很快,我俩的文科天赋就显现出来。翠臻非常适合读文科,就从她爱看书这一点就...
    鹤之心阅读 402评论 1 0
  • 和你一起终身成长,这里是小苏手记! 这个世界从来不会同情弱者,弱者只能自怜,如果希望通过抱怨来博取同情,那么最终你...
    小苏的笔记本阅读 1,261评论 0 0