Silverlight 2 实验手册之一 创建第一个Hello World 应用程序(附示例项目下载)

Silverlight 2 实验手册之一 创建第一个Hello World 应用程序(附示例项目下载)

 

 

本实验手册介绍创建第一个Silverlight 2 应用程序逐个步骤。尽管只是一个简单的Hello World 应用程序，但是演示了在Visual Studio 2008 中创建应用程序的具体步骤和.NET代码如何与Silverlight 应用程序交互和操作XAML文件。

 

如果你对Silverlight 还没有接触，建议先阅读如下文章：

Silverlight 专家自学向导 #1: 安装Silverlight 和Silverlight 工具

Silverlight 专家自学向导 #2: 使用Visual Studio 2008 创建Silverlight 应用程序

 

操作步骤如下：

1. 创建Silverlight 应用程序，具体步骤请参考 Silverlight 专家自学向导 #2: 使用Visual Studio 2008 创建Silverlight 应用程序。

 

2. 编辑XAML代码

分别增加TextBlock、TextBox、Button 等等控件。

    < Grid x : Name ="LayoutRoot" Background ="White">

        < Canvas >

         < TextBlock Text ="Enter a Name" Canvas.Left ="64" Canvas.Top ="55"> TextBlock >   

         < TextBox x : Name ="txtName" Canvas.Left ="180" Canvas.Top ="55" Height ="25" Width ="100"> TextBox >   

         < Button x : Name ="buttonHello" Canvas.Left ="120" Canvas.Top ="105" Width ="100" Content ="Say Hello" Click ="buttonHello_Click"/>

         < TextBlock x : Name ="txtSayHello" Canvas.Left ="100" Canvas.Top ="150"/>

        Canvas >

    Grid >

 

同时，编写Button的Clicks事件代码：

        private void buttonHello_Click(object sender, RoutedEventArgs e)

        {

            this.txtSayHello.Text = "Hello, " + this.txtName.Text;

        }

 

3. 编译Solution

右键点击承载Silverlight – Hello World 的Web 页面，选择View in Browser。

 

    <form id="form1" runat="server" style="height:100%;">

        <asp:ScriptManager ID="ScriptManager1" runat="server">asp:ScriptManager>

        <div style="height:100%;">

            <asp:Silverlight ID="Xaml1" runat="server" Source="~/ClientBin/SL2Hello.xap" MinimumVersion="2.0.31005.0" Width="100%" Height="100%" />

        div>

    form>

演示界面如下：

 

  下载范例程序！

 

相关链接：

微软终于发布Silverlight 2正式版

http://forum.entlib.com/Default.aspx?g=posts&t=271