- 2012-04-09 (月) 0:03
- WPF
StoryboardとTransformを使うと、XAMLだけでも簡単に張り付けた要素を回転させることができます。
Expression Blendがあればサクサク実装できるのですが、XAMLべた書きだと「あれ?どうするんだっけ?」なんてことがよくあるので、ちょっとしたメモ程度に・・・。
<Window.Resources>
<Storyboard x:Key="RotateStoryboard" RepeatBehavior="Forever">
<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="mediaHoge" Storyboard.TargetProperty="(FrameworkElement.LayoutTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)">
<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
<SplineDoubleKeyFrame KeyTime="00:00:02" Value="360"/>
</DoubleAnimationUsingKeyFrames>
</Storyboard>
</Window.Resources>
<Window.Triggers>
<EventTrigger RoutedEvent="FrameworkElement.Loaded" SourceName="mediaHoge">
<BeginStoryboard Storyboard="{StaticResource RotateStoryboard}"/>
</EventTrigger>
</Window.Triggers>
<Grid x:Name="LayoutRoot">
<MediaElement Grid.Row="0" Name="mediaHoge" Width="300" LoadedBehavior="Play" Source="C:\Users\Public\Videos\Sample Videos\Wildlife.wmv" >
<MediaElement.LayoutTransform>
<TransformGroup>
<ScaleTransform/>
<SkewTransform/>
<RotateTransform/>
<TranslateTransform/>
</TransformGroup>
</MediaElement.LayoutTransform>
</MediaElement>
</Grid>
このソースをそのまま使う場合は<MediaElement>のSourceに設定するパスを適当なものに置き換えてください。
・・・こんなソースをそのまま使うことなんか無いか(笑)
関連があると思われる記事:
- [WPF] DataTemplateの中のコントロール取得
- [C#] サービスのインストールとデバッグ
- [Java] 現在日時の取得
- [Android] TextViewで一部だけ文字色を変更
- [Android] エミュレータにアプリインストール
- Newer: [作業環境] SSDでサクサク
- Older: [WPF] DataTemplateの中のコントロール取得
Comments:0
Trackbacks:0
- Trackback URL for this entry
- http://gacken.com/wp/program/wpf/719/trackback/
- Listed below are links to weblogs that reference
- [WPF] XAMLだけでコントロール回転 from ミライニトドケ