We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

how to apply animation on SfGauge Header

Thread ID:

Created:

Updated:

Platform:

Replies:

132796 Sep 21,2017 07:38 AM Sep 22,2017 03:19 AM Xamarin.Forms 1
loading
Tags: SfCircularGauge
Emil
Asked On September 21, 2017 07:38 AM

I am doing a timer using SfGauge as explained here https://www.syncfusion.com/kb/6620/how-to-use-a-circular-gauge-control-as-a-circular-progress-bar
For example I show countdown information in header as shown below and I would like to animate this in last 5 seconds. If I use label, I can achieve this as shown below but I cant figure out how to do this animation. Is it even possible?

  <gauge:SfCircularGauge.Headers>          
          <gauge:Header x:Name="Timer" TextSize="85" ForegroundColor="Gray" Position="0.5,0.5">
          </gauge:Header>          
  </gauge:SfCircularGauge.Headers>

                        Device.BeginInvokeOnMainThread(async () =>
                        {
                            if (1 < ts.TotalSeconds && ts.TotalSeconds < 6)
                            {                                
                           
                                Timer.AnchorX = 0.48;
                                Timer.AnchorY = 0.48;
                                await Timer.ScaleTo(0.8, 50, Easing.Linear);
                                await Task.Delay(100);
                                await Timer.ScaleTo(1, 50, Easing.Linear);
                            }
                        });


Ashwin Kumaravel [Syncfusion]
Replied On September 22, 2017 03:19 AM

Hi Emil,

Thanks for using Syncfusion products,

We have validated your query “How to apply animation on SfGauge Header” and in our current implementation of Circular Gauge we do not have header animation support .We have achieve your requirement using label in the attached sample. Can you please download the sample from the below link?

Sample link-  http://www.syncfusion.com/downloads/support/forum/132796/ze/ProgressingCircular1765981987  

Screenshot- 
 

Please get back to us if you have any concerns.

Regards,
Ashwin
  


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;