.NET开发Silverlight程序：界面和对象模型

最新推荐文章于 2013-10-09 21:34:00 发布

computer_it

最新推荐文章于 2013-10-09 21:34:00 发布

阅读量445

点赞数

文章标签： silverlight .net microsoft 语言 wpf class

本文链接：https://blog.csdn.net/computer_it/article/details/2088398

版权

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)。

　　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>

</Canvas>

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

　　附加元素属性

　　尝试以上代码，可以发觉我们其实看不到任何我们想要的性状，因为它们的默认的大小属性均为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">

< Ellipse Fill ="Yellow" Height ="100" Width ="200" StrokeThickness ="2" Stroke ="Black" />

</ Canvas >

　　则可以看到以下效果：

通过属性定制元素

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

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

　　对象模型

　　在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);

峰峰詷學♂ 品位人生莫笑予痴 :謃煋の刖喨翱翔.... 网站建设︶ㄣ鎖鈊° 慧慧-Sealand 深林居士 ??　﹎徐玫瑰之约 ╭ァ嘿嘿を≯ 傑孓五孤渊崖/xs 一メ刹の那 SOSO用户見≒●習潮秂 ╰☆鎭鈊￡天使Ｄě涙痕小鱼儿 Ω火藍刀鋒Ω 别在让我孤单 SS 江河针所 ℅丣尛兲丶 ‘í勞厷 ﹖ m寂静◇☆心 傷過哭過ゞǒ領銜丄蒂強強 ╭ァ唯戀♀婷舞动Dě蝴蝶 329562451 我哦 /aiq小花褲衩４._誰８懂愛ｗǒ只愛祢ゞ回收站妈，媳妇夺峩ちょう ai.。婲謝.。会飞的鱼誮訫尐羅卟 hover 【將軍】 □ＷУāＴ┳ ￠儛楓← 倒霉熊＂冰果忠珍/aiq天使倾じ☆ve心既Q之;则乐之 SOSO用户冲天起 oΟo孤傲娚孓上善卐若水玉树/aiq临风。禞诙喨调. 。o0○壞侽ぺ酷仔木時莫失乀e 傀儡﹋ 0o.傻豬豬.o0 Smelly Man 〇′№Ⅲ·× ジ空のゾ軌硛大LONG狗 △▲，~：大海遇 |▌嘥.気|＂緣來是妳ㄣ゜児嚱 吻下去爱上你 ┌;翫黯纞` 夏的旋律 Van Persie 快乐男孩 -絕版相厷極度メ呒聊