MAKOTO3.NET Blog

PointAnimationで一対の数値を変化させてアニメーションさせるケースは、それほど多くないような気もしますが、サンプルが1つだとやはりちょっと寂しいので、もう1つ紹介します。LinearGradientBrushのStartPoint属性を変化させる例です。

http://www.makoto3.net/xaml/silverlight0082/index.html

【myxaml.xaml】

<Canvas
   xmlns="http://schemas.microsoft.com/client/2007"  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
 <Rectangle  Width="200" Height="200" Canvas.Left="50" Canvas.Top="50">
 <Rectangle.Fill>
   <LinearGradientBrush StartPoint="0,0" EndPoint="0,1" x:Name="MyGrad">
     <GradientStop Color="red" Offset="0.0"/>
     <GradientStop Color="yellow" Offset="0.5" />
     <GradientStop Color="blue" Offset="1.0" />
    </LinearGradientBrush>
 </Rectangle.Fill>
  <Rectangle.Triggers>
   <EventTrigger RoutedEvent="Rectangle.Loaded">
    <BeginStoryboard>
     <Storyboard>
      <PointAnimation
       Storyboard.TargetName="MyGrad"
       Storyboard.TargetProperty="StartPoint"
       From="0,0" To="1,0" Duration="0:0:3"
       AutoReverse="True" RepeatBehavior="Forever"/>
     </Storyboard>
    </BeginStoryboard>
   </EventTrigger>
  </Rectangle.Triggers>
 </Rectangle>
</Canvas>

StartPointブロパティの値を"0,0"から"1,0"のあいだで変化させているのが分かると思います。書き方は、PointAnimationの例1～RadialGradientBrushのCenterプロパティを変化させると同じなので、ここでは繰り返しません。

JavaScriptでSilverlight1.0 目次

このページは xfy Blog Editor を利用して作成されました。