위젯 상태 및 기본 제공 UI 구성 요소

참고

일부 정보는 상업용으로 출시되기 전에 상당 부분 수정될 수 있는 시험판 제품과 관련이 있습니다. Microsoft는 여기에 제공된 정보에 대해 어떠한 명시적, 또는 묵시적인 보증을 하지 않습니다.

중요

이 항목에서 설명하는 기능은 빌드 25217부터 Windows의 Dev Channel 미리 보기 빌드에서 사용할 수 있습니다. Windows 프리뷰 빌드에 대한 자세한 내용은 Windows 10 Insider Preview를 참조하세요.

위젯 상태:

위젯 보드에 위젯이 표시되는 경우, 위젯 보드 및 앱의 현재 상태에 따라 위젯이 로드되는 경우, 위젯이 오류 상태인 경우 또는 사용자가 위젯 레이아웃을 사용자 지정한 경우와 같이 위젯 보드의 현재 상태에 따라 위젯이 존재할 수 있는 여러 상태가 있습니다. 일부 상태는 앱에서 설계 및 구현되는 반면, 다른 상태는 위젯 호스트에 기본 제공됩니다. 이 섹션에서는 각 위젯 상태를 보여 줍니다. 위젯은 밝은 테마와 어두운 테마를 모두 지원합니다. 현재 테마에 따라 기본 제공 상태와 사용자 지정 상태가 모두 다르게 보일 수 있습니다.

기본 상태

기본 상태는 위젯이 정상적으로 실행될 때의 모양입니다. 위젯의 기본 사용자 환경입니다. 위젯의 기본 상태에 대한 레이아웃을 디자인합니다. 위젯의 기본 상태 UI는 사용자 구성에 따라 변경될 수 있지만 위젯의 기본 상태는 완전히 구현되어야 하며 사용자 구성 전 비어 있으면 안 됩니다. 위젯에 사용자가 로그인해야 하는 경우, 아래에 설명된 로그아웃 상태를 구현할 수 있습니다. 위젯의 기본 상태를 만들기 위한 디자인 지침은 위젯 디자인 기본 사항을 참조하세요.

DO

• 기본 활성 상태인 경우 위젯은 개인적이고 사용자에 연결된 것 같은 느낌을 주어야 합니다.
• 위젯은 현재 순간에 사용자 값을 가져오는 호감가는 콘텐츠를 표시해야 합니다.
• 사용자에게 위젯과 바로 상호 작용을 시작할 수 있는 기능을 제공합니다.
• 일관성을 최대화하고 학습 곡선을 줄이려면 위젯에 대한 디자인 제약 조건 내에 머물면서 앱의 UI를 반영하는 UI를 제공합니다.
• 사용자의 위치를 사용하여 일반 데이터 대신 추가할 스포츠 및 제안된 일정과 같은 콘텐츠의 데이터를 미리 채우는 것이 좋습니다.
• 요소 간에 충분한 공백의 공간을 허용합니다.

DON’T

• 일반 상업용 제품에 위젯을 사용하십시오. 콘텐츠는 사용자의 욕구와 의도를 반영해야 합니다.
• 사용량이 많은 복잡한 레이아웃을 방지합니다.

각 위젯 크기 내에서 편안한 정보 밀도와 건강한 네거티브 공간을 목표로 하여 한눈에 확인하고, 모델을 진행합니다. 포함할 정보가 많은 경우 다음 크기를 고려하여 더 많은 콘텐츠를 표시합니다. 또한 사용자가 한눈에 보기 및 사용하기 위해 콘텐츠의 어렵거나 쉬운 정도를 고려합니다.

경험을 높이기 위해 위젯에 놀라움과 기쁨의 순간을 추가하는 것을 고려하십시오. 예를 들어 가족 또는 일정 위젯의 경우 다른 시각적 개체와 같은 처리로 자녀의 생일을 강조 표시할 수 있습니다.

디자인 유연성이 가장 큰 상태입니다. 이 문서의 지침과 위젯 원칙, 위젯 디자인 기본 사항 및 위젯 상호 작용 디자인 지침을 사용하여 콘텐츠를 레이아웃하는 방법을 디자인합니다.

로그아웃 상태(인증이 필요한 위젯의 경우)

일부 위젯 시나리오에서는 사용자가 개인 설정된 위젯 콘텐츠를 볼 수 있도록 로그인하거나 다른 작업을 수행해야 할 수 있습니다. 사용자가 로그인하지 않은 경우 개인 설정되지 않은 콘텐츠를 표시하는 것이 좋습니다.

오류 상태 - 제공된 시스템

어떤 이유로 위젯 보드에서 위젯의 레이아웃이나 데이터를 검색할 수 없는 경우 오류 상태로 표시됩니다. Windows는 오류 메시지와 다시 로드 버튼이 있는 위젯 헤더를 표시합니다. 이 메시지는 모든 위젯에 대해 동일하게 표시됩니다.

캐시된 콘텐츠를 표시할 수 있는 경우 위젯 헤더는 데이터를 마지막으로 새로 고친 경우 다음 형식으로 표시됩니다.

1. 1시간 미만인 경우의 분(수)
2. 1시간 이상인 경우 가장 가까운 시간으로 반올림

캐시된 메시지를 최대 15자로 표시할 때, 긴 위젯 파트너 이름은 잘립니다.

사용자 지정 상태

Windows 앱 SDK 1.4부터 위젯은 위젯의 모양 또는 위젯이 표시하는 데이터를 사용자 지정할 수 있는 컨트롤을 제공하는 사용자 지정 템플릿을 제공할 수 있습니다. 사용자 지정 UI는 JSON 템플릿에 정의됩니다.

기본 제공 위젯 UI 구성 요소

위젯의 일부 UI 요소는 위젯 환경에 기본 제공되며 위젯 공급자가 이러한 요소를 사용자 지정할 수는 없지만 이러한 요소의 정의와 동작 방식을 알고 있어야 합니다.

컨텍스트 메뉴(시스템 제공)

컨텍스트 메뉴는 사용자가 오른쪽 위에 있는 세 개의 점 아이콘을 클릭하면 표시됩니다. 이 메뉴를 사용하면 사용자가 원하는 위젯 크기를 선택하고 위젯의 구성 상태에 액세스할 수 있습니다. 파트너는 동일한 템플릿 위젯 레지스터 'powered by ___'를 사용합니다.

특성 영역

위젯 등록 중에 제공된 위젯 이름 및 아이콘에 따라 위젯 보드에서 특성 영역을 렌더링합니다. 위젯 등록에 대한 자세한 내용은 위젯 공급자 패키지 매니페스트 XML 형식을 참조하세요.