기본 상태 만들기

코드를 깔끔하게 유지하려면 애플리케이션에 필요한 모든 컴포넌트가 포함된 기본 상태를 만드세요. 그런 다음 상태를 만들어 컴포넌트 집합을 숨기고 표시하고 속성을 수정할 수 있습니다. 이를 통해 다음을 수행할 수 있습니다:

• 서로 다른 보기의 컴포넌트를 서로 정렬할 수 있습니다.
• 과도한 속성 변경을 피합니다. 컴포넌트가 기본 상태에서 보이지 않는 경우 하위 컴포넌트에 대한 모든 변경 사항을 속성 변경으로 정의해야 하므로 코드가 복잡해집니다.
• 기본 상태와 다른 상태 간의 차이를 최소화하여 코드를 짧고 가독성 있게 유지하고 성능을 개선하세요.
• 상태를 변경할 때 트랜지션과 애니메이션을 사용하면 문제를 방지할 수 있습니다.

상태를 사용하여 애플리케이션 보기 만들기

상태를 사용하여 애플리케이션의 보기를 만들려면 다음과 같이 하세요:

1. View > Views > States 로 이동합니다.
2. 기본 상태에서 애플리케이션에 필요한 모든 컴포넌트를 추가합니다(1). 하나의 보기에서 작업하는 동안 Navigator 에서 을 선택하여 보기의 일부가 아닌 구성 요소를 캔버스에서 숨길 수 있습니다.
3. States 에서 + 기호를 선택하여 새 상태를 만들고 이름을 지정합니다. 예를 들어 Normal 입니다.
4. Properties (2)에서 이 보기에 필요하지 않은 각 구성 요소에 대해 Visibility 을 지우거나 Opacity 을 0으로 설정합니다. 상위 구성 요소에 대한 설정을 지정하면 모든 하위 구성 요소가 이를 상속하고 숨겨집니다.
5. 각 보기에 대해 추가 상태를 만들고 보기에 있는 구성 요소의 표시 여부 또는 불투명도를 설정합니다.
6. 애플리케이션이 시작될 때 어떤 상태가 적용될지 결정하려면 Default 을 선택합니다.

상태 그룹

상태 그룹을 사용하면 동일한 보기에서 다른 구성 요소 및 해당 상태와 독립적으로 특정 구성 요소의 상태를 변경할 수 있습니다.

각 상태 그룹에는 고유한 속성 변경 및 전환이 있습니다.

기본적으로 하나의 기본 상태 그룹이 있습니다.

상태 확장

한 상태가 다른 상태를 확장하면 해당 상태의 모든 변경 사항을 상속합니다. 확장되는 상태는 확장 상태가 지정한 변경 사항과 관련하여 기본 상태로 취급됩니다.

확장 상태를 사용하면 사용자 인터페이스와 QML 코드를 더 깔끔하게 만들 수 있습니다.

다음 예제에서 State1 와 State2 사이의 유일한 변경 사항은 directionalLight 의 밝기입니다.

여기서는 확장 상태가 사용되지 않습니다:

여기서는 State2 이 State1 에서 확장되었습니다: