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:x="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" HorizontalAlignment="Left"></TextBox>
7
<Button Width="100" Height="30" Content="Hello world" x:Name="btnHello" Click="btnHello_Click"></Button>
8
</Grid>
9
</UserControl>
code2:(page1.xaml.cs)

Page1.Xaml.cs
1
using System;
2
using System.Collections.Generic;
3
using System.Linq;
4
using System.Windows;
5
using System.Windows.Controls;
6
using System.Windows.Documents;
7
using System.Windows.Input;
8
using System.Windows.Media;
9
using System.Windows.Media.Animation;
10
using System.Windows.Shapes;
11
12
namespace 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语言,我下次会单独拿出来说下
下一次我们说它的架构.
DuanJunyi &&清新的风
------------------------------
箫心网
www.crfly.com
it.crfly.com
posted on 2008-04-07 16:36
Duan Junyi 阅读(751)
评论(0) 编辑 收藏 网摘 所属分类:
DotNetSilverlight