< Return to Video

UI Scrollbar - Unity Official Tutorials

  • 0:02 - 0:06
    사용자는 스크롤바의 핸들을 드래그하여
  • 0:06 - 0:10
    0에서 1까지의 숫자값을 선택할 수 있습니다
  • 0:10 - 0:14
    일반적으로 스크롤바를
    이용해 또 다른 UI 엘리먼트나
  • 0:14 - 0:16
    컴포넌트의 값을 설정 또는 변경합니다
  • 0:17 - 0:20
    스크롤바는 보통
    [Scroll rect]와 함께 사용합니다
  • 0:20 - 0:22
    [Scroll rect]는 지나치게 커서 잘 보이지 않는
  • 0:22 - 0:24
    콘텐트를 수용하거나 숨길 수 있습니다
  • 0:24 - 0:27
    [Scroll rect]는 스크롤바의 값을 이용해
  • 0:27 - 0:30
    콘텐트가 스크롤되는 방식을 관리합니다
  • 0:31 - 0:33
    [Scroll rect] 관련 추가 정보를 확인하려면
  • 0:33 - 0:35
    아래 링크의 정보를 참조하십시오
  • 0:36 - 0:39
    스크롤바의 값은 스크롤바 세로에 있는
  • 0:39 - 0:41
    핸들의 위치로 설정됩니다
  • 0:42 - 0:44
    이 값은 스크롤바의 끝에서 0으로 시작하는
  • 0:44 - 0:47
    정규값이며, 다른 끝에서
  • 0:48 - 0:50
    최대 1까지 증가합니다
  • 0:51 - 0:55
    0.5는 중간점을 나타냅니다
  • 0:55 - 0:58
    새로운 스크롤바를
    생성하려면 [Create] 메뉴의
  • 0:58 - 1:03
    [Create] - [UI] - [Scrollbar]를 이용합니다
  • 1:05 - 1:07
    모든 UI 엘리먼트와 마찬가지로 스크롤바
  • 1:07 - 1:09
    엘리먼트는 캔버스의 자식이어야 합니다
  • 1:10 - 1:12
    스크롤바가 없어서 미리
    만든 스크롤바를 생성하면
  • 1:12 - 1:15
    새로운 캔버스가 생성됩니다
  • 1:16 - 1:18
    캔버스 관련 추가 정보를 확인하려면
  • 1:18 - 1:20
    아래 링크의 정보를 참조하십시오
  • 1:21 - 1:24
    스크롤바를 생성할 때는 게임 오브젝트의
  • 1:24 - 1:26
    패밀리에서 만듭니다
  • 1:27 - 1:29
    자식은 슬라이딩 영역과
    핸들 그래픽을 정의하는
  • 1:29 - 1:32
    [Rect transform]과 이미지 컴포넌트입니다
  • 1:33 - 1:35
    부모 게임 오브젝트에는 필수 스크롤바
  • 1:35 - 1:37
    스크립트가 있습니다
  • 1:38 - 1:41
    배경 이미지는 부모 게임 오브젝트의
    컴포넌트입니다
  • 1:43 - 1:46
    [Interact-able]은
    이 특정 스크롤바의 입력 수용
  • 1:46 - 1:48
    여부를 결정합니다
  • 1:49 - 1:51
    스크롤바와의 상호작용을 막으려면
  • 1:51 - 1:53
    [Interact-able]을 [False]로 설정합니다
  • 1:54 - 1:56
    [Interact-able]을 [False]로 설정하면
  • 1:56 - 1:58
    스크롤바 엘리먼트의 전환 상태는
  • 1:58 - 2:01
    비활성화 상태로 설정됩니다
  • 2:01 - 2:04
    기본 설정으로 스크롤바 엘리먼트는
  • 2:04 - 2:06
    스크롤바의 정상 상태를 표시합니다
  • 2:07 - 2:09
    전환 모드 선택에 따라
  • 2:09 - 2:11
    스크롤바는 하일라이트 누름 및 비활성화
  • 2:11 - 2:13
    상태도 표시할 수 있습니다
  • 2:14 - 2:16
    [Transition Mode]는 스크롤바 엘리먼트가
  • 2:16 - 2:20
    이러한 추가 상태를 표시할 것인지 결정하며
  • 2:21 - 2:24
    만약 표시한다면 각 상태의 슬라이더 모양과
  • 2:24 - 2:27
    상태간 전환 유형을 관리합니다
  • 2:28 - 2:30
    [Transition Mode] 속성은 다양한
  • 2:30 - 2:32
    UI 엘리먼트가 공유하며, 별도의 단원에서
  • 2:32 - 2:34
    다룰 것입니다
  • 2:34 - 2:36
    전환 및 [Transition Mode] 속성 관련
  • 2:36 - 2:38
    추가 정보를 확인하려면 아래 링크의
  • 2:38 - 2:40
    정보를 참조하십시오
  • 2:41 - 2:43
    스크롤바로 전환을 이용할 때
  • 2:43 - 2:45
    애니메이션 전환 모드 이외의
  • 2:45 - 2:48
    모든 시각적 변화는
  • 2:48 - 2:51
    나머지 UI 엘리먼트가 아니라
    핸들 그래픽에서만
  • 2:51 - 2:53
    볼 수 있다는 점에 유의합니다
  • 2:54 - 2:56
    [Navigation]은 키보드나 컨트롤러 입력을
  • 2:56 - 2:58
    이용할 때 UI 엘리먼트의 선택 방식을
  • 2:58 - 2:59
    설정합니다
  • 3:00 - 3:03
    [Navigation]은 여러 UI 엘리먼트가 공유하며
  • 3:03 - 3:05
    별도의 단원에서 다룰 것입니다
  • 3:06 - 3:08
    대부분의 상황에서
    [Navigation]은 [Automatic]으로
  • 3:08 - 3:10
    설정하면 됩니다
  • 3:11 - 3:13
    [Navigation] 관련 추가 정보를 확인하려면
  • 3:13 - 3:16
    아래 링크의 정보를 참조하십시오
  • 3:16 - 3:19
    [Handle rect]는 핸들에 사용되는 그래픽에서
  • 3:19 - 3:21
    [Rect transform]의 레퍼런스입니다
  • 3:22 - 3:24
    [Direction]은 변경값의 축과 방향을
  • 3:24 - 3:26
    모두 설정합니다
  • 3:27 - 3:30
    값은 스크롤바의 한 쪽 끝에서 0으로 시작해
  • 3:30 - 3:32
    다른 쪽 끝에서 최대 1까지 증가하는
  • 3:32 - 3:34
    정규값입니다
  • 3:35 - 3:38
    가령 왼쪽에서 오른쪽을 선택하면
  • 3:38 - 3:42
    출발값 0이 스크롤바의 왼쪽에 설정되고
  • 3:43 - 3:45
    핸들이 왼쪽에서 오른쪽으로 이동하면
  • 3:45 - 3:48
    스크롤바의 값은 이와 비례해 증가하며
  • 3:48 - 3:50
    오른쪽의 값은 1입니다
  • 3:51 - 3:53
    방향 선택은
  • 3:54 - 3:55
    [LeftToRight]
  • 3:55 - 3:57
    [RightToLeft]
  • 3:57 - 4:00
    [BottomToTop] 및 [TopToBottom]입니다
  • 4:01 - 4:04
    값은 스크롤바의 현재 값입니다
  • 4:04 - 4:08
    값이 편집 중 인스펙터에서 설정되면
  • 4:08 - 4:11
    스크롤바의 출발값이 설정됩니다
  • 4:12 - 4:14
    [Size]는 0에서 1의 범위인
  • 4:14 - 4:16
    스크롤바 내의 핸들의
  • 4:16 - 4:18
    크기입니다
  • 4:19 - 4:22
    [Number of steps]는 스크롤바가 허용하는
  • 4:22 - 4:24
    개별 위치의 수입니다
  • 4:25 - 4:28
    부드럽고 끊김 없는 스크롤을 위해서는
  • 4:28 - 4:31
    이 값을 0이나 1로 설정합니다
  • 4:32 - 4:36
    UI 프레임워크에는 강력한
    이벤트 시스템이 포함됩니다
  • 4:36 - 4:39
    이것은 캔버스를 생성할 때 생성됩니다
  • 4:40 - 4:42
    이벤트 시스템이 스크롤바에서 클릭이나
  • 4:42 - 4:44
    드래그를 탐지하면
  • 4:44 - 4:47
    [OnValueChanged] 이벤트를 호출합니다
  • 4:48 - 4:50
    스크롤바 컴포넌트에는 기본 값 변경
  • 4:50 - 4:52
    함수 목록이 포함됩니다
  • 4:52 - 4:54
    이 목록에는 스크롤 값이 변하면
  • 4:54 - 4:57
    호출되는 모든 함수 목록이 포함됩니다
  • 4:58 - 5:00
    [Additional] 이벤트는 스크롤바 엘리먼트가
  • 5:00 - 5:02
    탐지해 이용할 수 있지만, 추가 컴포넌트가
  • 5:02 - 5:04
    필요합니다
  • 5:05 - 5:07
    기본 함수 목록, 이벤트, 이벤트 시스템 및
  • 5:07 - 5:12
    이벤트 트리거 관련 추가 정보를 확인하려면
  • 5:12 - 5:14
    아래 링크의 정보를 참조하십시오
  • 5:15 - 5:17
    대부분의 경우 스크롤바는
  • 5:17 - 5:19
    [Scroll rect]와 함께 사용됩니다
  • 5:19 - 5:21
    [Scroll rect]는 연결되면 스크롤바의
  • 5:21 - 5:24
    동적 값을 자동으로 사용합니다
  • 5:25 - 5:27
    [Scroll rect] 관련 추가 정보를 확인하려면
  • 5:27 - 5:29
    아래 링크의 정보를 참조하십시오
Title:
UI Scrollbar - Unity Official Tutorials
Description:
more » « less
Video Language:
English, British
Duration:
05:31

Korean subtitles

Revisions

Our website uses cookies for analysis purposes.