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

 

 

posted on 2008-12-01 20:03  EntLib  阅读(439)  评论(4编辑  收藏  举报