Infragistics logo
메뉴
.NET and JavaScript UI Controls
Version

Adding XamRadialGauge

Purpose

This topic explains using a code example how to add the XamRadialGauge™ control to WPF applications.

In this topic

This topic contains the following sections:

Adding XamRadialGauge to the WPF application

Introduction

The following procedure demonstrates adding the XamRadialGauge to WPF applications.

Preview

The following is a screenshot of the XamRadialGauge control.

Adding xamRadialGauge to your Application 1 17 1.png

Requirements

Add the following NuGet package to your main project:

  • Infragistics.WPF.Gauges

For more information on setting up the NuGet feed and adding NuGet packages, you can take a look at the following documentation: NuGet Feeds.

Also, add the following Infragistics namespaces:

In XAML:

xmlns:ig="http://schemas.infragistics.com/xaml"

In C#:

using Infragistics.Controls.Gauges;

In VB:

Imports Infragistics.Controls.Gauges

Overview

Following is a conceptual overview of the process:

1. Adding the XamRadialGauge control to WPF applications

2. Verifying the results

Steps

The following procedure takes you through the steps necessary for adding the XamRadialGauge control to a page.

1. Add the XamRadialGauge control to the page.

The following code demonstrates adding the XamRadialGauge control with the minimum code and property settings required for display:

In XAML:

<ig:XamRadialGauge x:Name="Gauge" />

In Visual Basic:

Dim radialGauge As New XamRadialGauge()
Me.LayoutRoot.Children.Add(radialGauge)

In C#:

var radialGauge = new XamRadialGauge();

2. Verify the results.

Build and run your project to verify the result. If you have implemented the steps correctly, the displayed XamRadialGauge should look like the one in the Preview section above.

Related Content

The following topics provide additional information related to this topic:

Topic Purpose

This topic provides a conceptual overview of the XamRadialGauge™ control’s backing feature. It describes the properties of the backing area and provides an example of its implementation.

This topic provides a conceptual overview of labels with the XamRadialGauge™ control. It describes the properties of the labels and also provides an example of how to configure the labels.

This topic provides a conceptual overview of labels with the XamRadialGauge™ control. It describes the properties of the scaling and configure the settings.

This topic provides a conceptual overview of needles with the XamRadialGauge™ control. It describes the properties of the needles and also provides an example of how to configure them.

This topic provides a conceptual overview of the XamRadialGauge™ control’s ranges. It describes the properties of the ranges and provides an example of how to add ranges to the radial gauge.

This topic provides a conceptual overview of the XamRadialGauge™ control’s scale. It describes the properties of the scale and also provides an example of how to implement it.

This topic provides a conceptual overview of tick marks with the XamRadialGauge™ control. It describes the tick marks’ properties and provides an example of how to implement them.