XAML Menu Throbbing! (Answers to Questions)

I recieved some answers to my questions :) They were quite helpful, so I will document them here just incase they ever help anyone :).

1) In the control template you can use RoutedEvents to start and stop a time line. (I don’t know how I missed this). You can also use them inside DataTemplates as well.
<ControlTemplate.Triggers>
<EventTrigger RoutedEvent="Mouse.MouseEnter”>
<EventTrigger.Actions>
<BeginAction TargetName="Timeline”>
<StopAction TargetName="Timeline2”>
<EventTrigger.Actions>
</EventTrigger>
</ControlTemplate.Triggers>

These triggers are able to be placed inside a style. (link at the bottom to my example)

2) Again my mistake, I remember a error I got against the xsd saying TargetName needs to be present, but I must have been mistaken or it could have been another Element that requires it. Anyway, the following is complety valid and can be used to apply against any control.

One thing I have learnt by pure experiment is that you can have storyboards inside a ControlTemplate/DataTemplate. This means that any control that meets the TargetType criteria in the style header can access the storyboard associated with it. For my example I have attached a storyboard that will be available to all MenuItems.

3) No answer yet butI presume it will be a while before all the documentation catches up to the implementation.

Anyway here is my wobbly menu example:


Picture of me smiling.

Paul Kinlan

I lead the Chrome Developer Relations team at Google.

We want people to have the best experience possible on the web without having to install a native app or produce content in a walled garden.

Our team tries to make it easier for developers to build on the web by supporting every Chrome release, creating great content to support developers on web.dev, contributing to MDN, helping to improve browser compatibility, and some of the best developer tools like Lighthouse, Workbox, Squoosh to name just a few.

RSS Github Medium