WPF（1）Hello，WPF
以下是一段简单的say hello动画，说是简单，可自己也费了九牛之力啊
在Kaxaml中编辑， 用Xaml Hack 也可打开查看效果。由于对一些语法，属性还不熟悉，所以得借助Kaxaml所带的提示功能，比较郁闷的是这软件有时会因一些语法错误而导致直接退出
<Page
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<Canvas>
<Canvas.Triggers>
<EventTrigger RoutedEvent="Canvas.Loaded">
<EventTrigger.Actions>
<BeginStoryboard>
<Storyboard BeginTime="0" Duration="Forever">
<!-- "hello" Animation-->
<DoubleAnimation Storyboard.TargetName="hello" Storyboard.TargetProperty="(Canvas.Left)" From="0" To="500" BeginTime="0:0:0" Duration="0:0:1.5" />
<DoubleAnimation Storyboard.TargetName="skew" Storyboard.TargetProperty="AngleX" AutoReverse="True" DecelerationRatio="0.5" From="0" To="30" BeginTime="0:0:1" Duration="0:0:0.8" />
<DoubleAnimation Storyboard.TargetName="hello" Storyboard.TargetProperty="(Canvas.Left)" To="300" BeginTime="0:0:3" Duration="0:0:0.5" />
<!-- "W" Animation-->
<DoubleAnimation Storyboard.TargetName="tbw" Storyboard.TargetProperty="(Canvas.Left)" From="350" To="550" BeginTime="0:0:3" Duration="0:0:0.35" />
<DoubleAnimation Storyboard.TargetName="tbw" Storyboard.TargetProperty="(Canvas.Top)" From="0" To="180" BeginTime="0:0:3" Duration="0:0:00.35" />
<!-- "P" Animation-->
<DoubleAnimation Storyboard.TargetName="tbp" Storyboard.TargetProperty="(Canvas.Left)" From="400" To="700" BeginTime="0:0:3.5" Duration="0:0:0.3" />
<DoubleAnimation Storyboard.TargetName="tbp" Storyboard.TargetProperty="(Canvas.Top)" From="0" To="180" BeginTime="0:0:3.5" Duration="0:0:0.3" />
<!-- "F" Animation-->
<DoubleAnimation Storyboard.TargetName="tbf" Storyboard.TargetProperty="(Canvas.Left)" From="450" To="800" BeginTime="0:0:4" Duration="0:0:0.3" />
<DoubleAnimation Storyboard.TargetName="tbf" Storyboard.TargetProperty="(Canvas.Top)" From="0" To="180" BeginTime="0:0:4" Duration="0:0:0.3" />
</Storyboard>
</BeginStoryboard>
</EventTrigger.Actions>
</EventTrigger>
</Canvas.Triggers><!-- Insert this sample as the child of a Page, Grid, Canvas, Button, or other container -->
<TextBlock x:Name="hello" Canvas.Top ="218" FontFamily="Segoe, Segoe UI, Arial" FontWeight="Bold" FontSize="80pt" Foreground="Chartreuse" Text ="Hello">
<TextBlock.RenderTransform >
<SkewTransform x:Name="skew" CenterX="50" CenterY="200" > </SkewTransform>
</TextBlock.RenderTransform>
</TextBlock>
<TextBlock x:Name ="tbw" Text ="W" FontSize ="100pt" FontWeight ="Bold" Canvas.Top="-1000"></TextBlock>
<TextBlock x:Name ="tbp" Text ="P" FontSize ="100pt" FontWeight ="Bold" Canvas.Top="-1000" > </TextBlock>
<TextBlock x:Name ="tbf" Text ="F" FontSize ="100pt" FontWeight ="Bold" Canvas.Top="-1000" > </TextBlock>
</Canvas>
</Page>
在Kaxaml中编辑， 用Xaml Hack 也可打开查看效果。由于对一些语法，属性还不熟悉，所以得借助Kaxaml所带的提示功能，比较郁闷的是这软件有时会因一些语法错误而导致直接退出
<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"><Canvas> <Canvas.Triggers> <EventTrigger RoutedEvent="Canvas.Loaded"> <EventTrigger.Actions> <BeginStoryboard> <Storyboard BeginTime="0" Duration="Forever"> <!-- "hello" Animation--> <DoubleAnimation Storyboard.TargetName="hello" Storyboard.TargetProperty="(Canvas.Left)" From="0" To="500" BeginTime="0:0:0" Duration="0:0:1.5" /> <DoubleAnimation Storyboard.TargetName="skew" Storyboard.TargetProperty="AngleX" AutoReverse="True" DecelerationRatio="0.5" From="0" To="30" BeginTime="0:0:1" Duration="0:0:0.8" /> <DoubleAnimation Storyboard.TargetName="hello" Storyboard.TargetProperty="(Canvas.Left)" To="300" BeginTime="0:0:3" Duration="0:0:0.5" /> <!-- "W" Animation--> <DoubleAnimation Storyboard.TargetName="tbw" Storyboard.TargetProperty="(Canvas.Left)" From="350" To="550" BeginTime="0:0:3" Duration="0:0:0.35" /> <DoubleAnimation Storyboard.TargetName="tbw" Storyboard.TargetProperty="(Canvas.Top)" From="0" To="180" BeginTime="0:0:3" Duration="0:0:00.35" /> <!-- "P" Animation--> <DoubleAnimation Storyboard.TargetName="tbp" Storyboard.TargetProperty="(Canvas.Left)" From="400" To="700" BeginTime="0:0:3.5" Duration="0:0:0.3" /> <DoubleAnimation Storyboard.TargetName="tbp" Storyboard.TargetProperty="(Canvas.Top)" From="0" To="180" BeginTime="0:0:3.5" Duration="0:0:0.3" /> <!-- "F" Animation--> <DoubleAnimation Storyboard.TargetName="tbf" Storyboard.TargetProperty="(Canvas.Left)" From="450" To="800" BeginTime="0:0:4" Duration="0:0:0.3" /> <DoubleAnimation Storyboard.TargetName="tbf" Storyboard.TargetProperty="(Canvas.Top)" From="0" To="180" BeginTime="0:0:4" Duration="0:0:0.3" /> </Storyboard> </BeginStoryboard> </EventTrigger.Actions> </EventTrigger></Canvas.Triggers><!-- Insert this sample as the child of a Page, Grid, Canvas, Button, or other container --> <TextBlock x:Name="hello" Canvas.Top ="218" FontFamily="Segoe, Segoe UI, Arial" FontWeight="Bold" FontSize="80pt" Foreground="Chartreuse" Text ="Hello"> <TextBlock.RenderTransform > <SkewTransform x:Name="skew" CenterX="50" CenterY="200" > </SkewTransform> </TextBlock.RenderTransform> </TextBlock> <TextBlock x:Name ="tbw" Text ="W" FontSize ="100pt" FontWeight ="Bold" Canvas.Top="-1000"></TextBlock> <TextBlock x:Name ="tbp" Text ="P" FontSize ="100pt" FontWeight ="Bold" Canvas.Top="-1000" > </TextBlock> <TextBlock x:Name ="tbf" Text ="F" FontSize ="100pt" FontWeight ="Bold" Canvas.Top="-1000" > </TextBlock></Canvas></Page>
