AS3中如何通过GESTURE_ZOOM区分手势放大与缩小操作

嘿，这个需求其实很容易搞定！AS3的TransformGestureEvent事件对象里有个非常有用的属性——scaleX（或者scaleY，因为手势缩放一般是等比例的，两者数值一致），直接通过它就能判断用户是在做放大还是缩小手势。

核心原理 #

当用户执行**放大（Zoom IN）手势时，e.scaleX的值会大于1；如果是缩小（Zoom OUT）**手势，这个值就会小于1。这个属性代表的是当前手势相对于上一帧的缩放比例，完美契合你的需求。

完整代码示例 #

下面是修改后的代码，包含了字号调整的逻辑，还加了字号的边界限制（避免字号过大或过小）：

import flash.events.TransformGestureEvent;

// 给文本框添加缩放手势监听
myTextBox.addEventListener(TransformGestureEvent.GESTURE_ZOOM, onZoom);

function onZoom(e:TransformGestureEvent):void {
    // 判断是放大还是缩小
    if (e.scaleX > 1) {
        // 放大：调用字号增大函数
        increaseFontSize();
    } else if (e.scaleX < 1) {
        // 缩小：调用字号减小函数
        decreaseFontSize();
    }
}

// 增大字号的函数，带最大限制
function increaseFontSize():void {
    // 可以根据需求调整最大字号，这里设为72
    if (myTextBox.fontSize < 72) {
        myTextBox.fontSize += 2; // 每次增大2号，也可以改成其他数值
    }
}

// 减小字号的函数，带最小限制
function decreaseFontSize():void {
    // 最小字号设为12，按需调整
    if (myTextBox.fontSize > 12) {
        myTextBox.fontSize -= 2;
    }
}

额外小提示 #

• 如果想要更平滑的缩放体验，可以不用固定增减字号，而是直接基于e.scaleX来计算新字号，比如：

  myTextBox.fontSize *= e.scaleX;
  // 记得之后加上边界控制，比如 clamp 到12-72之间
  myTextBox.fontSize = Math.max(12, Math.min(72, myTextBox.fontSize));
  

• 确保你的文本框开启了multiline和wordWrap属性，不然字号变大后内容可能会超出可视区域。

内容的提问来源于stack exchange，提问作者Divar Yab