Silverlight 2 实验手册之一 创建第一个Hello World 应用程序(附示例项目下载)
本实验手册介绍创建第一个Silverlight 2 应用程序逐个步骤。尽管只是一个简单的Hello World 应用程序&＃xff0c;但是演示了在Visual Studio 2008 中创建应用程序的具体步骤和.NET代码如何与Silverlight 应用程序交互和操作XAML文件。如果你对Silverlight 还没有接触&＃xff0c;建议先阅读如下文章&＃xff1a;
Silverlight 专家自学向导 #1: 安装Silverlight 和Silverlight 工具
Silverlight 专家自学向导 #2: 使用Visual Studio 2008 创建Silverlight 应用程序
操作步骤如下&＃xff1a;
1. 创建Silverlight 应用程序&＃xff0c;具体步骤请参考Silverlight 专家自学向导 #2: 使用Visual Studio 2008 创建Silverlight 应用程序。
2. 编辑XAML代码
分别增加TextBlock、TextBox、Button 等等控件。
<Grid x:Name&＃61;"LayoutRoot" Background&＃61;"White">
<Canvas>
<TextBlock Text&＃61;"Enter a Name" Canvas.Left&＃61;"64" Canvas.Top&＃61;"55">TextBlock>
<TextBox x:Name&＃61;"txtName" Canvas.Left&＃61;"180" Canvas.Top&＃61;"55" Height&＃61;"25" Width&＃61;"100">TextBox>
<Button x:Name&＃61;"buttonHello" Canvas.Left&＃61;"120" Canvas.Top&＃61;"105" Width&＃61;"100" Content&＃61;"Say Hello" Click&＃61;"buttonHello_Click"/>
<TextBlock x:Name&＃61;"txtSayHello" Canvas.Left&＃61;"100" Canvas.Top&＃61;"150"/>
Canvas>
Grid>
同时&＃xff0c;编写Button的Clicks事件代码&＃xff1a;
private void buttonHello_Click(object sender, RoutedEventArgs e)
{
this.txtSayHello.Text &＃61; "Hello, " &＃43; this.txtName.Text;
}
3. 编译Solution
右键点击承载Silverlight – Hello World 的Web 页面&＃xff0c;选择View in Browser。
<form id&＃61;"form1" runat&＃61;"server" style&＃61;"height:100%;">
<asp:ScriptManager ID&＃61;"ScriptManager1" runat&＃61;"server">asp:ScriptManager>
<div style&＃61;"height:100%;">
<asp:Silverlight ID&＃61;"Xaml1" runat&＃61;"server" Source&＃61;"~/ClientBin/SL2Hello.xap" MinimumVersion&＃61;"2.0.31005.0" Width&＃61;"100%" Height&＃61;"100%" />
div>
form>
演示界面如下&＃xff1a;
下载范例程序&＃xff01;
相关链接&＃xff1a;
微软终于发布Silverlight 2正式版
http://forum.entlib.com/Default.aspx?g&＃61;posts&t&＃61;271
京公网安备 11010802041100号