Silverlight 5 系列學習之二

標籤：des   winform   http   width   os   art   

              昨天學習了一下Silverlight基礎感覺也沒有什麼特別之處，不過圈裡朋友勸我不要深入學習了，因為ms已不再愛他的這個孩子了，好吧那就把上些簡單的東西稍微過一下吧，要不然公司有什麼需求要改的小弟不會。單擊事件，滑鼠事件基本和Winform裡的差不多，都是聲明，註冊。下面是個簡單的圖片瀏覽器如下代碼：

              前台：

 

　　　　　　<UserControl xmlns:my="clr-namespace:SilverlightApplication1"  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="400" d:DesignWidth="800">
    <Grid>

        <Canvas Background="#000000">
            <Canvas.Resources>
                <Storyboard x:Name="myStoryboard">
                    <DoubleAnimation
          Storyboard.TargetName="myTransform"
          Storyboard.TargetProperty="AngleY"
          From="0" To="180" Duration="0:0:5" RepeatBehavior="1x"/>
                    <DoubleAnimation
          Storyboard.TargetName="leftScaleTransform"
          Storyboard.TargetProperty="ScaleX"
          From="0" To="1" Duration="0:0:5" RepeatBehavior="1x"/>
                    <DoubleAnimation
          Storyboard.TargetName="leftScaleTransform"
          Storyboard.TargetProperty="ScaleY"
          From="0" To="1" Duration="0:0:5" RepeatBehavior="1x"/>
                    <DoubleAnimation
          Storyboard.TargetName="rightScaleTransform"
          Storyboard.TargetProperty="ScaleX"
          From="0" To="1" Duration="0:0:5" RepeatBehavior="1x"/>
                    <DoubleAnimation
          Storyboard.TargetName="rightScaleTransform"
          Storyboard.TargetProperty="ScaleY"
          From="0" To="1" Duration="0:0:5" RepeatBehavior="1x"/>
                </Storyboard>
            </Canvas.Resources>

            <Image Source="border.png" Canvas.Top="150" Canvas.Left="220"
               Width="356" Height="226"></Image>
            <Image x:Name="currentImg" Source="5.png" Width="340" Height="175"
               Canvas.Top="154" Canvas.Left="228">
                <Image.RenderTransform>
                    <TransformGroup>
                        <SkewTransform x:Name="myTransform" AngleX="0" AngleY="0"
                               CenterX="170" CenterY="87.5"></SkewTransform>
                    </TransformGroup>
                </Image.RenderTransform>
            </Image>

            <Image Source="border.png" Canvas.Top="180" Canvas.Left="20"
               Width="178" Height="113"></Image>
            <Image x:Name="leftImg" Source="4.png" Canvas.Top="182" Canvas.Left="24"
               Width="170" Height="87.5" Opacity="0.6"
               MouseEnter="OnMouseEnter" MouseLeave="OnMouseLeave"
               MouseLeftButtonDown="leftImg_MouseLeftButtonDown">
                <Image.RenderTransform>
                    <ScaleTransform x:Name="leftScaleTransform" ScaleX="1" ScaleY="1"
                            CenterX="85" CenterY="34"></ScaleTransform>
                </Image.RenderTransform>
            </Image>

            <Image Source="border.png" Canvas.Top="180" Canvas.Left="600"
               Width="178" Height="113"></Image>
            <Image x:Name="rightImg" Source="6.png" Canvas.Top="182" Canvas.Left="604"
               Width="170" Height="87.5" Opacity="0.6"
               MouseEnter="OnMouseEnter" MouseLeave="OnMouseLeave"
               MouseLeftButtonDown="rightImg_MouseLeftButtonDown">
                <Image.RenderTransform>
                    <ScaleTransform x:Name="rightScaleTransform" ScaleX="1" ScaleY="1"
                            CenterX="85" CenterY="34"></ScaleTransform>
                </Image.RenderTransform>
            </Image>
        </Canvas>
    </Grid>
        
</UserControl>

 

後台代碼：

 private void OnMouseEnter(object sender, MouseEventArgs e)
        {
            Image img = sender as Image;
            img.Opacity = 1.0;
        }

        private void OnMouseLeave(object sender, MouseEventArgs e)
        {
            Image img = sender as Image;
            img.Opacity = 0.6;
        }
        private int index = 5;
        private int MIN = 1;
        private int MAX = 8;
        private void leftImg_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            index = index == MIN ? MAX : index - 1;
            Play();

        }

        private void rightImg_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            index = index == MAX ? MIN : index + 1;
            Play();

        }

        void Play()
        {


            int left = index == MIN ? MAX : index - 1;


            int right = index == MAX ? MIN : index + 1;

        }
 

 

               出來的效果如下：