WPF簡單動畫實現
使用WPF 中的Storyboard 實現了簡單的動畫效果:
程式碼很簡單,主要是大概瞭解了下WPF中簡單動畫實現的思路,算是為以後留作參考
<Window.Triggers>
<!--事件觸發器 事件源為myRectangle-->
<EventTrigger SourceName="myRectangle" RoutedEvent="MouseEnter">
<!--動畫開始-->
<BeginStoryboard x:Name="myStoryboard">
<Storyboard>
<!--旋轉動畫-->
<!-- DoubleAnimation DoubleAnimationUsingKeyFrames 對 Rectangle 的 Width 或 Ellipse 的 Height(或任意 FrameworkElement)進行動畫處理。-->
<DoubleAnimation
Storyboard.TargetName="myTransform"
Storyboard.TargetProperty="Angle"
From="0" To="360" Duration="0:0:5"
RepeatBehavior="Forever" >
</DoubleAnimation>
<!--動畫變色-->
<!--ColorAnimation ColorAnimationUsingKeyFrames 對 SolidColorBrush 或 GradientStop 的 Color 進行動畫處理。-->
<ColorAnimation Storyboard.TargetName="myRectangle"
Storyboard.TargetProperty="(Fill).(SolidColorBrush.Color)"
From="LightBlue" To="LightCyan" Duration="0:0:5" RepeatBehavior="Forever" />
</Storyboard>
</BeginStoryboard>
</EventTrigger>
<EventTrigger SourceName="myRectangle" RoutedEvent="MouseLeave">
<!--動畫停止-->
<StopStoryboard BeginStoryboardName="myStoryboard" />
</EventTrigger>
</Window.Triggers>
<Grid>
<Rectangle Name="myRectangle" Width="50" Height="50" Fill="LightBlue">
<Rectangle.RenderTransform>
<RotateTransform x:Name="myTransform" Angle="45" CenterX="25" CenterY="25" />
</Rectangle.RenderTransform>
</Rectangle>
</Grid>
</Window>
相關文章
- 使用canvas實現簡單動畫Canvas動畫
- 讓動畫實現更簡單,Flutter 動畫簡易教程!動畫Flutter
- jQuery實現的動畫簡單例項jQuery動畫單例
- 前端動畫效果實現的簡單比較前端動畫
- css3實現的簡單動畫效果CSSS3動畫
- iOS_三種簡單動畫的實現iOS動畫
- CSS並不簡單--結合SVG實現簡單的載入動畫CSSSVG動畫
- WPF使用Shape實現複雜線條動畫動畫
- javascript實現的動畫效果簡單例項程式碼JavaScript動畫單例
- 教你如何用WPF實現文字粒子閃爍動畫效果動畫
- 簡單CSS實現閃爍動畫(+1白話講解)CSS動畫
- 簡單的動畫方式實現的元素下拉和上卷效果動畫
- SVG簡單動畫SVG動畫
- WPF下使用FreeRedis操作RedisStream實現簡單的訊息佇列Redis佇列
- iOS (仿印物App)TableView給力動畫的簡單實現iOSAPPView動畫
- WPF實現Win10漢堡選單Win10
- 基於 HTML5 實現的簡單雲動畫和景物描述HTML動畫
- flutter 簡單實現瀏覽器H5粒子動畫Flutter瀏覽器H5動畫
- CSS3建立簡單的網頁動畫–實現彈跳球動CSSS3網頁動畫
- JavaScript 簡單動畫效果JavaScript動畫
- WPF DataGrid實現單擊單元格直接編輯
- Promise 簡單實現Promise
- FastClick簡單實現AST
- Express 簡單實現Express
- AspectJ簡單實現
- getElementsByClassName簡單實現
- SimpleRAG:基於WPF與Semantic Kernel實現的一個簡單的RAG應用
- 如何實現一個簡單的雨滴動畫?手把手告訴你動畫
- 簡單的動畫 (numpy & PySimpleGUI)動畫GUI
- JavaScript簡單的動畫效果JavaScript動畫
- 精簡版 koa 簡單實現
- canvas實現簡答動畫張閉嘴效果Canvas動畫
- 感知機簡單實現
- 簡單版Promise實現Promise
- 實現簡單的BitMap
- ArrayList的簡單實現
- AOP的簡單實現
- 簡單實現vuex原理Vue