Home > WPF > [WPF] XAMLだけでコントロール回転

[WPF] XAMLだけでコントロール回転

StoryboardとTransformを使うと、XAMLだけでも簡単に張り付けた要素を回転させることができます。

Expression Blendがあればサクサク実装できるのですが、XAMLべた書きだと「あれ？どうするんだっけ？」なんてことがよくあるので、ちょっとしたメモ程度に・・・。
 

ソースを表示
印刷SyntaxHighlighterについて
1<Window.Resources>
2    <Storyboard x:Key="RotateStoryboard" RepeatBehavior="Forever">
3        <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="mediaHoge" Storyboard.TargetProperty="(FrameworkElement.LayoutTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)">
4            <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
5            <SplineDoubleKeyFrame KeyTime="00:00:02" Value="360"/>
6        </DoubleAnimationUsingKeyFrames>
7    </Storyboard>
8</Window.Resources>
9 
10<Window.Triggers>
11    <EventTrigger RoutedEvent="FrameworkElement.Loaded" SourceName="mediaHoge">
12        <BeginStoryboard Storyboard="{StaticResource RotateStoryboard}"/>
13    </EventTrigger>
14</Window.Triggers>
15 
16<Grid x:Name="LayoutRoot">
17    <MediaElement Grid.Row="0" Name="mediaHoge" Width="300" LoadedBehavior="Play" Source="C:\Users\Public\Videos\Sample Videos\Wildlife.wmv" >
18        <MediaElement.LayoutTransform>
19            <TransformGroup>
20                <ScaleTransform/>
21                <SkewTransform/>
22                <RotateTransform/>
23                <TranslateTransform/>
24            </TransformGroup>
25        </MediaElement.LayoutTransform>
26    </MediaElement>
27</Grid>

 

このソースをそのまま使う場合は<MediaElement>のSourceに設定するパスを適当なものに置き換えてください。
・・・こんなソースをそのまま使うことなんか無いか（笑）
 

関連があると思われる記事：

このエントリーをはてなブックマークに追加
はてなブックマーク - [WPF] XAMLだけでコントロール回転
Facebook にシェア
[`google_buzz` not found]
[`yahoo` not found]
[`livedoor` not found]
[`friendfeed` not found]
[`tweetmeme` not found]
[`grow` not found]

Tags: ,

Comments:0

Comment Form
Remember personal info

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 ミライニトドケ

Home > WPF > [WPF] XAMLだけでコントロール回転

RSSリーダーで購読する
スポンサー
Pages
Recent Entries
Categories
Archives
Tag Cloud
Search
Feeds
Meta
人気の記事

Return to page top