Skip to content

Cupertino Activity Indicator

The Cupertino Activity Indicator is a loading indicator that mimics those found within iOS.

Properties

Segments - uint

Gets or sets the number of segments in the indicator. Default is 16u.

LengthPercent - double

Gets or sets the length percentage. Default is .2d.

WidthPercent - double

Gets or sets the width percentage. Default is .25d.

IndicatorColor - Color

Gets or sets the color of the indicator. Default is DarkGray.

CornerRadius - double

Gets or sets the corner radius. Default is 4d.

Example Usage

Xaml

<aurora:CupertinoActivityIndicator x:Name="loading" Segments="4" IndicatorColor="Black" LengthPercent="50" />

C#

var cupertino = new CupertinoActivityIndicator
{
    WidthPercent = 40,
    LengthPercent = 30,
    Segments = 8,
    CornerRadius = 12
};

Example Styles

An indicator with Segments of 6 and IndicatorColor of Blue:

Example1

var example = new CupertinoActivityIndicator
{
    Segments = 6,
    IndicatorColor = Color.Blue
};
<aurora:CupertinoActivityIndicator x:Name="example" Segments="6" IndicatorColor="Blue" />

An indicator with Segments of 27 and IndicatorColor of Green:

Example2

var example = new CupertinoActivityIndicator
{
    Segments = 27,
    IndicatorColor = Color.Green
};
<aurora:CupertinoActivityIndicator x:Name="example" Segments="27" IndicatorColor="Green" />