프로덕션 품질

UI에서 프로덕션 퀄리티의 모션을 구현하는 방법:

• UI를 미리 보고 FPS 재생률을 확인합니다.
• UI 코드를 프로파일링하여 느려짐, 응답 없음, 끊김의 원인을 찾아보세요.

FPS 재생률

일반적으로 애니메이터는 렌더링 엔진이 초당 60프레임(FPS)의 일관된 새로고침 빈도를 유지하도록 노력합니다. 60 FPS는 그래픽 하드웨어에 그리기 프리미티브를 업로드하는 데 필요한 처리 시간을 포함하여 각 프레임 사이에 약 16밀리초의 처리 시간이 있다는 것을 의미합니다.

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

애플리케이션 개발자는 FPS 속도를 개선해야 합니다:

• 가능하면 비동기 이벤트 중심 프로그래밍을 사용합니다.
• 작업자 스레드를 사용하여 중요한 처리를 수행합니다.
• 이벤트 루프를 수동으로 돌리지 마세요.
• 사용자 경험에 부정적인 영향을 미치는 프레임 건너뛰기를 방지하기 위해 차단 함수 내에서 프레임당 몇 밀리초를 초과하지 않도록 합니다.

디바이스에서 UI 미리 보기에 대한 자세한 내용은 디바이스에서 UI 미리 보기 Qt Quick 를 참조하세요.

UI 코드 프로파일링

사용할 수 있습니다. QML ProfilerQt Creator 에 통합된 를 사용하여 UI의 일반적인 성능 문제의 원인을 찾을 수 있습니다. 예를 들어 UI가 느리거나 응답이 없거나 끊기는 등의 문제가 있을 수 있습니다. 일반적으로 이러한 문제는 너무 적은 프레임에 너무 많은 자바스크립트를 실행하기 때문에 발생합니다. 모든 자바스크립트는 GUI 스레드가 진행되기 전에 반환되어야 하며, GUI 스레드가 준비되지 않은 경우 프레임이 지연되거나 중단됩니다.

일반적으로 UI에서 시간이 소요되는 위치를 파악하면 잠재적으로 존재하는 문제 영역이 아니라 실제로 존재하는 문제 영역에 집중할 수 있습니다.

가장 자주 실행되는 바인딩이나 애플리케이션이 가장 많은 시간을 소비하는 기능을 파악하면 문제 영역을 최적화할지 아니면 애플리케이션의 일부 구현 세부 사항을 재설계하여 성능을 개선할지 결정할 수 있습니다. 프로파일링 없이 코드 최적화를 시도하면 성능이 크게 개선되기보다는 매우 미미하게 개선될 가능성이 높습니다.