silverlight 入门学习（二）

前言：
Ellipse这一个控件的使用，以及事件各自定义事件的使用
目录：
Ellipse介绍
Ellipse中的常用的属性说明
Ellipse事件的使用
Ellipse自定义事件
Ellipse代码汇总
Ellipse总结

运行结果：
silverlight 入门学习（二）
鼠标没有放上去之前的效果

鼠标放上去这后的效果

                                                第一节 Ellipse介绍

        Ellipse它的英文意思是椭圆的意思，这里我们可以改变他的属性可以让它变成我们想要的图形，其实他也没有什么好说的，只要我们大会用就行了，不是很难，相信只要大家动手写了做了就明白了；

                                               第二节Ellipse中的常用的属性说明

Canvas.Left：面板的左边距
Canvas.Top：面板的右边距
With：宽度
Height：高度
Fill:指的椭圆的填充颜色
在这里主要列出来我们常用到的属性，但是这里有一个很重的是Canvas.Left,Canvas.Top中有在Canvas面板中才，也就是说它只支持Canvas面板；

代码：

<Ellipse Canvas.Left="30" MouseMove="Ellipse_MouseMove"
silverlight 入门学习（二）

MouseEnter="Ellipse_MouseEnter"
silverlight 入门学习（二）

MouseLeave="Ellipse_MouseLeave"
silverlight 入门学习（二）

Canvas.Top="50" Width="80" Height="80" Fill="Brown">
silverlight 入门学习（二）

</Ellipse>

                                                    第三节 Ellipse事件的使用


        Ellipse事件与我们在Winfroms所有的事件原理都一样，我在这里就不多说了；主要说说在这里用到的事件吧
MouseEnter：我们的鼠标进入的是发生
MouseLeave：当鼠标敲开时发生

代码：

private void Ellipse_MouseEnter(object sender, MouseEventArgs e)
2 }

                                                       第四节    自定义事件

        与我们在winform编程里的事件没有太大与别，我们不在page.xaml文件中写事件，而是在我们的后文件page.xaml.cs自己来写事件，很easy的事，看代码；
page.xmal

<Ellipse x:Name="MyEllipse" Width="80" Height="80"
2 silverlight 入门学习（二）

Fill="Orange" Canvas.Left="200"
3 silverlight 入门学习（二）

Canvas.Top="80" HorizontalAlignment="Center"
4 silverlight 入门学习（二）

>
5

</Ellipse>

page.xmal.cs
在这里我们得注意，我们还得在后台的page()方法中定义事件

public Page()
2 }

我们得让我们所定义的事件做一下事吧，后以下代码：

private void Ellipse_MouseLeave(object sender, MouseEventArgs e)
}

第五节代码的汇总

page.xaml

<UserControl x:Class="SilverlightDemo2.Page"
2 silverlight 入门学习（二）

xmlns="http://schemas.microsoft.com/client/2007"
3 silverlight 入门学习（二）

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4 silverlight 入门学习（二）

Width="400" Height="300">
5 silverlight 入门学习（二）

<Canvas Height="400" Width="400" Background="Aquamarine">
6 silverlight 入门学习（二）

<TextBlock FontFamily="楷体" FontSize="30" >下面是Ellipser的运用</TextBlock>
7 silverlight 入门学习（二）

<Ellipse Canvas.Left="30" MouseMove="Ellipse_MouseMove"
8 silverlight 入门学习（二）

MouseEnter="Ellipse_MouseEnter"
9 silverlight 入门学习（二）

MouseLeave="Ellipse_MouseLeave"
10 silverlight 入门学习（二）

Canvas.Top="50" Width="80" Height="80" Fill="Brown">
11 silverlight 入门学习（二）

</Ellipse>
13 silverlight 入门学习（二）

<Ellipse x:Name="MyEllipse" Width="80" Height="80"
14 silverlight 入门学习（二）

Fill="Orange" Canvas.Left="200"
15 silverlight 入门学习（二）

Canvas.Top="80" HorizontalAlignment="Center"
16 silverlight 入门学习（二）

>
17

</Ellipse>
18 silverlight 入门学习（二）

</Canvas>
19 silverlight 入门学习（二）

</UserControl>
20 silverlight 入门学习（二）

page.xaml.cs

using System;
2 silverlight 入门学习（二）

using System.Collections.Generic;
3 silverlight 入门学习（二）

using System.Linq;
4 silverlight 入门学习（二）

using System.Windows;
5 silverlight 入门学习（二）

using System.Windows.Controls;
6 silverlight 入门学习（二）

using System.Windows.Documents;
7 silverlight 入门学习（二）

using System.Windows.Input;
8 silverlight 入门学习（二）

using System.Windows.Media;
9 silverlight 入门学习（二）

using System.Windows.Media.Animation;
10 silverlight 入门学习（二）

using System.Windows.Shapes;
11 silverlight 入门学习（二）

namespace SilverlightDemo2
13

                                                         第六节    总结

        在这一章主要与大家从表面上讲了我们应该如何的运用Ellipse的常用属性，事件和自定义事件，其实也没有什么好说，主要的是我们下来练习多了，就知道没有什么难度，与上学一样，太简单；
在这里由于我的能力有限，不能讲得很清楚，讲得不很完美，请留下你宝贵的看法，我会改正
希望此教程能对初学者的朋友有所帮助