Silverlight 1.1 学习笔记（1）－－准备阶段

1、工具准备

（1）下载 Silverlight 1.1 Alpha September Refresh

（2）下载 Microsoft Silverlight 1.1 Alpha September Refresh Software Development Kit (SDK)

（3）下载 Microsoft Visual Studio 2008 Beta 2

（4）下载 Microsoft Silverlight Tools Alpha for Visual Studio 2008 Beta 2

以上链接来自MS，如果失效，请自己Search。依次安装，完成Silverlight1.1的开发环境的安装。

2、第一个Hello，World 程序

（1）打开VS2008B2，项目类型选择Silverlight，模版选择Silverlight Project，名称随意（注意不要有非法字符），点击确定建立第一个Siliverlight项目。

（2）IDE自动生成的代码文件如下：

（3）运行TestPage.html，出现一个空白的Web页面。

（4）打开Page.xaml文件，在Canvas标签之间加入TextBlock标签，完成后的代码如下：

<Canvas x:Name="parentCanvas"
        xmlns="http://schemas.microsoft.com/client/2007" 
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
        Loaded="Page_Loaded" 
        x:Class="HelloWorld.Page;assembly=ClientBin/HelloWorld.dll"
        Width="640"
        Height="480"
        Background="Yellow"
        >

  <TextBlock x:Name="MyHelloWorld" Text="Hello,World" FontSize="40"></TextBlock>

</Canvas>

（5）在IE中预览TestPage.html。

（6）打开Page.xaml.cs文件，加入MyHelloWorld的鼠标点击事件处理程序，完成后的代码如下：

//......................................
namespace HelloWorld
{
    public partial class Page : Canvas
    {
        public void Page_Loaded(object o, EventArgs e)
        {
            // Required to initialize variables
            InitializeComponent();

            //add code here.
            //add an Event handle to "MyHelloWorld".
            MyHelloWorld.MouseLeftButtonDown += new MouseEventHandler(MyHelloWorld_MouseLeftButtonDown);
        }

        void MyHelloWorld_MouseLeftButtonDown(object sender, MouseEventArgs e)
        {
            //throw new NotImplementedException();

            MyHelloWorld.Text = "You hit me!";
            MyHelloWorld.FontSize = 60;
        }
    }
}

完成后不要忘记重新编译下应用程序。

（7）在IE中预览TestPage.html。鼠标点击“Hello,World”，文字是否变了呢？

，

 

3、相比传统的Asp.net Web 页面，我们做了什么？

我们没有编辑Html和aspx页面，没有编写html代码和服务器控件，但我们编辑了xaml代码。

对于C＃代码，我们没有任何的不同，获得要编程的对象（标识：MyHelloWorld，在xaml中用x:Name表示），然后对该对象进行随心所欲的蹂躏。