유니티 UI 길게 누르기 구현 - UI Longpress

Published: Nov 16, 2022 by BeatChoi

유니티에서의 UI Longpress

유니티에서 UI 길게 누르기를 구현해 봅니다.

유니티3D 에디터에서

스크립트 작성

프로젝트창에서 ButtonLongPressListener.cs스크립트를 생성합니다.

ButtonLongPressListener 스크립트를 열어서 다음과 같이 작성합니다.

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
using UnityEngine ;
using UnityEngine.Events ;
using UnityEngine.EventSystems ;
using UnityEngine.UI ;

[RequireComponent (typeof(Button))]
public class ButtonLongPressListener : MonoBehaviour,IPointerDownHandler,IPointerUpHandler {

    [Tooltip ("Hold duration in seconds")]
    [Range (0.3f, 5f)] public float holdDuration = 0.5f ;
    public UnityEvent onLongPress ;
    public UnityEvent onShortPress;

    private bool isPointerDown = false ;
    private bool isLongPressed = false ;
    private float elapsedTime = 0f ;

    private Button button ;

    private void Awake () 
    {
        button = GetComponent<Button> () ;
    }

    public  void OnPointerDown (PointerEventData eventData) 
    {
        isPointerDown = true ;
    }
    public void OnPointerUp(PointerEventData eventData)
    {
        if (isLongPressed)
        {
            Debug.Log("isLongPressed");
        }
        else
        {
            onShortPress.Invoke();
            Debug.Log("isShortPressed");
        }
        isPointerDown = false;
        isLongPressed = false;
        elapsedTime = 0f;
    }

    private void Update () {
    if (isPointerDown && !isLongPressed) 
        {
            elapsedTime += Time.deltaTime ;
            if (elapsedTime >= holdDuration) 
            {
                isLongPressed = true ;
                elapsedTime = 0f ;
                onLongPress.Invoke () ;
            }
            else
            {
                isLongPressed = false;
            }
        }
   }
}
  • (Keycode의 키값은 https://docs.unity3d.com/kr/530/ScriptReference/KeyCode.html 에서 볼 수 있습니다)

테스트


<01. >

결과물


<02. >

Latest Posts

LightshipAR SDK 활용하기 - Maps SDK의 활용
LightshipAR SDK 활용하기 - Maps SDK의 활용

ARDK Maps SDK

Lightship의 geofencing 기능을 구현할 수 있는 Maps SDK 활용법을 알아봅니다.

콘텐츠 개발

프로젝트 세팅

본 포스팅은 ARDK 3.9 버전, Maps SDK 0.4 버전을 기준으로 작성합니다. 이전 포스팅을 참조하여 SDK를 임포트 합니다.

Top Down Map

  1. 네이버 지도같은 일반적인 탑-다운 맵을 구현해 봅니다.

Unity3D에서의 UI - Rect Transform
Unity3D에서의 UI - Rect Transform

Unity UI RectTransform :: 개요

UI 객체들의 위치, 크기, 기준점 등등을 담당하는 Rect Transform에 대하여 알아봅니다.

Unity3D에서의 UI - UI의 구성
Unity3D에서의 UI - UI의 구성

Unity UI :: 개요

Unity UI는 게임 및 애플리케이션용 사용자 인터페이스를 개발하는 데 쓰이는 간단한 UI 툴킷입니다. Unity UI는 게임 오브젝트 기반 UI 시스템으로, 컴포넌트와 게임 뷰를 사용하여 사용자 인터페이스를 배열하고 위치와 스타일을 지정합니다. Unity UI는 Unity 에디터 내 사용자 인터페이스에 대해 사용할 수 없습니다.https://docs.unity3d.com/kr/2019.1/Manual/UIToolkits.html