Return to Video

UI Scroll Rect - Unity Official Tutorials

  • 0:02 - 0:05
    사용자는 UI 엘리먼트인
    [Scroll Rect]를 이용해
  • 0:05 - 0:07
    수평 및/또는 수직 축을 따라 또 다른
  • 0:07 - 0:10
    UI 엘리먼트를 이동시킬 수 있습니다
  • 0:10 - 0:12
    이것은 버튼 리스트나 대형 텍스트 블록
  • 0:12 - 0:15
    등과 같은, 대형 이미지 또는 다른
  • 0:15 - 0:17
    UI 엘리먼트의 패널입니다
  • 0:18 - 0:20
    [Scroll Rect]는 마스크 엘리먼트와
  • 0:20 - 0:22
    함께 가장 자주 사용하며
  • 0:23 - 0:26
    스크롤바와 함께 완벽하게 작동합니다
  • 0:27 - 0:29
    이 단원에서는 마스크와
    스크롤바에 대해 간략히
  • 0:29 - 0:31
    살펴볼 것입니다
  • 0:31 - 0:33
    마스크와 스크롤바 관련 상세 정보를
  • 0:33 - 0:37
    확인하려면 아래 링크의 정보를 참조하십시오
  • 0:38 - 0:39
    [Scroll Rect]를 생성하려면
  • 0:39 - 0:41
    캔버스의 자식인 게임 오브젝트에
  • 0:41 - 0:44
    [Scroll Rect] 스크립트를 추가합니다
  • 0:45 - 0:47
    모든 UI 엘리먼트와 마찬가지로
  • 0:47 - 0:49
    [Scroll Rect]도 캔버스의 자식이어야 합니다
  • 0:50 - 0:52
    [Scroll Rect] 스크립트를 게임 오브젝트에
  • 0:52 - 0:56
    추가하는 한 가지 방법은 [Add Component]
  • 0:57 - 0:59
    - [UI] - [Scroll Rect]를 이용하는
  • 1:00 - 1:01
    것입니다
  • 1:02 - 1:04
    이 예제의 경우, 게임 오브젝트의 이름을
  • 1:04 - 1:07
    Scroll View로 바꾸겠습니다
  • 1:09 - 1:11
    [Content]는 [Scroll Rect]가 제어하는
  • 1:11 - 1:14
    UI 엘리먼트의 [Rect
    Transform]의 참조입니다
  • 1:15 - 1:17
    가령 [Scroll Rect]보다 훨씬 큰
  • 1:17 - 1:19
    이미지 등이 이에 속합니다
  • 1:19 - 1:21
    콘텐트를, 이 경우 대형 이미지를
  • 1:21 - 1:23
    [Scroll Rect]의
  • 1:23 - 1:25
    콘텐트 속성과 연관시킵니다
  • 1:26 - 1:30
    재생 모드에서 이 콘텐트는
    완전히 스크롤 가능합니다
  • 1:32 - 1:35
    [Scroll Rect]는 일반적으로
    마스크 엘리먼트와 함께 사용합니다
  • 1:35 - 1:38
    [Scroll Rect]와 함께 마스크
    엘리먼트를 사용하려면
  • 1:38 - 1:40
    우선 이미지 스크립트를 마스크가 사용할
  • 1:40 - 1:42
    게임 오브젝트에 추가합니다
  • 1:44 - 1:46
    그리고 마스크 스크립트를 추가합니다
  • 1:51 - 1:53
    그러면 마스크 엘리먼트는 이미지를 이용해
  • 1:53 - 1:55
    마스크를 생성합니다
  • 1:55 - 1:58
    특정 이미지는 이미지 스크립트에서
    필요 없기 때문이죠
  • 1:59 - 2:01
    하지만 마스크 형태를 추가로 제어하기
  • 2:01 - 2:03
    위해 이미지를 추가할 수 있습니다
  • 2:05 - 2:08
    이미지 및 마스크 엘리먼트 관련
    상세 정보를 확인하려면
  • 2:08 - 2:10
    아래 링크의 정보를 참조하십시오
  • 2:11 - 2:13
    [Horizontal]과 [Vertical]을
    사용하면 이 축들에서
  • 2:13 - 2:15
    스크롤이 가능합니다
  • 2:15 - 2:18
    한 축에서 스크롤을 비활성화하려면
  • 2:18 - 2:20
    해당 축의 속성을 [false]로 설정합니다
  • 2:21 - 2:24
    [Movement Type]은 스크롤 모드를 규정합니다
  • 2:25 - 2:27
    스크롤 모드는 [Movement Type] 팝업 메뉴로
  • 2:27 - 2:29
    선택할 수 있습니다
  • 2:29 - 2:33
    [Unrestricted]는 스크롤
    이동의 제약을 없애줍니다
  • 2:34 - 2:36
    이 모드는 흔히 선택하는 모드는 아니며
  • 2:36 - 2:38
    추가 방법을 이용하지 않고도
  • 2:38 - 2:39
    복구할 수 없는 방식으로
  • 2:39 - 2:42
    콘텐트를 제거할 수 있습니다
  • 2:42 - 2:45
    하지만 이 모드는 특정 상황에서는
  • 2:45 - 2:47
    유용합니다
  • 2:48 - 2:50
    [Elastic]이나 [Clamped]를
  • 2:50 - 2:51
    [Movement Type]으로 사용하는 경우
  • 2:51 - 2:54
    콘텐트는 스크롤 가능한
    축에서 [Scroll Rect]의
  • 2:54 - 2:56
    경계를 벗어날 수 없습니다
  • 2:57 - 2:58
    이 두 가지 모드에서
  • 2:58 - 3:00
    콘텐트를 스크롤하려면
  • 3:00 - 3:02
    콘텐트의 [Rect Transform]이
    [Scroll Rect]의
  • 3:02 - 3:05
    [Rect Transform]보다 커야 합니다
  • 3:06 - 3:08
    콘텐트의 [Rect Transform]이
    [Scroll Rect]의
  • 3:08 - 3:11
    [Rect Transform]보다 작으면
  • 3:11 - 3:14
    해당 축에서 스크롤할 수 없습니다
  • 3:15 - 3:18
    이 두 가지 모드 중 하나로
    콘텐트의 위치를 정할 때는
  • 3:18 - 3:20
    [Scroll Rect]의 경계 안에서
  • 3:20 - 3:22
    시작하는 것이 가장 좋습니다
  • 3:22 - 3:24
    아니면 원하지 않은 동작이
    발생할 수도 있습니다
  • 3:24 - 3:26
    [Rect Transform]이 콘텐트를 경계 안으로
  • 3:26 - 3:28
    되돌려 놓으려 하기 때문입니다
  • 3:29 - 3:32
    [Elastic] 동작 형식을 사용하는 경우
  • 3:32 - 3:34
    콘텐트가 [Scroll Rect]의 경계에 도달하면
  • 3:34 - 3:36
    바운스됩니다
  • 3:37 - 3:39
    바운스 양은 [Elasticity] 속성으로
  • 3:39 - 3:41
    설정합니다
  • 3:43 - 3:45
    [Clamped] 동작 형식을 사용하는 경우
  • 3:45 - 3:47
    콘텐트가 경계에 도달해도 바운스되지 않으며
  • 3:47 - 3:50
    스크롤만 중단됩니다
  • 3:54 - 3:56
    [Inertia]는 드래그 후 포인터를
  • 3:56 - 3:58
    릴리스할 때 콘텐트가
    글라이드를 계속할 것인지
  • 3:58 - 4:00
    정의합니다
  • 4:00 - 4:02
    [Inertia]가 [False]이면 콘텐트는
  • 4:02 - 4:04
    드래그될 때만 이동합니다
  • 4:05 - 4:07
    [Inertia]를 [True]로 설정하면
  • 4:07 - 4:09
    포인트가 드래그를 종료한 후에도 콘텐트는
  • 4:09 - 4:11
    계속 글라이드됩니다
  • 4:11 - 4:13
    콘텐트가 글라이드를 멈추는 시간은
  • 4:13 - 4:17
    [Deceleration Rate] 속성이 결정합니다
  • 4:17 - 4:19
    [Deceleration Rate]이 0이면
  • 4:19 - 4:21
    글라이드는 즉시 중단됩니다
  • 4:22 - 4:24
    값이 1이면 글라이드 속도가
  • 4:24 - 4:26
    줄어들지 않습니다
  • 4:27 - 4:29
    [Horizontal] 및 [Vertical] 스크롤바는
  • 4:29 - 4:32
    잠재적인 스크롤바 엘리먼트에
    대한 옵션 참조입니다
  • 4:33 - 4:35
    [Scroll Rect]로 스크롤바를 이용하려면
  • 4:35 - 4:38
    필요한 스크롤바를 생성하고
  • 4:40 - 4:42
    위치를 정한 후
  • 4:42 - 4:44
    스크롤바와 [Scroll Rect]의 속성을
  • 4:44 - 4:46
    연관시키면 됩니다
  • 4:49 - 4:51
    그러면 자동으로 작동합니다
  • 4:52 - 4:55
    스크롤바와 설정법 관련
    추가 정보를 확인하려면
  • 4:55 - 4:58
    아래 링크의 정보를 참조하십시오
Title:
UI Scroll Rect - Unity Official Tutorials
Description:
more » « less
Video Language:
French
Duration:
05:00

Korean subtitles

Revisions

Our website uses cookies for analysis purposes.