Windows Azure

Windows Azureを弄ったことがなかったので、ちょっと試してみました。

Silverlightで作ったサンプル。どっかてみたような？・・・ちょっとパクリました。(^^;

Google Gadgetsとして貼り付けています。

コードはXAMLのみ。こちらもスーパーpre記法を初めて使ってみました。

<UserControl x:Class="SilverlightApplication1.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="300">
    <Canvas x:Name="LayoutRoot" Background="White">
        <Canvas.Clip>
            <RectangleGeometry Rect="0,0,300,300"/>
        </Canvas.Clip>

        <Rectangle Width="300" Height="300" VerticalAlignment="Stretch">
            <Rectangle.Fill>
                <RadialGradientBrush GradientOrigin="0.03, 0.1" SpreadMethod="Pad" RadiusX="1" RadiusY="1">
                    <GradientStop Color="#3B8DED" Offset="0"/>
                    <GradientStop Color="#044EA4" Offset="1"/>
                </RadialGradientBrush>
            </Rectangle.Fill>
        </Rectangle>
        <Line Canvas.Left="0" Canvas.Top="0" X1="0" Y1="140" X2="290" Y2="140" Stroke="Black" StrokeThickness="1" />
        <Line Canvas.Left="0" Canvas.Top="0" X1="140" Y1="0" X2="140" Y2="300" Stroke="Black" StrokeThickness="1" />
        <Ellipse x:Name="ball" 
                 Fill="Yellow" Width="8" Height="8">
            <Ellipse.Triggers>
                <EventTrigger RoutedEvent="Ellipse.Loaded">
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimation Storyboard.TargetName="ball" Storyboard.TargetProperty="(Canvas.Left)" RepeatBehavior="Forever" 
                                             From="0" To="300" Duration="0:0:10"/>
                            <DoubleAnimation Storyboard.TargetName="ball" Storyboard.TargetProperty="(Canvas.Top)" RepeatBehavior="Forever"
                                             From="0" To="300" Duration="0:0:10">
                                <DoubleAnimation.EasingFunction>
                                    <BounceEase Bounces="3" Bounciness="2"></BounceEase>
                                </DoubleAnimation.EasingFunction>
                            </DoubleAnimation>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Ellipse.Triggers>
        </Ellipse>
    </Canvas>
</UserControl>