캔버스 앱에서 최신 테마 사용(프리뷰)

아티클
05/15/2024

[이 문서는 시험판 문서이며 변경될 수 있습니다.]

사전 설정된 스타일 세트인 최신 테마는 앱의 모양을 변화시킬 수 있습니다. Microsoft의 Fluent 디자인 언어를 기반으로 하는 이러한 테마는 색상, 활자체, 테두리 및 그림자와 같은 다양한 스타일 측면을 수정하여 시각적으로 즐겁고 일관된 인터페이스를 보장합니다. 최신 테마는 사용자 지정 프로세스를 간소화하여 제작자가 통일되고 일관된 시각적 매력을 지닌 앱을 쉽게 디자인할 수 있도록 해줍니다.

중요

이는 프리뷰 기능입니다.
프리뷰 기능은 생산용으로 만들어진 것이 아니므로 기능이 제한될 수 있습니다. 이런 기능은 공식 릴리스 전에 사용할 수 있으므로 고객이 조기에 액세스하고 피드백을 제공할 수 있습니다.

전제 조건

최신 테마를 사용하려면 활성화해야 합니다. 자세한 내용은 앱에 대한 최신 컨트롤 및 테마 활성화를 참조하세요.

참고

최신 컨트롤 및 테마가 활성화되면 명령 모음에서 클래식 테마를 선택할 수 없습니다. 사용 중지됨 클래식 테마를 사용하려면 클래식 테마 유지 사용 중지된 앱 설정을 활성화해야 합니다.

테마 만들기

앱 스타일을 지정하는 데 사용할 수 있는 기본 테마가 몇 가지 있습니다. 더욱 개인화된 시각적 미학을 위해 자신만의 테마를 디자인할 수도 있습니다.

앱 작성 메뉴에서 > 테마를 선택합니다.
테마 창에서 테마 추가를 선택합니다.
테마 만들기 대화 상자에서 다음 정보를 입력합니다.
- 테마 이름: 테마 이름은 고유해야 합니다.
- 글꼴: 테마 적용 시 앱 컨트롤이 사용할 기본 글꼴을 선택합니다.
- 시드 색상: 테마의 기반이 될 색상을 선택하거나 색상의 16진수 또는 RGB 표현을 수동으로 입력하세요. 시스템은 접근성을 위해 최적화된 16슬롯 팔레트를 생성합니다.
선택적으로 새 테마의 정적 프리뷰를 살펴보세요. 샘플 컨트롤과 상호 작용하여 테마가 나머지 상태 및 다양한 상호 작용 상태에 어떻게 적용되는지 확인할 수 있습니다.
만들기를 선택합니다.

새 테마가 생성되어 앱에 적용됩니다.

테마 편집

테마를 편집하고 사용자 지정 테마의 매개 변수를 하나 이상 변경할 수 있습니다.

앱 작성 메뉴에서 > 테마를 선택합니다.
테마 창에서 편집하려는 테마에 해당하는 타일을 찾아 옵션 > 편집을 선택합니다.
테마 편집 창에서 필요에 따라 테마를 조정합니다.

참고

기본 테마는 편집할 수 없습니다.

테마 삭제

앱에 맞춤 테마가 더 이상 필요하지 않다고 판단되면 삭제할 수 있습니다.

앱 작성 메뉴에서 > 테마를 선택합니다.
테마 창에서 편집하려는 테마를 찾은 다음 (...) 옵션 > 삭제를 선택합니다.
확인 대화 상자에서 테마 삭제를 선택합니다.

앱에 이 테마를 참조하는 Power Fx 수식이 있는 경우 수식을 수동으로 업데이트해야 합니다.

참고

기본 테마는 삭제할 수 없습니다.

Power Fx에서 테마 사용

최신 테마 개체는 제작자가 Power Fx를 통해 사용할 수 있습니다. 현재 활성 테마 개체는 App.Theme에서 참조할 수 있으며 앱에 로드된 모든 테마는 RedTheme와 같은 인스턴스 이름으로 참조할 수 있습니다. 색상 선택이 테마 변경에 맞게 조정되도록 App.Theme를 사용하여 테마 개체를 참조하는 것이 좋습니다.

각 테마 개체에는 다음 정보가 포함됩니다.

이름: 테마의 이름입니다.
색상: 테마의 브랜드 램프를 구성하는 16가지 색상 컬렉션입니다. 이 램프의 각 색상은 이름으로 개별적으로 액세스할 수 있습니다.

이미지는 색상 컬렉션 내의 슬롯 변수와 예를 들어 스틸 테마에 해당하는 색상을 보여줍니다.

최신 컨트롤 켜기

테마 브랜드 램프를 사용하면 Button.Fill = App.Theme.Colors.Primary와 같은 현재 최신 테마를 기반으로 클래식 컨트롤의 스타일을 수동으로 지정할 수 있습니다.

참고

피드백을 제공하려면 Microsoft에 피드백 제공을 참조하세요.

참조 항목

최신 컨트롤 블로그 게시물

다음을 통해 공유