다음을 통해 공유

Unified Service Desk에서 테마 사용자 지정

  • 아티클

 

게시 날짜: 2016년 11월

적용 대상: Dynamics 365 (online), Dynamics 365 (on-premises), Dynamics CRM 2013, Dynamics CRM 2015, Dynamics CRM 2016

Unified Service Desk의 테마는 에이전트 응용 프로그램의 모양과 느낌을 정의합니다.Unified Service Desk의 테마는 XAML 리소스 라이브러리로 구성되며 모든 웹 서버에 배치하고 URL을 통해 참조하거나 .NET 어셈블리(dll)에 컴파일하고 에이전트 응용 프로그램과 함께 배포할 수 있습니다.

Unified Service Desk 2.2의 경우 미리 정의된 공기 테마에서 고대비 모드를 지원합니다.Windows의 고대비 모드는 색상 대비를 증가시켜 화면의 텍스트를 명확하게 표시합니다. 컴퓨터에서 고대비 모드를 설정하고 Air Theme를 사용하면 Unified Service Desk 클라이언트가 자동으로 고대비 모드로 전환됩니다. 마찬가지로, 컴퓨터에서 고대비 모드를 사용하지 않도록 설정하면 Unified Service Desk 클라이언트기 표준 디스플레이 모드로 자동 전환됩니다.

참고

Unified Service Desk 클라이언트에서의 기본 및 고대비 모드 간 자동 전환은 미리 정의된 공기 테마에만 지원됩니다. 사용자 지정 테마 혹은 고대비 모드를 지원하는 사용자 지정 호스팅된 컨트롤을 사용하는 경우 컴퓨터에서 기본 또는 고대비 모드로 전환한 후 Unified Service Desk 클라이언트를 다시 시작해야 전환 내용이 적용됩니다.추가 정보:사용자 지정 테마에 대한 고대비 모드 지원

이 항목의 내용

Unified Service Desk에서 사용할 수 있는 미리 정의된 테마

미리 정의된 테마 설정

Unified Service Desk에서 테마 사용자 지정

표시를 사용자 지정하기 위해 작업 호출 테스트

사용자 지정 테마에 대한 고대비 모드 지원

Unified Service Desk에서 사용할 수 있는 미리 정의된 테마

Unified Service Desk에는 세 가지 미리 정의된 테마가 제공됩니다.

공기 테마

공기 테마입니다. 이 테마는 고대비 모드를 지원합니다.

Unified Service Desk의 공기 테마

블루 테마

블루 테마입니다. 이 테마는 고대비 설정을 지원하지 않으며 Unified Service Desk 2.2 릴리스에서 더 이상 사용되지 않습니다.추가 정보:블로그: 일부 미리 정의된 Unified Service Desk 테마 지원 중단

Unified Service Desk의 블루 테마

스타일 테마

스타일 테마입니다. 이 테마는 고대비 설정을 지원하지 않으며 Unified Service Desk 2.2 릴리스에서 더 이상 사용되지 않습니다.추가 정보:블로그: 일부 미리 정의된 Unified Service Desk 테마 지원 중단

Unified Service Desk의 스타일 테마

미리 정의된 테마 설정

전역 관리자 호스팅된 컨트롤의 SetTheme 작업을 사용하면 Unified Service Desk에서 테마를 설정할 수 있습니다.SetTheme 작업에 대한 작업 호출을 만들고 다음 구문을 사용하여 데이터 필드에 미리 정의된 테마 호출을 전달하여 미리 정의된 테마 중 하나를 설정할 수 있습니다.

/UnifiedServiceDesk;component/Styles/<Theme_Style>.xaml

다음 표에서는 미리 정의된 테마를 설정하기 위해 작업 호출에서 데이터 필드에 대한 구문을 제공합니다.

테마

데이터 필드에 대한 구문

공기

/UnifiedServiceDesk;component/Styles/AirStyle.xaml

블루

/UnifiedServiceDesk;component/Styles/BlueStyle.xaml

스타일

/UnifiedServiceDesk;component/Styles/Style.xaml

샘플 Unified Service Desk 클라이언트 응용 프로그램에서 에이전트는 오른쪽 상단 모서리에 있는 설정 아이콘 옆의 아래 화살표를 클릭한 다음 테마 설정 하위 메뉴에서 미리 정의된 테마를 선택하여 테마를 설정할 수 있습니다.

테마 설정 하위 메뉴에서 테마를 클릭하면 앞에서 언급한 데이터 필드에 있는 적절한 구문을 사용하여 SetTheme 작업을 호출합니다. 예를 들어, 공기 스타일에 대한 작업 호출 정의는 다음과 같습니다.

공기 테마의 작업 호출 정의

Unified Service Desk에서 테마 사용자 지정

다양한 미리 정의된 테마에서 선택할 수 있는 것 외에 Unified Service Desk에서 테마를 사용자 지정할 수 있습니다. 이는 선택한 컨트롤을 업데이트한 다음 Unified Service Desk의 기존 테마와 병합하여 모양을 사용자 지정하는 것으로 수행됩니다.Unified Service Desk는 에이전트 응용 프로그램의 모양을 정의하는 다양한 WPF 컨트롤과 레이아웃을 이해하는 데 사용할 수 있는 기본 스타일(XAML 파일)과 여러 XAML 브러시 리소스를 제공합니다.사용자 인터페이스 통합 SDK 다운로드 패키지에서 Unified Service Desk 응용 프로그램 DefaultStyle.xaml에 대한 기본 스타일과 기타 XAML 브러시 리소스를 찾을 수 있습니다. 패키지를 다운로드하고 압축을 풀어 "UII\USD Developer Assets\USD Layout and Style Sheet" 디렉터리 아래에서 파일과 해당 콘텐츠를 볼 수 있습니다.

참고

WPF 및 XAML 스크립팅은 XAML 파일에서 컨트롤을 조작하여 에이전트 응용 프로그램의 표시를 사용자 지정하는 데 필요한 필수적인 기술입니다.

SetTheme작업을 사용하여 에이전트 응용 프로그램의 기본 스타일을 사용자 지정합니다.Unified Service Desk는 에이전트 응용 프로그램의 기존 테마 또는 표시 스타일을 사용한 사용자 지정의 병합을 지원합니다. 즉, ResourceDictionary 참조 블록과 함께 변경하려는 컨트롤 또는 영역을 지정하여 기존 표시 스타일을 사용자 지정해야 합니다. ResourceDictionary에 대한 일반 정보는 ResourceDictionary 및 XAML 리소스 참조를 클릭합니다.

제목의 텍스트와 에이전트 응용 프로그램의 스킨 색상을 노란색으로 변경하는 작업 호출을 만들어 보겠습니다. 필요한 DefaultStyle.xaml 파일이 준비되었는지 확인합니다.

  1. Microsoft Dynamics 365에 로그인합니다.

  2. 설정 > Unified Service Desk로 이동합니다.

  3. 작업 호출을 클릭합니다.

  4. 새로 만들기를 클릭하여 작업 호출을 만듭니다.

  5. 새 작업 호출 페이지에서 일반 속성을 설정합니다.

    1. 이름 필드에 사용자 지정 표시를 위한 작업 호출을 입력합니다.

    2. 호스팅된 컨트롤 필드에서 Dynamics 365 전역 관리자를 선택합니다. 전역 관리자 호스팅된 컨트롤 유형에 다른 이름이 있는 경우 대신 이름을 지정합니다.

    3. 양식 필드에서 SetTheme를 선택합니다.

  6. 이제 표시를 사용자 지정하기 위한 매개 변수를 설정하겠습니다.데이터 필드에 다음 ResourceDictionary 참조를 복사합니다.

    <ResourceDictionary xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
     xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:Microsoft_Windows_Themes="clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Classic"
     xmlns:themes="clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Luna"
     xmlns:ribbon="clr-namespace:Microsoft.Windows.Controls.Ribbon;assembly=RibbonControlsLibrary"
     xmlns:classic="clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Classic"
     xmlns:shell="clr-namespace:Microsoft.Windows.Shell;assembly=Microsoft.Windows.Shell"
     xmlns:system="clr-namespace:System;assembly=mscorlib">

    중요

    이 ResourceDictionary 참조는 기본 스타일을 사용자 지정하는 데 사용하는 모든 작업 호출에 포함되어야 합니다.

  7. 앞에서 복사한 ResourceDictionary 참조 뒤에 데이터 필드에 다음 명령을 복사합니다.

    <SolidColorBrush x:Key="WindowBackgroundStyle" Color="Yellow"/>

    에이전트 응용 프로그램의 스킨이 노란색으로 변경됩니다.DefaultStyle.xaml 파일에 있는 <!-- Region General --> 섹션에서 배경색을 설정하는 데 이 명령을 사용합니다.

  8. 이전 단계에서 복사한 명령 뒤에 다음 명령을 복사합니다.

    <Style x:Key="MainWindow" TargetType="{x:Type Window}" BasedOn="{StaticResource {x:Type Window}}">
    <Setter Property="Title" Value="CUSTOM TITLE: Agent Application for CONTOSO INC."/>
    <Setter Property="Icon" Value="/UnifiedServiceDesk;component/imageResources/dynamics16-32-48-256.ico"/>
    <Setter Property="FontFamily" Value="Segoe UI" />
</Style>

    제목 표시줄에 있는 텍스트가 “CUSTOM TITLE: Agent Application for CONTOSO INC.”로 변경됩니다.<!-- Region Window --> section in the DefaultStyle.xaml file.에서 Window 제목을 설정하는 데 이 명령을 사용합니다.

  9. 데이터 필드 끝에 다음을 추가하여 ResourceDictionary 태그를 닫습니다.

    </ResourceDictionary>

    작업 호출을 정의하는 방법은 다음과 같습니다.

    표시를 사용자 지정하기 위해 작업 정의

  10. 저장을 클릭합니다.

이제 에이전트 응용 프로그램에서 작업 호출을 테스트할 준비가 되었습니다.

표시를 사용자 지정하기 위해 작업 호출 테스트

도구 모음 단추를 만든 다음 작업 호출을 추가하여 이 작업 호출을 호출할 수 있습니다. 간결성을 위해 디버거 호스트형 응용 프로그램을 사용하여 작업 호출을 테스트합니다.

  1. Unified Service Desk 클라이언트 응용 프로그램을 시작하고 Dynamics 365 서버에 로그인합니다.

  2. 클라이언트 응용 프로그램에서 오른쪽 위 모서리에 있는 설정 메뉴 옆의 아래쪽 화살표를 클릭하고 디버그를 선택하여 디버거를 시작합니다.

  3. 디버거에서 작업 호출 탭 위의 아래쪽 화살표를 클릭하여 작업 호출과 UII 작업을 테스트할 수 있는 영역을 표시합니다.

    디버거에서 작업 호출 및 UII 작업 테스트

  4. 작업 호출 드롭다운 목록에서 테마 사용자 지정을 위한 작업 호출을 선택하고 작업 호출 실행 아이콘(USD 디버거 작업 호출 실행 단추)을 클릭합니다. 제목 표시줄의 텍스트와 에이전트 응용 프로그램의 스킨 색상이 변경됩니다.

    클라이언트 응용 프로그램의 사용자 지정된 표시

변경 내용을 취소하려면 클라이언트 응용 프로그램에서 미리 정의된 테마 중 하나를 선택합니다.

사용자 지정 테마에 대한 고대비 모드 지원

Unified Service Desk는 내부적으로 기본 및 고대비 모드 XAML 브러시 리소스를 사용하여 컴퓨터의 고대비 모드 설정에 따라 UI 요소를 표시합니다.사용자 인터페이스 통합 SDK 다운로드 패키지에서 XAML 브러시 리소스를 찾을 수 있습니다. 패키지를 다운로드하고 압축을 풀어 "UII\USD Developer Assets\USD Layout and Style Sheet" 디렉터리 아래에서 파일과 해당 콘텐츠를 볼 수 있습니다.

사용자 지정 테마에서 고대비 모드를 지원하려면 다음을 고려하십시오.

  • 사용자 지정 테마를 설정하기 위해 일반 모드에 대한 작업 호출과 고대비 모드에 대한 작업 호출을 만듭니다. 예를 들어 XAML 브러시의 색 속성을 정의할 때 다음을 사용합니다.

    • 일반 모드에 대해 색상 클래스에 정의된 미리 정의된 색 중 하나.

      <SolidColorBrush x:Key="WindowBackgroundStyle" Color="Yellow"/>

    • 고대비 모드에 대해 시스템 색상 클래스에 정의된 시스템 색 중 하나.

      <SolidColorBrush x:Key="WindowBackgroundStyle" Color="{x:Static SystemColors.WindowColor}"/>

  • 각 작업 호출 정의에서 작업 호출이 적절하게 발생되도록 하는 조건으로 새 $SystemParameters.HighContrast 대체 매개 변수를 사용합니다. 예를 들어, 작업 호출 정의에서 사용자 지정 테마 설정에 대한 다음의 경우

    • 일반 모드의 경우 조건 필드에서 다음을 사용하여 고대비 모드가 컴퓨터에 설정되어 있지 않은지 확인합니다.

      "[[$SystemParameters.HighContrast]g]"=="False"

    • 고대비 모드의 경우 조건 필드에서 다음을 사용하여 고대비 모드가 컴퓨터에 설정되어 있는지 확인합니다.

      "[[$SystemParameters.HighContrast]g]"=="True"

참고 항목

Customize themes for High Contrast settings
Unified Service Desk 구성 연습
응용 프로그램의 모양 사용자 지정
호스팅된 컨트롤 유형 및 동작/이벤트 참조
TechNet: Microsoft Dynamics CRM용 Unified Service Desk 관리 가이드

Unified Service Desk 2.0

© 2017 Microsoft. All rights reserved. 저작권 정보