Silverlight 2 实验手册之一 创建第一个Hello World 应用程序(附示例项目下载)
Silverlight 2 实验手册之一 创建第一个Hello World 应用程序(附示例项目下载)
本实验手册介绍创建第一个Silverlight 2 应用程序逐个步骤。尽管只是一个简单的Hello World 应用程序,但是演示了在Visual Studio 2008 中创建应用程序的具体步骤和.NET代码如何与Silverlight 应用程序交互和操作XAML文件。
如果你对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正式版