#wp-pivot-indicator

An iOS UIPageControl like object based on Jeremy's excellent works. Here is the snapshot of my works.

Example Usage

Just add these code after your pivot control.

<control:PivotIndicator
        Grid.Row="2"
        indicateWidth="11"
        Height="30"
        Width="200"
        Pivot="{Binding ElementName=pivot}">
    <control:PivotIndicator.IndicatorForeground>
        <SolidColorBrush Color="#1E1E1E"/>
    </control:PivotIndicator.IndicatorForeground>
    <control:PivotIndicator.IndicatorBackgroundFill>
        <SolidColorBrush Color="#FFFFFF"/>
    </control:PivotIndicator.IndicatorBackgroundFill>
    <control:PivotIndicator.IndicatorBackgroundStroke>
        <SolidColorBrush Color="LightGray"/>
    </control:PivotIndicator.IndicatorBackgroundStroke>
    <control:PivotIndicator.HeaderTemplate>
        <DataTemplate>
            <!-- this the datatemplate used for each item in the PivotIndicator
                 the DataContext is a PivotItemViewModel in our case -->
            <TextBlock 
                Text=""
                HorizontalAlignment="Center"/>
        </DataTemplate>
    </control:PivotIndicator.HeaderTemplate>
</control:PivotIndicator>

Customization Details

Height & Width are the size of PivotIndicator panel and indicateWidth stands for the dot size. User can customize the color of the indicator by using IndicatorForeground, IndicatorBackgroundFill, and IndicatorBackgroundStroke.