ios - Framer Studio、iOS メッセージ「テキストを選択」

Question

Framer Studioを使用して、以下に示すように、 iOS メッセージ アプリの「テキストの選択」機能を複製しようとしています。

特に、押したままにすると、ズームインしたバブルが任意の場所に表示されるようにします。

Answer 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

これで始められることを願っています！