캔버스 앱에서 최신 테마 사용(프리뷰)
[이 문서는 시험판 문서이며 변경될 수 있습니다.]
사전 설정된 스타일 세트인 최신 테마는 앱의 모양을 변화시킬 수 있습니다. Microsoft의 Fluent 디자인 언어를 기반으로 하는 이러한 테마는 색상, 활자체, 테두리 및 그림자와 같은 다양한 스타일 측면을 수정하여 시각적으로 즐겁고 일관된 인터페이스를 보장합니다. 최신 테마는 사용자 지정 프로세스를 간소화하여 제작자가 통일되고 일관된 시각적 매력을 지닌 앱을 쉽게 디자인할 수 있도록 해줍니다.
중요
- 이는 프리뷰 기능입니다.
- 프리뷰 기능은 생산용으로 만들어진 것이 아니므로 기능이 제한될 수 있습니다. 이런 기능은 공식 릴리스 전에 사용할 수 있으므로 고객이 조기에 액세스하고 피드백을 제공할 수 있습니다.
전제 조건
최신 테마를 사용하려면 활성화해야 합니다. 자세한 내용은 앱에 대한 최신 컨트롤 및 테마 활성화를 참조하세요.
참고
최신 컨트롤 및 테마가 활성화되면 명령 모음에서 클래식 테마를 선택할 수 없습니다. 사용 중지됨 클래식 테마를 사용하려면 클래식 테마 유지 사용 중지된 앱 설정을 활성화해야 합니다.
테마 만들기
앱 스타일을 지정하는 데 사용할 수 있는 기본 테마가 몇 가지 있습니다. 더욱 개인화된 시각적 미학을 위해 자신만의 테마를 디자인할 수도 있습니다.
- 앱 작성 메뉴에서 > 테마를 선택합니다.
- 테마 창에서 테마 추가를 선택합니다.
- 테마 만들기 대화 상자에서 다음 정보를 입력합니다.
- 테마 이름: 테마 이름은 고유해야 합니다.
- 글꼴: 테마 적용 시 앱 컨트롤이 사용할 기본 글꼴을 선택합니다.
- 시드 색상: 테마의 기반이 될 색상을 선택하거나 색상의 16진수 또는 RGB 표현을 수동으로 입력하세요. 시스템은 접근성을 위해 최적화된 16슬롯 팔레트를 생성합니다.
- 색조/생동감: 조정 특히 밝은 색상을 생성하는 팔레트는 색조 와 생동감 슬라이더로 구성됩니다. 색조 는 색조에 영향을 미치고, 생동감 은 팔레트의 차분함이나 밝기에 영향을 미칩니다.
- 선택적으로 새 테마의 정적 프리뷰를 살펴보세요. 샘플 컨트롤과 상호 작용하여 테마가 나머지 상태 및 다양한 상호 작용 상태에 어떻게 적용되는지 확인할 수 있습니다.
- 만들기를 선택합니다.
새 테마가 생성되어 앱에 적용됩니다.
최신 테마 적용
- 앱 작성 메뉴에서 > 테마를 선택합니다.
- 테마 창에서 기본 테마 중 하나를 선택합니다.
최신 테마를 선택하면 테마 스타일이 앱의 컨트롤에 자동으로 적용됩니다. 이 작업은 App.Theme 속성을 설정합니다.
참고
이제 최신 테마는 최신 테마의 변수를 참조하는 Power Fx 수식을 사용하여 클래식 컨트롤에 속성을 설정하여 클래식 컨트롤에 영향을 미칩니다.
테마 편집
테마를 편집하고 사용자 지정 테마의 매개 변수를 하나 이상 변경할 수 있습니다.
- 앱 작성 메뉴에서 > 테마를 선택합니다.
- 테마 창에서 편집하려는 테마에 해당하는 타일을 찾아 옵션 > 편집을 선택합니다.
- 테마 편집 창에서 필요에 따라 테마를 조정합니다.
참고
기본 테마는 편집할 수 없습니다.
테마 삭제
앱에 맞춤 테마가 더 이상 필요하지 않다고 판단되면 삭제할 수 있습니다.
- 앱 작성 메뉴에서 > 테마를 선택합니다.
- 테마 창에서 편집하려는 테마를 찾은 다음 (...) 옵션 > 삭제를 선택합니다.
- 확인 대화 상자에서 테마 삭제를 선택합니다.
앱에 이 테마를 참조하는 Power Fx 수식이 있는 경우 수식을 수동으로 업데이트해야 합니다.
참고
기본 테마는 삭제할 수 없습니다.
Power Fx에서 테마 사용
최신 테마 개체는 제작자가 Power Fx를 통해 사용할 수 있습니다. 현재 활성 테마 개체는 App.Theme에서 참조할 수 있으며 앱에 로드된 모든 테마는 RedTheme와 같은 인스턴스 이름으로 참조할 수 있습니다. 색상 선택이 테마 변경에 맞게 조정되도록 App.Theme를 사용하여 테마 개체를 참조하는 것이 좋습니다.
각 테마 개체에는 다음 정보가 포함됩니다.
- 이름: 테마의 이름입니다.
- 색상: 테마의 브랜드 램프를 구성하는 16가지 색상 컬렉션입니다. 이 램프의 각 색상은 이름으로 개별적으로 액세스할 수 있습니다.
이미지는 색상 컬렉션 내의 슬롯 변수와 예를 들어 스틸 테마에 해당하는 색상을 보여줍니다.
테마 브랜드 램프를 사용하면 Button.Fill = App.Theme.Colors.Primary와 같은 현재 최신 테마를 기반으로 클래식 컨트롤의 스타일을 수동으로 지정할 수 있습니다.
참고
피드백을 제공하려면 Microsoft에 피드백 제공을 참조하세요.