使用.NET语言开发Silverlight应用程序入门(二):界面和对象模型

原创 2007年09月28日 16:38:00
1. XAML:用来描述界面的语言

 Silverlight是用XAML语言来描述界面的。XAML是eXtensible Application Markup Language的缩写,也就是可扩展的应用程序标记语言。在WPF(Windows Presentation Foundation)中,第一次出现了XAML,用来描述.NET语言。而Silverlight中的XAML只用来对用户界面作出统一的描述,弥补HTML/CSS等在界面定制上的不足,并使开发人员和设计人员可以运用同一种语言进行交流,减少额外的工作量。因此,Silverlight XAML的语法相对WPF中的XAML相对要简单一些,也更容易上手。

虽然我们可以使用Microsoft Expression Studio的视觉化方式设计界面,但是了解XAML的基本语法可以帮助我们更好的定制自己的界面。如果想要直接编写XAML,使用Visual Studio 2008则可以提高编写的效率,因为里面有自动感应功能(Intellisense)。

2. Canvas容器<Canvas />和各种元素

任何Silverlight应用程序的界面描述都是以一个叫Canvas(画布)的容器为根开始的。当我们在Microsoft Expression Blend或者Visual Studio 2008中创建一个新的Silverlight项目后,总会生成一个只包含根Canvas的.xaml文件,如下所示:

<Canvas x:Name="parentCanvas"
xmlns
="http://schemas.microsoft.com/client/2007" 
xmlns:x
="http://schemas.microsoft.com/winfx/2006/xaml" 
Loaded
="Page_Loaded" 
x:Class
="SilverlightTestProject.Page;assembly=ClientBin/SilverlightTestProject.dll"
Width
="640"
Height
="480"
Background
="White">

</Canvas>

 任何元素都必须添加在这个根Canvas容器的里面,因为一个界面里只能有一个这样的根Canvas容器。我们可以在这个根容器里加入子容器或者其他元素。每个元素都有一个标签相对应。比如在子容器中添加一个矩形,并在根容器中添加一个椭圆形:

<Canvas x:Name="parentCanvas"
xmlns
="http://schemas.microsoft.com/client/2007" 
xmlns:x
="http://schemas.microsoft.com/winfx/2006/xaml" 
Loaded
="Page_Loaded" 
x:Class
="SilverlightTestProject.Page;assembly=ClientBin/SilverlightTestProject.dll"
Width
="640"
Height
="480"
Background
="White">

    
<Canvas>
        
<Rectangle></Rectangle>
    
</Canvas>

    
<Ellipse></Ellipse>

</Canvas>

Silverlight定义的常见的几何图形包括矩形<Rectangle />,椭圆<Ellipse/>,直线<Line />,多边形<Polygon />,多叉线<PolyLine />不封闭的折线),路径<Path />可以画出任意的形状和线条,比如不封闭的曲线),等等。<TextBlock />允许我们定制显示在界面上的文字。  

3. 附加元素属性

尝试以上代码,可以发觉我们其实看不到任何我们想要的性状,因为它们的默认的大小属性均为0。可见,仅使用这些元素标签还不足以得到我们想要得形状,我们需要在标签中设置它的属性值,确定它的大小、位置等等。

观察根Canvas,我们已经可以了解到一些属性的定制,比如只在根节点出现的定义xml名字空间(xmlns)以及自定义的xml名字空间(xmlns:x)。其中还有一些常用的属性,如宽(Width),高(Height)。在Canvas中,这两个属性既可以用像素值来表示,也可以用百分比来表示。x:Name表示该元素示例的名称,有了这个名称,我们就可以在.NET代码中操作这个元素示例。Background属性设置了背景的颜色,不设置这个值,则该元素透明。

每个元素都有属于自己的一组属性。比如,我们可以将刚才的代码改进一下:

<Canvas x:Name="parentCanvas"
xmlns
="http://schemas.microsoft.com/client/2007" 
xmlns:x
="http://schemas.microsoft.com/winfx/2006/xaml" 
Loaded
="Page_Loaded" 
x:Class
="SilverlightTestProject.Page;assembly=ClientBin/SilverlightTestProject.dll"
Width
="640"
Height
="480"
Background
="White">
    
    <Canvas x:Name="subCanvas" Canvas.Left="123" Canvas.Top="117" Width="53" Height="39">
    
<Ellipse Fill="Yellow" Height="100" Width="200" StrokeThickness="2" Stroke="Black"/>
</Canvas>

<Rectangle x:Name="myRect" Canvas.Top="20" Canvas.Left="20" Width="100" Height="100" Fill="Blue" Stroke="Red" StrokeThickness="3" />

</
Canvas>

则可以看到以下效果:

 通过属性定制元素

其中Fill指定了填充色,StrokeStrokeThickness定制了形状的轮廓线条的颜色和粗细。我们可以看到根Canvas下的子元素(包括子容器Canvas)的位置属性均表示相对上一级Canvas的坐标位置。值得注意的是这里虽然矩形myRect超出了subCanvas定义的边界范围,但它并不会被subCanvas剪裁,且仍属于subCanvas中的元素。

顺便一提,目前我们只有Canvas一种容器,在不久的将来,Silverlight将会提供更多的容器,使布局管理更方便。

4. 对象模型

在WPF中,XAML是.NET代码的xml表现形式;而在Silverlight中,我们同样有与XAML相对应的.NET语言编程方式。其中,每一个元素对应一个对象,元素属性在其.NET对象中都有对应的属性。例如先前一个例子中的矩形就可以用以下C#语言来表示:

Rectangle myRect = new Rectangle();
myRect .SetValue(Canvas.TopProperty, 
117
);
myRect .SetValue(Canvas.LeftProperty, 
123
);

myRect .Width 
= 100
;
myRect .Height 
= 100
;

SolidColorBrush brushBlue 
= new
 SolidColorBrush();
brushBlue.Color 
=
 Colors.Blue;
myRect .Fill 
=
 brushBlue;

SolidColorBrush brushRed 
= new
 SolidColorBrush();
brushRed.Color 
=
 Colors.Red;
myRect .Stroke 
=
 brushRed;

myRect .StrokeThickness 
= 3;

 这里SolidColorBrush对象派生自Brush是画刷的一种。Silverlight里定义了好几种不同的画刷对图形进行填充。属性Fill的默认画刷是SolidColorBrush,因此可以在.xaml文件中可以直接给Fill属性赋值,但在.NET语言中则必须明确指出画刷的类型。有关画刷的具体内容我们会在以后介绍。

刚才用C#定义出来的矩形还是独立的,如果要把它在界面上表示出来,则需要在其后加上下面这句代码将矩形加入上一级Canvas中:

Children.Add(myRect);

5. 参考资料

使用Visual Studio 2010 创建简单的Silverlight应用程序

Silverlight是创建动态的引人的RIAs(Rich Internet Application)的新方法。这里教你创建简单的Silverlight应用程序。...
  • u012025054
  • u012025054
  • 2014年06月25日 22:22
  • 1198

关于桌面软件的开发语言和开发框架的思考

在未来的桌面软件的开发,我会这样考虑:windows系统下,C#编写界面,C#编写对效率要求不高的算法,C/C++编写对效率要求高的算法。需要跨平台时,如果C#现在的跨平台做得足够好,即mono项目足...
  • clever101
  • clever101
  • 2015年09月25日 23:44
  • 15552

如何将HTML或aspx页面嵌入到Silverlight中

怎么在Silverlight中嵌入其他页面如:html,aspx或jsp页面,这里写一个简单的使用方法,供大家参考: 下载第三方控件的dll,这里提供一个下载。   下面是这个工具的...
  • deepwishly
  • deepwishly
  • 2014年07月18日 17:48
  • 893

.NET Framwork,C#入门开发教程,零基础必看

第一讲 初识.NET Framwork和开发过程 一.  什么是.NET Framework .NETFramework是一个开发平台,可以在其上使用多种语言开发程序:如C#,VB,C++(这里我...
  • xuanwuziyou
  • xuanwuziyou
  • 2014年06月25日 14:37
  • 7654

图形用户界面(GUI)应用程序开发——菜鸟的第一步

受够DOS的童鞋们,赶快看过来,大大的福利哦!
  • vcx08
  • vcx08
  • 2016年05月02日 21:21
  • 5908

silverlight根据json字符串动态创建实体类

1、接收json字符串: //用JsonValue转换json字符串是为了之后获得json字符串的每行数据和每一列的列名 JsonValue jv = JsonValue.Parse(json);...
  • mutou965175859
  • mutou965175859
  • 2015年07月10日 13:22
  • 1651

使用C语言进行面向对象的开发--GObject入门[1]

转自:blog.csdn.net/pingf0 或www.cnblogs.com/pingf“ C语言是简单的,因为它本身并没有什么特别的内容,标准C并没有提供多少函式(其实一般用不到的提供...
  • yanbixing123
  • yanbixing123
  • 2016年10月18日 13:07
  • 515

黑马程序员-C#基础知识

黑马程序员-C#基础知识 ------- http://www.itheima.com " target="blank">Windows Phone 7手机开发、.Ne...
  • yuan764126009
  • yuan764126009
  • 2013年04月25日 09:06
  • 293

Ubuntu下用glade和GTK+开发C语言界面程序(一)

前言:对于大学中计算机系的每年暑假的课设有太多想说的,能从中学到很多东西,当然不排除打酱油的,这些可以掠过哦,凡事都打酱油,人生也是打酱油的吧。2333。 对于大三以前的课设一般的要求都是用C写的,即...
  • u013599970
  • u013599970
  • 2014年08月30日 17:12
  • 4777

SilverLight商业应用程序开发---学习笔记(2) WCF RIA服务

从服务器暴露数据 何为WCF RIA服务 RIA服务建立在WCF顶层,用于建立与服务器可沟通的数据驱动Silverlight应用程序.可以描述如下 数据为中心的设计模式 可提供高级数据管理,...
  • Eric_K1m
  • Eric_K1m
  • 2013年07月01日 14:30
  • 960
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:使用.NET语言开发Silverlight应用程序入门(二):界面和对象模型
举报原因:
原因补充:

(最多只允许输入30个字)