New to Telerik UI for Xamarin? Download free 30-day trial

Chart for Xamarin.iOS: UIKit Dynamics Animations

TKChart can uses the UIKit Dynamics physics engine integrated in iOS 7.0 to animate the points in series. It allows you to create interfaces that feel real by adding behaviors such as gravity, attachments (springs) and forces. You define the physical traits that you would like your interface elements to adopt, and the dynamics engine takes care of the rest.

You should set the AllowAnimations property to true to enable UIKit Dynamics animations.


The approach below shows how you can apply a fall down animation to the visual points in line series.

animator = new UIDynamicAnimator (chart.PlotView);
TKChartVisualPoint[] points = chart.VisualPointsForSeries (chart.Series [0]);
TKChartVisualPoint point = points [4];

for (int i=0; i<originalValues.Count; i++) {
    TKChartVisualPoint pt = points [i];
    if (pt.Animator != null) {
        pt.Animator = null;
    pt.Center = ((CGPoint)originalValues[i]);

point.Center = new CGPoint (originalLocation.X, 0);

UICollisionBehavior collision = new UICollisionBehavior (points);
collision.TranslatesReferenceBoundsIntoBoundary = true;

UIGravityBehavior gravity = new UIGravityBehavior (points);
gravity.GravityDirection = new CGVector (0.0f, 2.0f);

UIDynamicItemBehavior dynamic = new UIDynamicItemBehavior (points);
dynamic.Elasticity = 0.5f;

In this article