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


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

 点击下载 Silverlight Hello World 示例项目 (488 KB)

posted @ 2008年11月23日 17:26

打 印

评论

欢迎发表评论。

您的评论:



 (不显示)


 
 
 
Please add 5 and 6 and type the answer here:
    
 

评论预览窗口:

 
«一月»
28293031123
45678910
11121314151617
18192021222324
25262728293031
1234567