Windows Phone 7: Pivot Page Indicator Control
Monday, July 25, 2011 at 2:59PM
One of the first applications I did with Windows Phone 7, utilized the pivot control. I imagine that type of control to be very popular in future development as it works perfectly with a lot of different application themes.
While I won't get into any misgivings or opinions on the use of the control, I will say that I wanted to provide a better experience for my application and wanted to provide the user with some sense of how many pages were in the particular series of "pivots" and exactly what page in that series they were on.
It is a simple concept really, we see these types of UI like experiences in other popular phone and web applications including Apple and Android. So with that said I created a control that is fully skinnable that mirrors those typical devices and works great with the pivot control.
So if you were looking for a solution to make your paging look like that of an apple or android paging indicator, look no further.You can simply enter the following xaml with the dll reference as follows or check out the sample to see a full sample use case:
<cl:PivotPageIndicator PageCount="{Binding Path=Items.Count,ElementName=PivotControlName}"SelectedIndex="{Binding Path=SelectedIndex,ElementName=PivotControlName}" />
Below is the source, so feel free to use at your liesure. I provided 2 things:
The DLL Only: PivotPageIndicatorDLL.zip 4Kb
The VS Source Project (with Sample): PivotSample.zip 98Kb
And please let me know if you enjoyed this solution and found it useful.
Corey |
25 Comments |
Custom Controls,
Windows Phone 7 in
Windows Phone 7 
