[箫心学习班第一讲]Silverlight2.0 概览

很久不写专业blog，今天开始写一些新技术的东西：http://liefeng123.cnblogs.com/

silvergliht 2.0 概览            silverlight 发布以经1年多了，今年3月份Silverlight2.0的beta1版发布了，关于silverlight2.0究竟做了哪些改进呢，下面我们就慢慢来说. 准备工作：

1.  silverlight 2 Runtime下载：http://www.microsoft.com/silverlight/resources/installationFiles.aspx?v=2.0
2.Microsoft® Silverlight™ 2 Software Development Kit Beta 1 ：
http://www.microsoft.com/downloads/details.aspx?FamilyId=4E03409A-77F3-413F-B108-1243C243C4FE&displaylang=en
3 Microsoft Silverlight Tools Beta 1 for Visual Studio 2008 ：
http://www.microsoft.com/downloads/details.aspx?FamilyId=E0BAE58E-9C0B-4090-A1DB-F134D9F095FD&displaylang=en

下载安装以上工具后，我们就可以开始silvergliht2.0 的体验了
我计划逐步讲解silvergliht,以下是这个系列文章的规划
1，深入silverligth之一：silverlight2.0 架构概览
2，深入silverlight之二：silverlight2.0控件介绍
3，深入silverlight之三：silverlight2.0中的布局
4,深入silvergliht之四：silverlight2.0中的style和templete
5， 深入silvergliht之五：silverlight2.0中的数据绑定
6,深入silvergliht之六：silverlight2.0中的多媒体支持
7，深入silvergliht之七：silverlight2.0中的网络通信
8,深入silvergliht之八：silverlight2.0 的Dynamic Language支持
9,深入silvergliht之九：silverlight2.0 与HTML DOM的互操作

今天我们先从hello world 说起
当我们安装完以上的工具以后
打开vs2008创建silverlight应用程序：
step1:

step2:
点击OK以后会出现

注意：这里有2个选择project type,一个是web site,一个是web application,根据自己的情况选择就行了，下面那个name可以编辑
step3:

这就出现我们的开发环境了，这里要说明的是：我们创建silvergliht应用程序同时会出现两个project,一个网站项目，一个silverlight项目，在silverlight项目中包含我们要写得xaml文件，我们所有的silverlight程序都是在那个里面写的，然后再网站项目中调用测试，网站项目中有两个test文件，一个是aspx,一个是html都可以用来测试我们写的silverlight程序。
可以看到这个很类似于我们开发asp.net的界面，同样我们接下来在页面上加一个button，命名为btnHello.增加一个Textbox命名为txtHello如下图：


注意：现在的版本里有bug那个从工具栏拖控件带编辑页面的不能用，不过你可以把控件拖到下面的xaml编辑栏里，或者在xaml编辑栏里面直接写xaml，vs2008有xaml智能感知功能。
step5:
下面我们增加事件：
直接在button 里写click事件（code1），在vs2008环境下输入click后自动会生成事件代码，按F7看cs页面的代码（code2）：
Page.Xaml
1<UserControl x:Class="SilverlightApplication3.Page"
2    xmlns="http://schemas.microsoft.com/client/2007"
3    xmlns="http://schemas.microsoft.com/winfx/2006/xaml"
4    Width="400" Height="300">
5    <Grid x:Name="LayoutRoot" Background="White">
6        <TextBox Height="100" Width="100" Margin="40,40,40,40" x:Name="txtHello" Horiz></TextBox>
7        <Button Width="100" Height="30" C x:Name="btnHello"  Click="btnHello_Click"></Button>
8    </Grid>
9</UserControl>code2：（page1.xaml.cs）
Page1.Xaml.cs
1using System;
2using System.Collections.Generic;
3using System.Linq;
4using System.Windows;
5using System.Windows.Controls;
6using System.Windows.Documents;
7using System.Windows.Input;
8using System.Windows.Media;
9using System.Windows.Media.Animation;
10using System.Windows.Shapes;
11
12namespace SilverlightApplication3
13{
14    public partial class Page : UserControl
15    {
16        public Page()
17        {
18            InitializeComponent();
19        }
20
21        private void btnHello_Click(object sender, RoutedEventArgs e)
22        {
23            this.txtHello.Text += "Hello world!! \r\n";
24       
25        }
26    }
27}
28接下来点击F5运行，然后点击页面上的按钮，如下

注意：在这里如果你没有安装silverlight2.0的runtime将会出现一个silverlight的小图标点击安装就可以

这个Hello world终于写完了，没有用过silvergliht的朋友可以根据这个先试验一下，另外关于xaml语言，我下次会单独拿出来说下
下一次我们说它的架构.