이 페이지에서

완화 커브 편집

완만 곡선은 애니메이션의 진행을 정의하여 동작이 보다 자연스럽게 보이도록 합니다. 실제 개체는 일반적으로 일정한 속도로 움직이거나 즉시 시작 및 중지되지 않기 때문입니다. 비선형 보간을 위한 완화 커브를 추가하고 편집하여 애니메이션이 끝날 때 컴포넌트가 속도를 높이거나, 느리게 하거나, 다시 튀어나오는 것처럼 보이도록 할 수 있습니다.

완화 커브를 첨부할 수 있는 대상은 다음과 같습니다:

  • 타임라인 애니메이션의 키프레임
  • 전환
  • 속성 애니메이션 컴포넌트 인스턴스

Easing Curve Editor 를 사용하여 완화 곡선을 선택하고 편집할 수 있습니다.

완화 커브 선택하기

사전 설정된 커브를 사용하거나 커브 핸들을 드래그하여 수정할 수 있습니다. 커브에 점을 추가하고 점과 점 핸들을 드래그하여 커브를 수정할 수 있습니다. 커브가 마음에 들면 사용자 지정 커브로 저장할 수 있습니다. 완화 커브 유형에 대한 자세한 내용은 기술 문서 easing curves 을 참조하세요.

커브 편집기 완화.

완화 커브를 선택하려면 다음과 같이 하세요:

  1. Presets 탭에서 완화 커브를 선택합니다.
  2. Duration (ms) 필드에서 완화 기능의 지속 시간(밀리초)을 선택합니다.
  3. Preview 을 선택하여 커브를 미리 봅니다.
  4. OK 을 선택하여 완화 커브를 첨부하고 커브를 추가할 뷰로 돌아갑니다.

완화 커브 편집기에서 확대/축소하려면 마우스 롤러를 사용합니다. 확대/축소 배율을 재설정하려면 선택기를 마우스 오른쪽 버튼으로 클릭하고 Reset Zoom 을 선택합니다.

타임라인 애니메이션에서 커브 완화하기

타임라인 애니메이션의 경우 애니메이션 범위에서 애니메이션 속성의 보간된 값을 표시하는 고급 커브 보기를 사용할 수도 있습니다.

애니메이션 곡선은 애니메이션 범위에서 애니메이션 속성의 유효 값을 표시하여 애니메이션을 더 읽기 쉽게 보여줍니다. 이렇게 하려면 완화 곡선으로 변환해야 합니다. 여기에는 다음과 같은 부작용이 따릅니다:

  • 동일한 현재 키프레임 값과 이전 키프레임 값 사이의 보간은 완화 커브의 모양에 관계없이 의미가 없습니다.
  • 일부 완화 커브는 애니메이션 커브에 쉽게 매핑할 수 없으므로 핸들이 없이 다른 색상으로 칠해집니다.

키프레임에 완화 커브 붙이기

키프레임에 완화 커브를 첨부하려면 다음과 같이 하세요:

  1. Timeline 에서 키프레임을 마우스 오른쪽 버튼으로 클릭하고 컨텍스트 메뉴에서 Easing Curve Editor 을 선택합니다.
  2. 완화 커브 선택에 설명된 대로 완화 커브를 선택합니다.

키프레임에 완화 커브를 첨부하면 Timeline 의 키프레임 트랙에 있는 키프레임 마커 모양이 선형 키프레임 마커 에서 선택한 완화 커브의 유형을 설명하는 마커로 변경됩니다.

전환에 완화 커브 첨부하기

전환에 완화 커브를 첨부하려면:

  1. Transitions 보기에서 커브 편집기 버튼 (Easing Curve Editor) 버튼을 선택합니다.
  2. 완화 커브 선택에 설명된 대로 완화 커브를 선택합니다.

속성 애니메이션에 완화 커브 첨부하기

속성 애니메이션에 완화 커브를 첨부하려면 다음과 같이 하세요:

  1. Navigator 에서 애니메이션 컴포넌트 인스턴스를 선택합니다.
  2. Properties 에서 커브 편집기 버튼 (Easing Curve Editor) 버튼을 선택합니다.
  3. 완화 커브 선택에 설명된 대로 완화 커브를 선택합니다.

완화 커브 사용자 지정하기

완화 커브를 사용자 지정하려면:

  1. Easing Curve Editor 에서 Presets 탭에서 완화 커브를 선택합니다.
  2. 커브 핸들을 드래그하여 커브를 수정합니다.
  3. 편집기에서 마우스 오른쪽 버튼을 클릭하고 Add Point 을 선택하여 커브에 포인트를 추가합니다.
  4. 점 또는 점 핸들을 드래그하여 커브를 수정합니다. 커브가 유효하지 않은 경우 편집기에서 빨간색으로 바뀌고 Save 버튼이 비활성화됩니다.
  5. Save 을 선택하여 커브에 대한 변경 사항을 저장합니다.
  6. Name 필드에 사용자 지정 커브의 이름을 입력한 다음 OK 을 선택하여 Custom 탭에 커브를 저장합니다.

완화 커브 정의를 Easing Curve Editor 에 텍스트로 붙여넣으려면 Text 탭을 선택합니다.

방법도참조하세요 : Qt Quick UI 디자인하기, Qt Quick UI 디자인하기 Qt Quick UI 디자인하기를 참조하세요.

Copyright © The Qt Company Ltd. and other contributors. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.