제작 품질

UI에서 제작 품질 수준의 모션을 구현하는 방법:

• UI를 미리 보아 FPS 재생 빈도를 확인하세요.
• UI 코드를 프로파일링하여 속도 저하, 반응 지연 및 끊김 현상의 원인을 파악하세요.

FPS 재생 속도

일반적으로 애니메이터는 렌더링 엔진이 초당 60프레임(FPS)의 일관된 재생률을 달성할 수 있도록 노력합니다. 60 FPS는 각 프레임 사이에 약 16밀리초의 간격이 있어 이 시간 동안 그래픽 하드웨어에 드로잉 프리미티브를 업로드하는 데 필요한 처리를 포함한 다양한 처리를 수행할 수 있음을 의미합니다.

애니메이션의 초당 프레임 수(FPS) 재생 빈도는 ‘ Design ’ 모드의 툴바에 있는 ‘ FPS ’ 필드에 표시됩니다.

FPS를 향상시키려면 애플리케이션 개발자는 다음을 수행해야 합니다.

• 가능한 한 비동기식, 이벤트 기반 프로그래밍을 사용하십시오.
• 중요한 처리는 워커 스레드를 사용하여 수행하십시오.
• 절대 이벤트 루프를 수동으로 회전시키지 마십시오.
• 프레임 생략으로 인한 사용자 경험 저하를 방지하기 위해, 차단 함수 내에서 프레임당 2밀리초 이상 소요되지 않도록 해야 합니다.

기기에서 UI를 미리 보는 방법에 대한 자세한 내용은 ‘기기에서 Qt Quick UI 미리 보기’를 참조하십시오.

UI 코드 프로파일링

xml-ph-0000@deepl.internal에 통합된 QML ProfilerQt Creator 에 통합된 프로파일링 도구를 사용하여 UI의 일반적인 성능 문제 원인을 찾을 수 있습니다. 예를 들어, UI가 느리거나 응답하지 않거나 끊기는 현상이 발생할 수 있습니다. 일반적으로 이러한 문제는 너무 적은 프레임 수에 너무 많은 JavaScript가 실행되어 발생합니다. GUI 스레드가 진행되기 전에 모든 JavaScript가 반환되어야 하며, GUI 스레드가 준비되지 않으면 프레임이 지연되거나 누락됩니다.

일반적으로 UI에서 시간이 어디에 소요되는지 파악하면, 잠재적으로 문제가 될 수 있는 영역보다는 실제로 존재하는 문제 영역에 집중할 수 있습니다.

어떤 바인딩이 가장 자주 실행되는지, 또는 애플리케이션이 어떤 함수에 가장 많은 시간을 소비하는지 파악하면, 문제 영역을 최적화해야 할지, 아니면 성능을 개선하기 위해 애플리케이션의 일부 구현 세부 사항을 재설계해야 할지 결정할 수 있습니다. 프로파일링 없이 코드를 최적화하려고 시도하면, 상당한 성능 개선보다는 아주 미미한 개선만 얻을 가능성이 높습니다.