IndicatorView visual state (xamarin#713)

* Use Selected VisualState.

* Remove style name.

* Revert "Remove style name."

This reverts commit 79013ab.

Author: davidbritch

UserInterface/IndicatorViewDemos/IndicatorViewDemos.Android/IndicatorViewDemos.Android.csproj

@@ -52,7 +52,7 @@
     <Reference Include="System.Numerics.Vectors" />
   </ItemGroup>
   <ItemGroup>
-    <PackageReference Include="Xamarin.Forms" Version="5.0.0.1874" />
+    <PackageReference Include="Xamarin.Forms" Version="5.0.0.2012" />
   </ItemGroup>
   <ItemGroup>
     <Compile Include="MainActivity.cs" />

UserInterface/IndicatorViewDemos/IndicatorViewDemos.iOS/IndicatorViewDemos.iOS.csproj

@@ -120,7 +120,7 @@
     <Reference Include="System.Numerics.Vectors" />
   </ItemGroup>
   <ItemGroup>
-    <PackageReference Include="Xamarin.Forms" Version="5.0.0.1874" />
+    <PackageReference Include="Xamarin.Forms" Version="5.0.0.2012" />
   </ItemGroup>
   <Import Project="$(MSBuildExtensionsPath)\Xamarin\iOS\Xamarin.iOS.CSharp.targets" />
   <ItemGroup>

UserInterface/IndicatorViewDemos/IndicatorViewDemos/IndicatorViewDemos.csproj

@@ -6,7 +6,7 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="Xamarin.Forms" Version="5.0.0.1874" />
+    <PackageReference Include="Xamarin.Forms" Version="5.0.0.2012" />
   </ItemGroup>
   <ItemGroup>
     <Folder Include="Models\" />

UserInterface/IndicatorViewDemos/IndicatorViewDemos/Views/TemplatedIndicatorViewPage.xaml

@@ -7,6 +7,31 @@
     <ContentPage.BindingContext>
         <viewmodels:MonkeysViewModel />
     </ContentPage.BindingContext>
+
+    <ContentPage.Resources>
+        <Style x:Key="IndicatorLabelStyle"
+               TargetType="Label">
+            <Setter Property="VisualStateManager.VisualStateGroups">
+                <VisualStateGroupList>
+                    <VisualStateGroup x:Name="CommonStates">
+                        <VisualState x:Name="Normal">
+                            <VisualState.Setters>
+                                <Setter Property="TextColor"
+                                        Value="LightGray" />
+                            </VisualState.Setters>
+                        </VisualState>
+                        <VisualState x:Name="Selected">
+                            <VisualState.Setters>
+                                <Setter Property="TextColor"
+                                        Value="Black" />
+                            </VisualState.Setters>
+                        </VisualState>
+                    </VisualStateGroup>
+                </VisualStateGroupList>
+            </Setter>
+        </Style>
+    </ContentPage.Resources>
+
     <StackLayout Margin="10">
         <CarouselView ItemsSource="{Binding Monkeys}"
                       IndicatorView="indicatorView">
@@ -44,14 +69,17 @@
                 </DataTemplate>
             </CarouselView.ItemTemplate>
         </CarouselView>
+
         <IndicatorView x:Name="indicatorView"
                        Margin="0,0,0,40"
-                       IndicatorColor="LightGray"
-                       SelectedIndicatorColor="Black"
+                       IndicatorColor="Transparent"
+                       SelectedIndicatorColor="Transparent"
                        HorizontalOptions="Center">
             <IndicatorView.IndicatorTemplate>
                 <DataTemplate>
-                    <Image Source="{FontImage &#xf30c;, FontFamily={OnPlatform iOS=Ionicons, Android=ionicons.ttf#}, Size=12}" />
+                    <Label Text="&#xf30c;"
+                           FontFamily="{OnPlatform iOS=Ionicons, Android=ionicons.ttf#}, Size=12}"
+                           Style="{StaticResource IndicatorLabelStyle}" />
                 </DataTemplate>
             </IndicatorView.IndicatorTemplate>
         </IndicatorView>