用C++代码中实现WPF动画 -- Opacity Animation

╰半夏微凉° 2021-09-30 10:02 208阅读 0赞

**           **             用C++代码中实现WPF动画 -- Opacity Animation  
  
    很多人都习惯使用Blend来帮助编辑XAML文件，生成很多动画。但在实际开发中，用代码来实现动画还是很实用的，而且代码的逻辑开发能力更强，更容易控制，这方面C\#的例子已经很多了，下面我介绍几个C++的例子。  
    首先介绍少渐隐渐现，也就是Alpha Animation。代码如下

![Image 1][] ![Image 1][]      /\*\*/ /\*  
![Image 1][]    \*  Take Label for example  
![Image 1][]    \*/   
![Image 1][]     //  1, Find the lable by its name, The name define in the xaml file   
![Image 1][]     Label ^  pColorLabel  =  (Label ^ )page \-> FindName( " ColorAnimationLabel " );  
![Image 1][]  
![Image 1][]     //  2, Define a DoubleAnimation object   
![Image 1][]     DoubleAnimation ^  pDoubleAnimation  =  gcnew DoubleAnimation();  
![Image 1][]  
![Image 1][]     //  3, Set from to and duration   
![Image 1][]     pDoubleAnimation \-> From  =   1 ;  
![Image 1][]    pDoubleAnimation \-> To  =   0 ;  
![Image 1][]    pDoubleAnimation \-> Duration  =  Duration(TimeSpan::FromSeconds( 3 ));  
![Image 1][]  
![Image 1][]     //  4, Create a storyboard(Timeline)   
![Image 1][]     Storyboard ^  pStoryboard  =  gcnew Storyboard();  
![Image 1][]  
![Image 1][]     //  5, Set the DoubleAnimation's target name   
![Image 1][]     pStoryboard \-> SetTargetName(pDoubleAnimation, \_T( " ColorAnimationLabel " ));  
![Image 1][]  
![Image 1][]     //  6, Set the DoubleAnimation's property   
![Image 1][]     pStoryboard \-> SetTargetProperty(pDoubleAnimation, gcnew PropertyPath(Label::OpacityProperty));  
![Image 1][]  
![Image 1][]     //  7, Add the DoubleAnimation object to the storyboard   
![Image 1][]     pStoryboard \-> Children \-> Add(pDoubleAnimation);  
![Image 1][]  
![Image 1][]     //  8, Start the animation   
![Image 1][]     pStoryboard \-> Begin(pColorLabel);

上面代码所用的XAML如下

![Image 1][] < Page  
![Image 1][]     xmlns ="http://schemas.microsoft.com/winfx/2006/xaml/presentation"   
![Image 1][]    xmlns:x ="http://schemas.microsoft.com/winfx/2006/xaml"   
![Image 1][]     >   
![Image 1][]   < Grid >   
![Image 1][]     < DockPanel >   
![Image 1][]       < Button  Name ="ColorAnmationButton"  Width ="100"  Height ="50"  Background ="LightBlue" > Color Anmation </ Button >   
![Image 1][]       < Label  Name ="ColorAnimationLabel"  Width ="200"  Height ="50"  Background ="Red" >   
![Image 1][]       </ Label >   
![Image 1][]     </ DockPanel >   
![Image 1][]   </ Grid >   
![Image 1][] </ Page >

转载于:https://www.cnblogs.com/sun9411323/archive/2007/12/13/994227.html

[Image 1]: