CODEWITHSUNDEEP
xamarintizentizen-wearable-sdksamsung-galaxy
J. Hegg
J. Hegg

Reputation: 2143

Tizen Xamarin Wearable CircleProgressBarSurfaceItem in CarouselPage

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:

CircleProgressBarSurfaceItem Example

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?

Upvotes: 2

Views: 89

Answers (1)

Seungkeun Lee
Seungkeun Lee

Reputation: 166

It is working well for me Could you share your environment? Which CircularUI version was used? run on device or emulator?

I can help you if you share your code

If you need more details feedback please leave comment on here

enter image description here

Upvotes: 1

Related Questions