随着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();
}
分享到:
相关推荐
在这个话题中,我们将深入探讨滑动手势在移动开发中的应用,主要涉及以下几个方面: 1. **基础滑动事件**:在Android和iOS平台上,开发者可以监听滑动事件来处理用户的手势输入。在Android中,这通常涉及到`...
在实际应用中,你可以将Swipe JS 引入到HTML文件中,然后通过JavaScript初始化并配置滑动容器。例如: ```html <div id="swipe"> <div class="slide">Slide 1 <div class="slide">Slide 2 <div class="slide">...
在这个“mp-swipe-card-master.zip”压缩包中,包含了一个专门针对微信小程序设计的卡片滑动组件,名为“mp-swipe-card”。这个组件可以用于实现类似轮播图或者卡片切换的效果,常见于产品展示、图片浏览等场景。 ...
在iOS开发中,滑动手势(Swipe Gestures)是一种常见的用户交互方式,它允许用户通过在屏幕上快速滑动手指来触发特定的操作。本教程将基于Xcode 6和Objective-C,详细讲解如何实现上下左右四种基本滑动手势的集成与...
在本文中,我们将深入探讨如何使用Adobe Flex技术创建一个具有左右滑动功能的图片墙。Flex是一种基于ActionScript 3(AS3)的开源框架,主要用于构建富互联网应用程序(RIA)。通过利用Flex,开发者可以轻松地创建...
手势库在移动应用开发中扮演着至关重要的角色,它们使得用户可以通过触摸屏幕执行各种复杂操作,如滑动、点击、长按、捏合缩放等。在微信小程序中,手势库通常基于JavaScript实现,能够与小程序的原生API紧密结合,...
在Android开发中,滑动手势(Swipe Gestures)是用户界面交互的重要组成部分,它们使得用户可以通过简单的手指滑动动作执行各种操作。这个"Android例子源码滑动手势监听例子源码.zip"压缩包提供了一个实际的示例,...
- 在实际项目中,你需要根据应用需求调整滑动的阈值(SWIPE_THRESHOLD 和 SWIPE_VELOCITY_THRESHOLD),以适应不同的滑动速度和距离。 - 使用Log或Toast输出调试信息,以便观察手势识别的准确性。 通过这个源码,...
React本机滑动手势加React Native组件可通过Press和Long Press Events处理上,下,左,右方向的轻扫手势。安装npm i react-native-swipe-gestures-plus 执照这是的更新版本。 原始作者 ,用法'use strict' ;import ...
例如,你可以将Swipe.js 用于一个Vue组件中,创建一个可滑动的图片轮播,或者在React应用中构建一个动态加载内容的滑动菜单。 总之,Swipe.js 是移动Web开发中处理触摸滑动的得力工具,它不仅简化了开发过程,还...
在现代的移动Web应用程序开发中,提供良好的用户体验是至关重要的。为了适应触摸设备的特性,许多开发者开始采用水平滑动视图(Horizontal Swipe View)来增强用户交互。其中,`web-swipe-view`是一个专为移动Web...
React本机滑动手势 React Native组件用于处理上下左右方向的滑动手势。 安装 npm i -S react-native-swipe-gestures 用法 'use strict' ; import React , { Component } from 'react' ; import { View , Text } ...
在Adobe Flex这一强大的富互联网应用程序框架中,Gestouch插件为开发者提供了丰富的手势识别和处理功能,极大地增强了用户的互动体验。本文将深入探讨Gestouch插件及其在FLEX中的具体应用。 Gestouch插件,全称为...
在Android应用开发中,手势识别是一项重要的技能,它能让用户通过触摸屏幕的特定动作与应用进行交互。本示例代码是针对"android手势移动代码(动态图片跟随手势移动)",主要用于实现动态图片跟随用户的触摸手势进行...
本项目“手势识别长按和滑动”是一个示例应用,旨在教授开发者如何在iOS应用中实现长按(Long Press)和滑动(Swipe)这两种常见手势。 长按手势(Long Press Gesture Recognizer)在iOS中主要用于响应用户长时间...
在Android游戏开发中,滑动手势是至关重要的交互方式,它能让用户更加自然地与游戏进行互动。滑动手势源码通常涉及到多个Android系统提供的API和技术,包括触摸事件处理、手势识别器(GestureDetector)以及...
通过这种方式,开发者可以轻松地为滑动手势添加平滑的过渡动画,提高用户体验。 #### 六、总结 本文详细介绍了Android系统中滑动手势的侦测方法及其实现原理,并通过具体的代码示例进行了说明。通过合理设置滑动...
在实际应用中,利用这些手势扩展可以实现许多创新的功能,比如在图片编辑小程序中,用户可以通过捏合手势缩放图片,通过拖拽调整裁剪区域;在地图应用中,用户可以通过滑动和捏合手势进行地图的浏览和缩放。这种手势...
它包含了一个名为“angular-swipe-master”的项目,该项目专门用于为AngularJS应用添加滑动手势支持。 AngularJS,由Google维护,是一个强大的前端JavaScript框架,用于构建动态网页应用。它提供了数据绑定、依赖...
在这个“演示基本动画过渡和触摸手势的Ember.js移动应用程序”中,我们将深入探讨如何在Ember应用中实现动态视觉效果和用户交互。 首先,让我们关注CSS方面。CSS(层叠样式表)是用于控制网页外观和布局的样式语言...