`

在你的移动Flex应用程序中添加滑动手势(swipe gestures)

 
阅读更多
随着Flex4.5 SDK(又名:Hero)的推出,你现在可以在Android设备上和BlackBerry PlayBook上创建一些非常漂亮的移动应用。这里面就有你可以用在触摸屏上的滑动手势。用这个手势,你可以在屏幕上与屏幕之间移动你想要的。但是,如何在你的Flex移动应用中实现这样的功能呢?
这里有两种方法你可以选择。
第一种涉及到使用ActionScript来附加一个事件侦听器。当你的视图组件初始化,你写入下的代码:

private function initView():void {
    addEventListener(TransformGestureEvent.GESTURE_SWIPE, onSwipe);
}复制代码这种方法的好处是,它在纯ActionScript项目中和在Flash Professional项目中用法都是一样的。

第二种方法只能用在Flex应用程序中。它实际上更容易实现一些。你只需要在View tag里捕获gestureSwipe事件就可以,如下所示: <s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
            xmlns:s="library://ns.adobe.com/flex/spark"
            gestureSwipe="onSwipe(event)"/>

这就是在有触摸屏的设备上滑动手势的处理,比如移动电话,平板电脑或者更大的触摸屏。但是,你只有一个单一的滑动事件,那么你怎么判断它一个向左的滑动还是一个向右的滑动呢?对此,你需要通过到这个事件的属性来确定滑动的方向,你需要水平方向的offsetX属性和垂直方向的offsetY属性,如下: private function onSwipe(event:TransformGestureEvent):void {
    // A swipe to the left means the offsetX property will be -1
    // A swipe to the right means the offsetX position will be 1
    if(event.offsetX == -1) {
        doSwipeLeft();
    } else if(event.offsetX == 1) {
        doSwipeRight();
    }

    // The same principle applies to the vertical swipe gesture, so
    // a swipe to the top means the offsetY position will be -1
    // A swipe to the bottom means the offsetY position will be 1
    if(event.offsetX == -1) {
        doSwipeTop();
    } else if(event.offsetX == 1) {
        doSwipeBottom();
    }

分享到:
评论

相关推荐

    swipe多种手机触屏滑动效果

    在这个话题中,我们将深入探讨滑动手势在移动开发中的应用,主要涉及以下几个方面: 1. **基础滑动事件**:在Android和iOS平台上,开发者可以监听滑动事件来处理用户的手势输入。在Android中,这通常涉及到`...

    微信小程序卡片滑动组件mp-swipe-card-master.zip

    在这个“mp-swipe-card-master.zip”压缩包中,包含了一个专门针对微信小程序设计的卡片滑动组件,名为“mp-swipe-card”。这个组件可以用于实现类似轮播图或者卡片切换的效果,常见于产品展示、图片浏览等场景。 ...

    IOS 滑动手势

    在iOS开发中,滑动手势(Swipe Gestures)是一种常见的用户交互方式,它允许用户通过在屏幕上快速滑动手指来触发特定的操作。本教程将基于Xcode 6和Objective-C,详细讲解如何实现上下左右四种基本滑动手势的集成与...

    Swipe JS – 移动WEB页面内容触摸滑动类库

    在实际应用中,你可以将Swipe JS 引入到HTML文件中,然后通过JavaScript初始化并配置滑动容器。例如: ```html &lt;div id="swipe"&gt; &lt;div class="slide"&gt;Slide 1 &lt;div class="slide"&gt;Slide 2 &lt;div class="slide"&gt;...

    FLex 左右滑动图片墙

    在本文中,我们将深入探讨如何使用Adobe Flex技术创建一个具有左右滑动功能的图片墙。Flex是一种基于ActionScript 3(AS3)的开源框架,主要用于构建富互联网应用程序(RIA)。通过利用Flex,开发者可以轻松地创建...

    微信小程序手势库和手势组件,小程序手势操作mini-program-master.zip

    手势库在移动应用开发中扮演着至关重要的角色,它们使得用户可以通过触摸屏幕执行各种复杂操作,如滑动、点击、长按、捏合缩放等。在微信小程序中,手势库通常基于JavaScript实现,能够与小程序的原生API紧密结合,...

    Android例子源码滑动手势监听例子源码.zip

    在Android开发中,滑动手势(Swipe Gestures)是用户界面交互的重要组成部分,它们使得用户可以通过简单的手指滑动动作执行各种操作。这个"Android例子源码滑动手势监听例子源码.zip"压缩包提供了一个实际的示例,...

    Android应用源码之手势滑动源码(适合新手).rar

    - 在实际项目中,你需要根据应用需求调整滑动的阈值(SWIPE_THRESHOLD 和 SWIPE_VELOCITY_THRESHOLD),以适应不同的滑动速度和距离。 - 使用Log或Toast输出调试信息,以便观察手势识别的准确性。 通过这个源码,...

    react-native-swipe-gestures-plus:4向滑动手势,长按事件和长按事件可进行本机React

    React本机滑动手势加React Native组件可通过Press和Long Press Events处理上,下,左,右方向的轻扫手势。安装npm i react-native-swipe-gestures-plus 执照这是的更新版本。 原始作者 ,用法'use strict' ;import ...

    react-native-swipe手势:reactive-native的4向滑动手势

    React本机滑动手势 React Native组件用于处理上下左右方向的滑动手势。 安装 npm i -S react-native-swipe-gestures 用法 'use strict' ; import React , { Component } from 'react' ; import { View , Text } ...

    gestouch手势触控插件FLEX

    在Adobe Flex这一强大的富互联网应用程序框架中,Gestouch插件为开发者提供了丰富的手势识别和处理功能,极大地增强了用户的互动体验。本文将深入探讨Gestouch插件及其在FLEX中的具体应用。 Gestouch插件,全称为...

    android手势移动代码(动态图片跟随手势移动)

    在Android应用开发中,手势识别是一项重要的技能,它能让用户通过触摸屏幕的特定动作与应用进行交互。本示例代码是针对"android手势移动代码(动态图片跟随手势移动)",主要用于实现动态图片跟随用户的触摸手势进行...

    手势识别长按和滑动

    本项目“手势识别长按和滑动”是一个示例应用,旨在教授开发者如何在iOS应用中实现长按(Long Press)和滑动(Swipe)这两种常见手势。 长按手势(Long Press Gesture Recognizer)在iOS中主要用于响应用户长时间...

    Swipe.js 一款移动WEB页面内容触摸滑动类库插件

    例如,你可以将Swipe.js 用于一个Vue组件中,创建一个可滑动的图片轮播,或者在React应用中构建一个动态加载内容的滑动菜单。 总之,Swipe.js 是移动Web开发中处理触摸滑动的得力工具,它不仅简化了开发过程,还...

    android游戏开发之滑动手势源码

    在Android游戏开发中,滑动手势是至关重要的交互方式,它能让用户更加自然地与游戏进行互动。滑动手势源码通常涉及到多个Android系统提供的API和技术,包括触摸事件处理、手势识别器(GestureDetector)以及...

    android随着手势的滑动而滑动的效果

    在`onInterceptTouchEvent()`中,你可以决定是否拦截子视图的触摸事件,而在`onTouchEvent()`中处理滑动逻辑。这种方法适用于自定义布局,比如在RecyclerView中实现可滑动的列表项。 6. 滑动返回(Swipe Back): ...

    Android滑动手势侦测方法介绍

    通过这种方式,开发者可以轻松地为滑动手势添加平滑的过渡动画,提高用户体验。 #### 六、总结 本文详细介绍了Android系统中滑动手势的侦测方法及其实现原理,并通过具体的代码示例进行了说明。通过合理设置滑动...

    微信小程序的手势扩展swipedragrotatepinch

    在实际应用中,利用这些手势扩展可以实现许多创新的功能,比如在图片编辑小程序中,用户可以通过捏合手势缩放图片,通过拖拽调整裁剪区域;在地图应用中,用户可以通过滑动和捏合手势进行地图的浏览和缩放。这种手势...

    angularjs的简单垂直和水平滑动手势指令_JavaScript_HTML_下载.zip

    它包含了一个名为“angular-swipe-master”的项目,该项目专门用于为AngularJS应用添加滑动手势支持。 AngularJS,由Google维护,是一个强大的前端JavaScript框架,用于构建动态网页应用。它提供了数据绑定、依赖...

    web-swipe-view:移动 Web 应用程序的水平滑动视图

    在现代的移动Web应用程序开发中,提供良好的用户体验是至关重要的。为了适应触摸设备的特性,许多开发者开始采用水平滑动视图(Horizontal Swipe View)来增强用户交互。其中,`web-swipe-view`是一个专为移动Web...

Global site tag (gtag.js) - Google Analytics