跟互联力量学Silverlight之三_XAML属性和事件

跟互联力量学Silverlight之三_XAML属性和事件,第1张

概述本节内容是互联力量Silverlight学习内容的第三篇,通过案例讲述XAML语言 的属性事件的特点。案例的界面包括:Grid(Silverlight最常用的布局工具),两个TextBox和一个Button。你准备好了吗,我接 下来开始讲述,首先请你打开MainPage.xaml(如何创建和编译Silverlight参考什么是Silverlight和Silverlight XAML是什么)。 单

本节内容是互联力量Silverlight学习内容的第三篇,通过案例讲述XAML语言 的属性和事件的特点。案例的界面包括:GrID(Silverlight最常用的布局工具),两个TextBox和一个button。你准备好了吗,我接 下来开始讲述,首先请你打开MainPage.xaml(如何创建和编译Silverlight参考什么是Silverlight和Silverlight XAML是什么)。

单一属性:

先从TextBox的编写开始,TextBox的名字是txtQuestion,表示用来显示问题,同时需要设置它的水平和垂直对齐,字体,字大小,字颜 色,编写如下:<TextBox x:name=”txtQuestion” VerticalAlignment=”Stretch” HorizontalAlignment=”Stretch” FontFamily=”Verdana” FontSize=”24″ Foreground=”Green” />

需要说明的是XAML语言区分大小写,你不能这样写 Fontsize,应该是FontSize,属性的值不用大小写Foreground=”green”和”Green”是一样的。

复合属性:

TextBox用到的都是单一属性(Simple PropertIEs),下面看看复合属性(Complex PropertIEs),什么是复合属性呢,其实通俗的说类似元素嵌套的关系,一个XAML元素比如GrID,可以用子元素的方式嵌套包含属性,我先定义 GrID的背景属性,然后包含包含linearGradIEntBrush对象,如下:

查看代码

XAML属性和事件-图1

你如果细心,可以看到Background作为GrID的属性,使用的时候要带个“.”号,linearGradIEntBrush

对象的使用并不是这样简单,需要接着定义 linearGradIEntBrush对象自己的属性,当然也是复合属性,继续如下:

查看代码

XAML属性和事件-图二

GradIEntStops 是个集合,包括多个GradIEntStop对象,所以需要继续包含三个GradIEntStop对象,定义渐变用到的三种颜色和每种颜色的位置,继续如 下:

查看代码

XAML属性和事件-图三

这是三色的渐变效果,按三等份的比例显示每种颜色

其实也可以使 用C#代码方式实现同样的效果:

123456789101112131415161718
linearGradIEntBrush brush = new linearGradIEntBrush();  GradIEntStop gradIEntStop1 new GradIEntStop; gradIEntStop1.Offset = 0color = colors.Yellow; brush.GradIEntStops.Add(gradIEntStop1;  GradIEntStop gradIEntStop2 ; gradIEntStop2.0.5White(gradIEntStop2;  GradIEntStop gradIEntStop3 ; gradIEntStop3.1Purple(gradIEntStop3;  grID1.Background = brush;

附属属性

在 Silverlight,附属属性常见控件的布局上。附属属性如何使用呢,比如textBox控件需要放在页面中具体的位置,这时可以把GrID作为容 器,以table的方式呈现布局外观,TextBox则定位在GrID的单元格上,这时需要用到附属属性,附属属性的格式通常是父元素.属性名,如 GrID.Row=0,是说控件在GrID的第一行的位置。下面的代码,确定了三种控件在GrID中三行一列的显示效果。

<TextBox GrID.Row=”0″> </TextBox>
<button GrID.Row=”1″> </button>
<TextBox GrID.Row=”2″> </TextBox>

事件

事件的使用类 似asp.net,如按钮的点击事件,你可以直接双击按钮,通过属性面板,也可以编写:<button … Click=”cmdAnswer_Click”>

事件的处理方法是:

1234
private voID cmdAnswer_Click(object sender,RoutedEventArgs e) {     txtAnswer.Text = "Weclome to Foxitjob.com";}

因为本节的重点是XAML的相关内容,事件的处理逻辑 并不重要,只用知道如何调用事件方法。

完整的XAML代码:

查看代码

XAML属性和事件-图四

整个运行的效果:

silverlight运行结果

注:手动编写XAML,是很繁琐的事情,可以借用工具 来生成外观,但是在初学语言的时候,还是手动的编写来熟悉。

版权所有 互联力量,原文出自:http://www.foxitjob.com/2010/06/293.html

总结

以上是内存溢出为你收集整理的跟互联力量学Silverlight之三_XAML属性和事件全部内容,希望文章能够帮你解决跟互联力量学Silverlight之三_XAML属性和事件所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1029179.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-23
下一篇 2022-05-23

发表评论

登录后才能评论

评论列表(0条)

保存