silverlight开发:开发简单的Silverlight 2应用程序

  准备工作做好了的后下面就可以开始进行Silverlight 2应用开发了

  启动VS2008“新建项目”可以看到 “项目类型”下面有“Silverlight”选择“Silverlight”在右边模板里面可以看到“已安装模板”列出了 “Silverlight Application”和“Silverlight Class Library”两种类型模板

开发简单<img src='/icons/50297de.gif' />Silverlight 2应用<img src='/icons/50297chengxu.gif' />

  选择“Silverlight Application”模板出现下面对话框:

开发简单<img src='/icons/50297de.gif' />Silverlight 2应用<img src='/icons/50297chengxu.gif' />

  由 于Silverlight应用目前还无法单独运行它必须嵌入页面里面通过object标签元素来启动它所以在创建“Silverlight Application”时候VS会提示你选择种运行Sliverlight思路方法如果选择“Add a Web to the solution for hosting the control”此时需要创建个Web站点:既可以创建Web网站WebSite也可以创建Web Application类型项目如下图:

开发简单<img src='/icons/50297de.gif' />Silverlight 2应用<img src='/icons/50297chengxu.gif' />

  如 果选择“Generate an HTML test page to host Silverlight within this project”思路方法则会在项目文件夹ClientBin下创建个TestPage.html文件以用来运行Silverlight

  下面我们选择“Web Application Project”思路方法来做个简单例子单击“ok”按钮后出现下面界面:

开发简单<img src='/icons/50297de.gif' />Silverlight 2应用<img src='/icons/50297chengxu.gif' />

  可以通过上下箭头切换设计区和代码区位置也可以通过右边蓝色框里面按钮隐藏区域和横向、纵向切分窗口

  在XAML代码区<Grid></Grid>标记的间输入下面代码:

<Canvas Canvas.Top="20">
<TextBlock Canvas.Top="10" Canvas.Left="20">请输入您姓名: </TextBlock>
<TextBox x:Name="UserInput" Width="200" Height="30" Canvas.Top="40" Canvas.Left="20"></TextBox>
<TextBlock x:Name="Msg" Canvas.Top="90" Canvas.Left="20" Foreground="Navy" FontSize="48"></TextBlock>
<Button Click="Button_Click" Content="单击我" FontSize="24" Width="160" Height="60" x:Name="BtnTest" Canvas.Top="160" Canvas.Left="20"></Button>
</Canvas>


  在输入过程VS出现智能提示方便输入

  在XAML代码区单击鼠标右键可以从右键菜单上选择“查看代码”切换到代码区域以处理用户单击按钮执行任务也可以在事件名称上选择“导航到事件处理”来进入代码输入界面:



开发简单<img src='/icons/50297de.gif' />Silverlight 2应用<img src='/icons/50297chengxu.gif' />

  当前XAML所有成员都可以从右边下拉列表中进行查找到

  在Button_Click事件处理输入以下内容:

   UserInputContent = this.UserInput.Text;
   (UserInputContent.Equals(String.Empty))
  {
  this.Msg.Text = "HelloSilverlightWorld!";
  }
  
  {
  this.Msg.Text = "你好" + UserInputContent;
  }


  整个Hello World开发过程到现在就完成了单击F5健在文本输入框里面输入你名字可以看到运行结果如下:

开发简单<img src='/icons/50297de.gif' />Silverlight 2应用<img src='/icons/50297chengxu.gif' />

  几点介绍说明:

  1工具箱中Control控件只能拖放到XAML代码区域不能拖放到设计区域该界面布局带来很多不方便;

  2文档大纲预览和属性框都不可用估计是Beta版还没有完成吧

开发简单<img src='/icons/50297de.gif' />Silverlight 2应用<img src='/icons/50297chengxu.gif' />

  3元素定位需要放在Canvas里面具体介绍参见:

  http://dotnet.aspx.cc/SilverlightSDK/Silverlight/conceptual/c_Silverlight_positioning.htm



Tags:  silverlight是什么 silverlight silverlight应用 silverlight开发

延伸阅读

最新评论

发表评论