I got a CarouselPage that contains three ContentPage items. In the layout of the the second of the three ContentPages is CircleProgressBarSurfaceItem contained in the following way, just like in the Galaxy Watch .NET get started tutorial:
<ContentPage
...>
<AbsoluteLayout>
<Label
AbsoluteLayout.LayoutBounds="0.5, 0.5, 0.5, 0.25"
AbsoluteLayout.LayoutFlags="All"
Text="0 Steps"
FontSize="Large"
HorizontalTextAlignment="Center"
VerticalTextAlignment="Center"/>
<w:CircleSurfaceView AbsoluteLayout.LayoutBounds="0, 0, 1, 1" AbsoluteLayout.LayoutFlags="All">
<w:CircleSurfaceView.CircleSurfaceItems>
<w:CircleProgressBarSurfaceItem
x:Name="ProgressBar"
BackgroundColor="LightBlue"
BackgroundLineWidth="10"
BackgroundRadius="175"
BarColor="Blue"
BarLineWidth="10"
BarRadius="175"
IsVisible="True"
Value="0.5" />
</w:CircleSurfaceView.CircleSurfaceItems>
</w:CircleSurfaceView>
</AbsoluteLayout>
</ContentPage>
The result is just a blank black screen. The expected outcome is a border around the watch face that looks more or less like this image:
Isn't it possible to us the CircleProgressBarSurfaceItem in a CarouselPage parent container? I don't know what I am doing wrong, maybe one of you readers has an idea?