Xamarin 방사형 게이지

방사형 게이지 컨트롤을 사용하여 풍부한 스타일과 상호 작용으로 KPI(핵심 성과 지표)를 표시할 수 있습니다. 이러한 원형 및 반원형 게이지는 강력하고 사용하기 쉬우며 구성 가능성이 매우 높아 시계를 표시하는 대시보드, 산업용 패널, 자동차 대시보드, 항공기 조종석에 적합합니다.

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

애니메이션

애니메이션 전환을 통해 사용자에게 현대적이고 시각적으로 매력적인 방식으로 데이터를 볼 수 있는 방법을 제공하세요. 바늘, 바늘 위치, 배율 범위, 색상 범위 등에 대한 변경 사항을 다시 그리면서 게이지에 점진적으로 애니메이션을 적용할 수 있습니다. 또한 여러 속성을 동시에 설정하여 다양한 게이지 스타일 간에 전환할 수도 있습니다.

바늘

길이, 색상, 포인트, 베이스, 캡 등 바늘 속성을 사용자 정의합니다. 전구 유무에 관계없이 직사각형, 삼각형, 사다리꼴 등 내장된 바늘 모양 중에서 선택할 수 있습니다. 사용자가 바늘을 끌 수 있도록 하는 옵션도 있습니다.

범위

중요한 임계값이나 이정표를 표시하고 가독성을 높이기 위해 여러 범위를 추가합니다.

저울

시작 및 끝 눈금 위치, 주요 및 보조 눈금 표시, 레이블, 색상 범위 및 스윕 방향을 제어합니다. 전체 360도 눈금 또는 180도 눈금, 90도 눈금, 45도 눈금으로 반원형 눈금을 생성하거나 사용자 정의 값을 선택할 수 있습니다.

역행

색상, 맞춤 또는 원형 모서리, 모서리 반경 및 과도한 스윕과 같은 시각적 속성을 제어하도록 방사형 게이지 구성합니다.

방사형 게이지 구성기

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

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

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

게이지를 시각적으로 구성

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

Quickset 스타일 선택

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

사용자 정의 저울 선택기

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

손쉬운 속성 편집

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

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

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

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

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

올바른 색상 보기 보장

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

한 번에 여러 범위 구성

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

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

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