`
fastwind
  • 浏览: 323673 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

初学SilverLight---XAML简介

阅读更多

初来咋到的学习SilverLight,由于最近有个培训,也就只有认真的研究下这个东西了。看了下示例的效果,确实很不错,感觉自己已经很落伍了啊,呵呵。
    转载一个译文,给像我一样的初学silverLight的朋友。
    什么是XAML? 
    XAML是一种陈述性语言。你可以使用XAML标记创建可视化的UI原件。 之后,你可以在一个单独的文件中使用JavasScript来操作你在XAML所声明的对象、响应一些事件。作为一种以XML为基础的陈述性语言,它创建界面时,从原型到产品的过程非常直观,尤其是对于有网页设计背景知识和技术的人。XAML文件通常是以.xaml为后缀的XML文件。下面是一个典型的Silverlight XAML文件例子。
    

<Canvas
xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x
="http://schemas.microsoft.com/winfx/2006/xaml">
  
<Rectangle
    
Width="100"
    Height
="100"
    Fill
="Blue" />
</Canvas>

    声明对象

    在XAML中,有以下几种方式声明对象和设置它们的属性:
    Object element syntax: 使用开放的和封闭的标签来声明对象,就像XML一样。你可以使用这种方法来声明根元素和设置它们的属性值。 
    Attribute syntax: 使用内嵌来声明对象。你可以使用这种方法来设置一个属性的值。

    Object element syntax

    一种典型的使用Object element syntax来声明对象的方法。.首先你要创建两个XML元素标签:

<objectName> 
</objectName> 

... objectName 是你想要实例化的对象的名字。下面的例子使用Object element syntax声明一个Canvas。

<Canvas>
</Canvas>

一些对象, 比如Canvas, 可以包含其他对象。.

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

为了方便,如果一个对象里不包含其他对象,那么可以只使用一个标签来描述它

<Canvas>
  
<Rectangle />
</Canvas>

 

    使用Attribute syntax声明对象

见下一部分, 设置属性, 获得更多有关attribute syntax的信息。

    设置属性

    使用 object element syntax,你可以在声明对象的时候设置它的属性. 在XAML中,有几种方法可以设置属性: 使用 attribute syntax, 或使用  property element syntax.

    通过Attribute syntax设置属性

<object Nameproperty="propertyValue">

</objectName>

... property 是属性名称,你会将propertyValue 的值赋到它的身上。 下面的例子展示了如何使用attribute syntax 来设置一个Rectangle的Width, Height, 和 Fill .

 

<Canvas>
  
<Rectangle            
    
Width="100"Height="100"Fill="Blue" />
</Canvas>

 

    使用 Property Element Syntax设置属性

一些属性可以通过property element syntax来设置. 你通过创建XML elements来描述你想要的属性, 例如:

<objectName>

  <objectName.property>

    <propertyValue ... />

  </objectName.property>

</objectName>

... property 是属性名称,你会将propertyValue 的值赋到它的身上. 下面的例子展示了如何使用 property element syntax 来设置一个Rectangle的Fill ,使用a SolidColorBrush.

 

<Canvas>
  
<Rectangle
    
Width="100" 
    Height
="100"> 
    
<Rectangle.Fill> 
      
<SolidColorBrush /> 
    
</Rectangle.Fill>
  
</Rectangle>
</Canvas>

 

    使用 Content Element Syntax设置属性

有时候,当一个属性支持element syntax,你可以忽略属性名,直接将属性值内嵌在对象标签里。这就是content element syntax. 下面的例子展示了怎样不指定 Text 属性,设置TextBlockText 属性值 。

 

<TextBlock>
      Hello!
</TextBlock>

 

    使用 Implicit Collection Syntax设置属性

有时候, 一个属性表现为一个集合, 你可以忽略集合名字,直接设置属性值。这就是implicit collection syntax.。下面的例子展示了对于LinearGradientBrush 如何忽略GradientStopCollection ,以及直接指定 GradientStop 对象。 GradientStopCollection 包含在第一个LinearGradientBrush中,,但在第二个里被忽略了。

 

Rectangle Width="100" Height="100"
      Canvas.Left
="0" Canvas.Top="30">
      
<Rectangle.Fill>
        
<LinearGradientBrush>
          
<LinearGradientBrush.GradientStops>
            
            
<!-- Here the GradientStopCollection tag is specified. -->
            
<GradientStopCollection>
              
<GradientStop Offset="0.0" Color="Red" />
              
<GradientStop Offset="1.0" Color="Blue" />
            
</GradientStopCollection>
          
</LinearGradientBrush.GradientStops>
        
</LinearGradientBrush>
      
</Rectangle.Fill>  
    
</Rectangle>
    
    
    
    
<Rectangle Width="100" Height="100"
      Canvas.Left
="100" Canvas.Top="30">
      
<Rectangle.Fill>
        
<LinearGradientBrush>
          
<LinearGradientBrush.GradientStops>
          
            
<!-- Notice that the GradientStopCollection tag
                 is omitted. 
-->
            
<GradientStop Offset="0.0" Color="Red" />
            
<GradientStop Offset="1.0" Color="Blue" />
          
</LinearGradientBrush.GradientStops>
        
</LinearGradientBrush>
      
</Rectangle.Fill>  
    
</Rectangle>

有时你甚至可以同时忽略集合元素标签和属性元素标签:

<Rectangle Width="100" Height="100"
      Canvas.Left
="200" Canvas.Top="30">
      
<Rectangle.Fill>
        
<LinearGradientBrush>
          
<GradientStop Offset="0.0" Color="Red" />
          
<GradientStop Offset="1.0" Color="Blue" />
        
</LinearGradientBrush>
      
</Rectangle.Fill>  
    
</Rectangle> 

 

    什么时候使用Attribute或Property Element Syntax设置属性

所有属性都支持attribute 或property element syntax, 一些属性支持其他方法. 设置属性所支持的方法取决于属性值所认可的对象类型。.

    如果属性值是简单类型, 比如 Double, Integer,String, 这种属性只支持 attribute syntax . 下面的例子展示了如何使用 attribute syntax 设置Rectangle的Width.Width属性支持Attribute syntax,因为他的属性值是Double类型。

 

XAML
<Rectangle Width="100" />

 

    是否可以使用attribute syntax取决于你使用于设置属性的对象是否支持attribute syntax.下面的例子展示了使用 attribute syntax 设置一个Rectangle的 Fill属性。在你使用SolidColorBrush去设置Fill属性的时候,它是支持attribute syntax的,因为SolidColorBrush支持attribute syntax.

 

XAML
<Rectangle Fill="Blue" />

 

    是否能够使用element syntax 设置属性取决于你使用的对象是否支持。如果对象支持object element syntax,属性才支持property element syntax 。下面的例子展示了使用property element syntax 设置一个Rectangle的Fill.当你使用SolidColrBrush设置Fill的时候,它是支持attribute syntax的,因为SolidColorBrush支持attribute syntax 。

<Rectangle>
  
<Rectangle.Fill>
    
<SolidColorBrush />
  
</Rectangle.Fill>            
</Rectangle>

 

分享到:
评论

相关推荐

    WPF、SilverLight、XAML新技术文档(初学者学习资料)

    **WPF、Silverlight、XAML新技术文档**是面向初学者的学习资料,涵盖了这些技术的基础概念、开发环境的搭建以及实际应用的实例。这三种技术都是Microsoft为构建丰富的桌面和Web应用程序而设计的。 **WPF(Windows ...

    pro-silverlight-2-in-c-2008-windows-net

    - **XAML**:一种XML标记语言,用于定义Silverlight应用程序的用户界面。 - **控件库**:Silverlight 2提供了一套丰富的控件库,可以帮助开发者快速构建界面。 - **数据绑定**:数据绑定是Silverlight中一个非常重要...

    c#-silverlight-3D魔方-运行实例+源码

    而Silverlight则作为前端展示,通过XAML语言来定义用户界面,并实现3D图形的渲染。 3D魔方,作为一种经典的智力玩具,其3D旋转和复原机制是算法和图形编程的完美结合。在C# Silverlight实现的3D魔方中,首先需要...

    WPF、SilverLight、XAML新技术文档

    - **Silverlight入门例程**:初学者可以通过一系列简单的示例学习Silverlight的基本功能,如按钮点击事件处理、动画效果创建等。 - **Silverlight的10件事**:了解Silverlight的关键特性,例如离线支持、深度链接、...

    silverlight-Buttontest

    《Silverlight 2.0:打造无刷新交互的按钮测试》 Silverlight,作为微软推出的一...对于初学者而言,这个项目提供了一个很好的学习机会,加深对Silverlight开发的理解,尤其是对于交互设计和用户体验优化方面的实践。

    Silverlight初学者的入门课程

    ### Silverlight初学者的入门课程知识点汇总 #### 第一章:什么是Silverlight? - **定义与历史**:Silverlight是由微软公司开发的一款基于Web的技术,首次发布于2007年4月。它旨在作为Adobe Flash的一个强有力的...

    Microsoft Silverlight 3 - A Beginner's Guide

    #### Microsoft Silverlight 3简介 Microsoft Silverlight是一款由微软推出的跨浏览器、跨平台的插件技术框架,用于创建和运行多媒体应用程序和用户界面。Silverlight 3是该技术的一个版本,它提供了许多新功能和...

    SilverLight入门系列教程-1

    本教程作为SilverLight入门系列的第一部分,将带领初学者逐步熟悉这个技术平台的基本概念和核心功能。 ### 1. SilverLight简介 SilverLight是一种轻量级的开发工具,它通过XAML(Extensible Application Markup ...

    3D Game Development with Microsoft Silverlight 3 - Beginner's Guide Sep 2009

    ### 3D游戏开发与Microsoft Silverlight 3:初学者指南 #### 一、概述 本书《3D Game Development with Microsoft Silverlight 3 - Beginner's Guide Sep 2009》是一本专为初学者设计的实用指南,旨在教授如何使用...

    Silverlight入门

    - **XAML简介**:eXtensible Application Markup Language(XAML)是Silverlight的标记语言,用于描述用户界面布局和逻辑。 - **XAML元素**:学习常见的XAML元素,如Grid、StackPanel、Button等,以及它们的属性和...

    WPF,_SilverLight,_XAML教学文档.doc

    总结来说,"WPF, SilverLight, XAML教学文档"涵盖了从基础知识到高级特性的全面教程,包括XAML的介绍、开发环境的设置、使用VS2005/2008开发实践,以及Silverlight的应用和基础答疑。这个文档为初学者提供了宝贵的...

    Silverlight教程-你的网站更完美 开发者必修工具 微软银光的教程

    对于初学者来说,首先需要安装Visual Studio 2008以及Silverlight的开发工具。通过“文件”菜单选择“新建项目”,在项目类型中选择“Silverlight Application”。以“DiggSample”为例,创建项目时,Visual Studio...

    silverLight的使用,初学者学习

    **一、Silverlight简介** Silverlight是一种RIA(Rich Internet Application)技术,它允许开发者利用XAML(Extensible Application Markup Language)和.NET框架创建具有丰富用户界面的Web应用。与HTML和JavaScript...

    银光志--Silverlight 3.0开发详解与最佳实践

    总之,《银光志--Silverlight 3.0开发详解与最佳实践》是一本全面而深入的教程,无论你是初学者还是有经验的开发者,都能从中获取有价值的知识和技巧,提升在Silverlight开发领域的专业水平。阅读这本书,你将掌握...

    Silverlight2.0实例-〖Silverlight Surface〗

    相比于之前的版本,Silverlight 2.0 带来了许多新特性和改进,包括更强大的数据绑定、更丰富的图形渲染能力、XAML(eXtensible Application Markup Language)支持以及更完善的编程模型。这些改进使得开发者能够更...

Global site tag (gtag.js) - Google Analytics