WPF 방사형 게이지

WPF 방사형 게이지

방사형 게이지 데이터 시각화와 대시보드를 더욱 매력적으로 만들고 풍부한 스타일과 상호 작용을 통해 KPI를 표시합니다. 게이지는 강력하고 사용하기 쉬우며 시계, 산업용 패널, 자동차 대시보드 및 항공기 조종석을 표시할 수 있는 대시보드를 표시하도록 구성 가능합니다. 방사형 게이지 이전에 출시된 xamRadialGauge 버전을 대체하고 방사형 게이지의 Ignite UI (jQuery/HTML5) 및 NucliOS(기본 iOS용) 버전과 호환되며 여러 플랫폼에서 시각적 및 기능적 패리티를 제공합니다.

​WPF 방사형 게이지 Configurator의 새로운 Ultimate UI 사용하면 코드 없이 XAML에서 직접 컨트롤을 구성하고 데이터를 바인딩할 수 있습니다.

WPF 샘플 다운로드

완전히 구성 가능한 방사형 스케일

눈금의 시작 및 끝 위치, 주요 및 보조 눈금 표시, 레이블, 색상 범위 및 스윕 방향을 제어합니다. 완전한 360도 눈금이나 반원형 게이지(180도, 90도 또는 45도 눈금) 또는 원하는 사용자 정의 값을 만듭니다.

완전히 구성 가능한 방사형 스케일

구성 가능한 바늘

색상, 길이, 포인트, 베이스, 캡 등 방사형 게이지의 바늘 속성을 사용자 정의합니다. 다음 바늘 모양이 내장되어 있습니다.

  • 없음
  • 직사각형
  • 삼각형
  • 바늘
  • 사다리꼴
  • 전구가 있는 직사각형
  • 전구가 있는 삼각형
  • 전구가 달린 바늘
  • 전구가 있는 사다리꼴
구성 가능한 바늘

구성 가능한 백업

색상, 게이지 가장자리 주변의 모양(맞춤형 또는 원형), 오버스윕 및 모서리 반경과 같은 다양한 시각적 속성을 제어하도록 방사형 게이지 구성합니다.

구성 가능한 백업

모션 프레임워크 애니메이션 지원

방사형 게이지 컨트롤은 구성 상태 간의 애니메이션 전환을 지원합니다. 바늘, 바늘 위치, 배율 범위, 색상 범위 등에 대한 변경 사항을 다시 그리면서 점차적으로 애니메이션을 적용합니다. 원하는 전환 기간을 설정하여 애니메이션 속도를 제어할 수 있습니다.

모션 프레임워크 애니메이션 지원

방사형 게이지 구성기

제어 구성기는 Gauge API 학습의 복잡성을 제거하여 개발 시간을 몇 시간 단축합니다. WYSIWYG 포인트 앤 클릭 환경에서 전체 게이지를 시각적으로 구성합니다. 디자이너가 대화식 및 시각적으로 컨트롤 스타일을 지정하여 디자인 의도를 픽셀 단위로 완벽하게 렌더링할 수 있습니다.

체험판 받기
사용 방법 비디오 보기 Control Configurator의 전체 기능을 살펴보십시오.
WPF 방사형 게이지 제어를 위한 XAML 편집기 예제

한 번의 클릭으로 게이지 구성 도구 실행

XAML 편집기에서 컨트롤을 선택하고 제안된 작업 전구를 사용하여 게이지 구성기를 시작합니다.

게이지를 시각적으로 구성

리본 갤러리 항목을 사용하면 초기 게이지 스타일부터 모양, 브러시, 윤곽선 및 바늘 구성에 이르기까지 게이지의 거의 모든 측면을 시각적으로 사용자 정의할 수 있습니다. 게이지의 API에 대해 아무것도 알 필요 없이 모두 가능합니다! 더 좋은 점은 구성자가 XAML에서 변경한 내용을 읽고 완전한 양방향 XAML 파서로 속성을 업데이트한다는 것입니다.

WPF 방사형 게이지 컨트롤을 위한 리본 갤러리 예제

Quickset 스타일 선택

전문적이고 아름답게 디자인되었으며 사전 구성된 Quickset 중 하나를 선택하여 컨트롤을 빠르게 구성하십시오.

WPF 방사형 게이지 제어를 위해 사전 구성된 Quickset

사용자 정의 저울 선택기

사전 설정된 다양한 눈금 사용자 정의 중 하나를 선택하여 앱에서 게이지 눈금이 표시되는 방식을 변경하세요.

WPF 방사형 게이지 제어를 위한 사전 설정된 배율 사용자 정의
WPF 방사형 게이지 컨트롤 속성 편집기

손쉬운 속성 편집

속성 편집기에서 관련 기능별로 그룹화된 속성을 편리하게 찾아보세요. 기능은 기능 호환성에 따라 활성화되거나 비활성화됩니다. 이를 통해 컨트롤의 세부 사항을 사용자 정의할 수 있으며, 변경 사항이 컨트롤에 어떤 영향을 미치는지 실시간으로 확인할 수 있으므로 예제를 통해 학습하는 데 도움이 됩니다.

범위 사용자 정의가 간단해졌습니다.

브러시, 범위, 윤곽선, 시작 값, 두께 등과 같은 각 범위 속성을 사용자 정의합니다.

WPF 방사형 게이지 제어를 위한 사용자 정의 가능한 범위 옵션

데이터 바인딩은 간편합니다

범위 선택기에서 동적 데이터를 빠르게 추가하여 범위를 확장하거나 범위 편집기에서 수동으로 데이터를 추가할 수 있습니다. 바인딩 편집기를 사용하면 바인딩 모드 또는 사용자 지정 변환기를 포함하여 컨트롤에 대한 바인딩을 쉽게 설정할 수 있습니다. 우리는 편리한 포맷터도 제공하므로 값을 표시하는 방법에 대해 생각할 필요가 없습니다.

WPF 방사형 게이지 제어를 위한 데이터 바인딩 예

올바른 색상 보기 보장

게이지 구성기의 배경을 앱 배경으로 편리하게 변경하여 런타임 시 게이지가 어떻게 보일지 알 수 있습니다. 또한 컨트롤이 시작하고 끝나는 위치를 알 수 있도록 실제 컨트롤 범위 주위에 점선을 포함했습니다.

WPF 방사형 게이지 컨트롤 배경의 색상 사용자 정의

한 번에 여러 범위 구성

단일 범위를 선택하여 속성을 사용자 정의하거나 여러 범위를 선택하여 브러시, 윤곽선 및 획 두께를 그룹으로 빠르게 적용합니다.

WPF 방사형 게이지 컨트롤 내 속성 사용자 정의

기존 스타일 리소스를 쉽게 사용

편리한 리소스 선택기에서 기존 프로젝트 또는 페이지 수준 리소스에 바인딩합니다.

WPF 방사형 게이지 제어를 위한 리소스 선택기 예