技术开发 频道

Silverlight快速入门:命令控件的使用

    【IT168 技术文档】学习控件对开发Silverlight是必不可少的,笔记二中介绍过Silverlight控件的分类。在没有涉及数据访问的情况下,可以先学习除ProgressBar、DataGrid、MediaElement之外的控件应用。

  下面先从最基本也是最有用的命令控件开始应用吧。

  Button控件:

  首先,打开已经建好的工程【MySilverlightProject】,打开MainPage.xaml。可以看到页面内容如图:

1
 

  图中用红色圆角矩形框起来的部分就是我们要放置命令控件的位置,上面用箭头所指的是布局控件。在这里,它是命令控件的容器。

  打开工具箱,找到Button控件,用鼠标拖拽到图中圆角矩形框的位置,可以看到Button控件已放置完毕。我们以学习笔记二中提到的XAML语法设置Button的x:Name、Content、Width、Height、Margin这几个属性,并且指定Button的Click事件:

1
 

  接下来打开MainPage的后台.cs文件。

  在生成的btnTest_Click方法中写入如下代码:

this.btnTest.Content = "点击了";

 
  保存完毕后可运行程序,默认显示效果如图:

1
 

  鼠标点击该按钮,按钮上显示的字变成“点击了”,效果如图:

1
 

  现在我们只是通过后台代码将Button的Content从字符串改为了一个字符串。其实利用Content属性,我们可以在Button嵌入图片、文字以及其他的控件。让我们删除Button标签中的Content属性,在其中添加如下代码:

<Button.Content>          <TextBox Width="160"></TextBox></Button.Content>

 
  保存后运行程序,可见如下效果:

1
 

  瞧,这样就把一个TextBox放在了Button中。从这里可以总结出,很多XAML标签的属性都可以直接用标签名.属性来作为另一个标签单独使用。这和死板的HTML有很大不同。 

0
相关文章