Impressive!
Thanks
-What editor did you use to create those gauges?
These gauges were created by an artist using Adobe Illustrator, imported to Blend, then adjusted and optimized there so they can be animated.
-How do you set the pivot point of a needle?
Every UI element defines a RenderTransformOrigin point and a RenderTransform transformation matrix. With these 2 properties you can transform any UI element as you wish. With Blend you can adjust the RenderTransformOrigin visually to the pivot position you want.
-Can you post the source which sets the needle positions?
The xaml contains all the animations that are used to create the video. You can change the needle rotation using a similar animation:
<Storyboard x:Key="EncodingAnim" RepeatBehavior="Forever">
<DoubleAnimationUsingKeyFrames
Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)"
Storyboard.TargetName="E_Arrow10">
<EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="135">
<EasingDoubleKeyFrame.EasingFunction>
<SineEase EasingMode="EaseIn"/>
</EasingDoubleKeyFrame.EasingFunction>
</EasingDoubleKeyFrame>
</DoubleAnimationUsingKeyFrames>
</Storyboard>
or by setting the value in the code:
Noesis.UIElement arrow = FindName<Noesis.UIElement>("E_Arrow10");
Noesis.RotateTransform t = arrow.GetRenderTransform().As<Noesis.RotateTransform>();
t.SetAngle(135.0f);
Hope this helps.
