Framer Studio,iOS消息"选择文本"

时间:2016-01-10 19:41:27

标签: ios framerjs

使用 Framer Studio ,我试图复制 iOS消息应用"选择文字"功能如下所示:

enter image description here

特别是,当我按住时,我希望放大气泡显示在任何位置。

1 个答案:

答案 0 :(得分:-1)

以下是Chris Aga在Framer.js Facebook群组中发布的示例:http://share.framerjs.com/78aqs01eogh9/

所以你要做的是,首先检查longpress:

screen.on Events.TouchStart, (event) ->
    isHeld = true
    Utils.delay .25, () ->
        if isHeld then triggerLongHold(event)

要标准化鼠标并触摸事件坐标,我们使用Pointer Module。因此,您需要在项目中包含该模块。 之后,将放大镜层移动到长按发生的地方:

triggerLongHold = (event) ->
    mask.opacity = 1
    shadow.opacity = 1
    pointerValues = Pointer.screen(event, screen)
    mask.x = pointerValues.x - mask.width / 2
    mask.y = pointerValues.y - mask.height
    bgMagnified.x = -2 * pointerValues.x + 140
    bgMagnified.y = -2 * pointerValues.y + 120

并在用户移动手指/鼠标时更新其位置:

    screen.on Events.TouchMove, (event) ->
        if isHeld
            pointerValues = Pointer.screen(event, screen)
            mask.x = pointerValues.x - mask.width / 2
            mask.y = pointerValues.y - mask.height
            bgMagnified.x = -2 * pointerValues.x + 140
            bgMagnified.y = -2 * pointerValues.y + 120

希望这会让你开始!