I am going to close this window and when I scroll down little bit further in the triggers palate there is also in action while activating any actions while deactivating. I am going to add a new action on activation for this east mouse over property. So I am going to select this mouse over and press the plus. Blend tells me that there is no time line already so it creates the timeline for me. This timeline will allow me to create an animation on the button. I want my triangles color to change suddenly so I am going to first create a key frame at time zero advances when I play had the time to and create a key frame there. What I have done is I have explained that the animation should start and stop at the default state. Now I move the play had the time one and now I am going to modify the properties to tell my animation started the default state change the properties to the state I am going to specify and then return to the defaults state. I want to take the fill of my triangle make it a brighter yellow and make it completely visible.
Now, when I press that five and as use the mouse enters my triangle goes to a bright yellow and then back to the default state. These animation only played once because if you look at the animation the timeline only last for two seconds. When I expand the path in the timeline I see he fill and the color properties and I can right click on the color and specify or repeat count. When I click on the infinity button, I now explain it that I want my animation to go from the default state to the yellow and back and repeat that loop indefinitely. Now, when I press that five when I enter I go from red to yellow and the cycle continues.
When I leave the mouse however, the timeline continues to play. This is because I have specified when I enter. I want the timeline to begin but I have never told it when to stop. I am going to select the east mouse over property trigger again and at the bottom there is action when activating as well as action when deactivating. I am going to add a new action on deactivation and I want my timeline one to stop. Press F5 once more and when the east mouse enters the animation begin and when the mouse exits the animation stops.
Now, that my button is completed I will go on my window one that example and these is the application that we have been using to test or control. When I go to the project paint you will noticed in my file inspector there is no a play button that example. I can now hand these file off to another designer. They can add it to their project and they have got my style to paint. If you look in the resources tab you will see that file here again and again the play style that we defined is showing here. These are just a few more location that you can check to find other resources that you maybe looking for. The techniques that we have used here can be reused for any type of control. Sliders, scroll bars, lift boxes and any other windows presentation foundation control can be all added in this way So that the restriction of a rectangular button with black letters okay no longer hindrance.
Transcription by:
Scribe4you Transcription Services