- Web璀璨：Silverlight应用技术完全指南
- 张驰清 王均 吕玉强编著
- 626字
- 2025-03-10 01:42:45
1.5 实现一个Hello World应用程序
本节演示如何使用Visual Studio新建一个Silverlight应用程序的解决方案，具体操作步骤如下所示。
（1）打开Visual Studio 2008，新建项目，选择Silverlight→Silverlight Application，设置应用程序名称与路径，单击“OK”按钮。
（2）系统弹出对话框。由于Silverlight必须在网页中运行，此时需要选择运行Silverlight应用程序的环境，第1项为新建一个ASP.NET网络应用程序，第2项为新建一个简单的HTML测试页面。默认选择第1项即可，如图1-13所示，单击“OK”按钮。
图1-13 选择Silverlight应用程序的运行环境
（3）这样就新建了一个Silverlight应用程序，如图1-14所示。目前此程序的界面还是一片空白，我们可以在Visual Studio或Blend中编辑主文件Page.xaml来设计界面。这里我们直接在Visual Studio中编辑。
图1-14 从Expression Blend中新建应用程序
（4）在右侧的项目文件列表中双击Page.xaml文件，编辑其中的代码，使界面中加入一个名为myTextBox的TextBox文本框和一个命名为myButton的Button按钮，如例程1-1所示。
例程1-1 Page.xaml的示例代码
<UserControl x:Class="SilverlightApplication.Page"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="400" Height="300">
<Grid x:Name="LayoutRoot" Background="White">
<!--以下为加入的代码-->
<Button x:Name="myButton" Width="100" Height="24" Margin="0，200，0，0" Content="Show"/>
<TextBox x:Name="myTextBox" Width="200" Height="35" Margin="0，0，0，60" FontFamily=
"Arial" FontSize="24"/>
</Grid>
</UserControl>
（5）在右侧的项目文件列表中双击Page.xaml对应的Page.xaml.cs文件，为myButton的Click事件添加响应代码，如例程1-2所示。
例程1-2 Page.xaml.cs的示例代码
namespace SilverlightApplication
{
public partial class Page : UserControl
{
public Page（）
{
InitializeComponent（）;
//为myButton的Click事件添加响应函数
myButton.Click += new RoutedEventHandler（myButton_Click）;
}
//事件响应函数，为myTextBox赋值
void myButton_Click（object sender，RoutedEventArgs e）
{
myTextBox.Text = "Hello World";
}
}
}
（6）按“F5”键编译此应用程序，弹出一个对话框，提示需要修改Web.config文件，使得工程支持调试，单击“OK”按钮，如图1-15所示。
图1-15 修改Web.config文件使工程支持调试
（7）浏览器中显示运行结果为一个文本框和一个按钮，单击按钮，文本框的文字显示“Hello World”，如图1-16所示。到这里，一个Silverlight的Hello World应用程序就创建完成了。
图1-16 运行效果