Version

Adding XamRadialGauge

Purpose

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

Adding XamRadialGauge to the Xamarin.Forms application

Introduction

The following procedure demonstrates adding the XamRadialGauge to Xamarin.Forms applications.

Preview

The following is a screenshot of the XamRadialGauge control.

Adding xamRadialGauge to your Application 1 17 1.png

Requirements

Add assembly references by following instructions in the Add References Through NuGet Packages topic.

Also, add the following Infragistics namespaces:

In XAML:

xmlns:ig="clr-namespace:Infragistics.XamarinForms.Controls.Gauges;assembly=Infragistics.XF.Gauges"

In C#:

using Infragistics.XamarinForms.Controls.Gauges;

Overview

Following is a conceptual overview of the process:

1. Adding the XamRadialGauge control to Xamarin.Forms 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 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 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.