드래그와 클릭을 동시에 적용하기

퓨즈[Fusetools]는 객체를 드래그 하기 위한 아주 간단한 방법을 제공합니다. 바로 Draggable 태그인데요. 아래처럼 사용할 수 있습니다.

1
2
3
<Circle Width="100" Color="#F00">
    <Draggable />
</Circle>

하지만 문제가 하나 있습니다. 아래와 같이 Clicked 태그와 함께 작동하지 않는다는거죠.

1
2
3
4
<Circle Width="100" Color="#F00">
    <Draggable />
    <Clicked Handler="{onClicked}" />
</Circle>

만약 두 가지를 함께 사용하고 싶다면 아래와 같이 해보세요. 🙂

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<App>
    <JavaScript>
        var isPressed = false;
       
        exports.onPressed = function ()
        {
            isPressed = true;
        }
        exports.onMoved = function ()
        {
            isPressed = false;
        }
        exports.onReleased = function ()
        {
            if(isPressed)
            {
                debug_log("Clicked");
                isPressed = false;
            }
        }
    </JavaScript>
    <Circle Width="100" Color="#F00" Pressed="{onPressed}" Moved="{onMoved}" Released="{onReleased}">
        <Draggable />
    </Circle>
</App>

[[ 동영상 강좌(재생 목록 버튼을 누르세요) ]]

Was this article helpful?

Related Articles