silverlight   发布时间:2022-05-04  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Expression Blend实例中文教程(6) - 项目控件和用户交互控件快速入门大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

概述

交互控件加入item的简单方法: 前文我们曾经描述过,微软把Silverlight控件大致分为三类: 第一类: Layout Controls(布局控件) 第二类: Item Controls (项目控件) 第三类: User Interaction Controls(用户交互控件) 前面几篇我们已经对第一类布局控件在Blend中的应用进行了描述。本文将介绍Item Controls,也称为项目控

交互控件加入item的简单方法

Expression Blend实例中文教程(6) - 项目控件和用户交互控件快速入门






前文我们曾经描述过,微软把Silverlight控件大致分为三类:

第一类: Layout Controls(布局控件)@H_772_59@

第二类: Item Controls (项目控件)@H_772_59@

第三类: User Interaction Controls(用户交互控件)@H_772_59@

前面几篇我们已经对第一类布局控件在Blend中的应用进行了描述。本文将介绍Item Controls,也称为项目控件;和User Interaction Controls,也称为用户交互控件.

Item Controls (项目控件)@H_772_59@

在实际项目中,我们经常会遇到处理数据集合或者数组的情况,而处理数据集合最好的方法就是使用“Binding”绑定。正如您所知道的,在ASP.NET中,就已经应用了“Binding”绑定的概念,其优势在于节省了大量的开发时间,降低了开发难度。而在Silverlight中微软加强了Binding功能,并且使用Item Controls(项目控件)来显示和处理数据集合和数组类型数据。Silverlight提供了四种标准项目控件,分别是ListBox,ComboBox,TabControl和TreeView。 下面,我将演示在Blend中如何使用这些控件。

 

根据上文描述,使用Item Controls前,首先需要绑定数据,而绑定数据需要有相关数据源,所以,我们需要先定义数据源。本文依旧使用前文例程SilverlightBlendDemo,在Silverlight客户端创建一个新的Usercontrol,ItemControlsDemo.xaml.

Expression Blend实例中文教程(6) - 项目控件和用户交互控件快速入门

 

创建完毕后,主设计窗口将呈现ItemControlsDemo的UI设计界面,看右边属性栏,有三个Tab,其中包含“Data”,选中Data,

Expression Blend实例中文教程(6) - 项目控件和用户交互控件快速入门


 

该窗口允许用户在Blend中定义数据源,导入XML格式数据,定义外部数据源等功能

Expression Blend实例中文教程(6) - 项目控件和用户交互控件快速入门


 


 

首先,我们选择“Define New Sample Data..",定义一个新的例程数据源,名字使用认SampleDatasource。其中,Define in是指定该数据源的应用访问,认为整个项目,当然,如果作为测试,也可以指定该数据源仅应用于当前打开文档。这里,我们使用认设置。

Expression Blend实例中文教程(6) - 项目控件和用户交互控件快速入门


 

创建完成后,在右边Data数据栏中,会出现SampleDatasource选项,而在该数据源下包含一个集合“Collection”,该集合认有两个属性“Property1”和“Property2”。在项目应用中,可以根据需要再添加新的属性

Expression Blend实例中文教程(6) - 项目控件和用户交互控件快速入门


 

由于我们添加的是例程数据源,Blend已经在该数据源中添加了例程数据,根据需求,我们可以对例程数据进行修改。首先选择Collection,然后点击

Expression Blend实例中文教程(6) - 项目控件和用户交互控件快速入门

编辑例程数据,

Expression Blend实例中文教程(6) - 项目控件和用户交互控件快速入门



可以看到,Blend生成认例程数据,这里我们可以进行简单修改,Property1认类型String,Property2认类型为Boolean,这里我想修改Property2为String,

Expression Blend实例中文教程(6) - 项目控件和用户交互控件快速入门


类型修改String,还可以修改该数据列的具体的格式:

Expression Blend实例中文教程(6) - 项目控件和用户交互控件快速入门


为了方便演示修改两个属性名,分别为,“网站”和“网址”

Expression Blend实例中文教程(6) - 项目控件和用户交互控件快速入门


 

点击OK,例程数据建立完成。

下面,看看在Blend中如何使用Item Controls装载数据源。首先我们测试ListBox

在左边工具栏,选择ListBox控件,然后在ItemControlsDemo.Xaml设计页面,画一个ListBox

Expression Blend实例中文教程(6) - 项目控件和用户交互控件快速入门



然后从右边Data栏中,选中Collection,拖拽到ListBox空白处,ListBox即可自动绑定例程数据。


Expression Blend实例中文教程(6) - 项目控件和用户交互控件快速入门


Blend会自动生成XAML代码,对例程数据进行绑定。

 

 1   < UserControl.resources >
 2        < DataTemplate  @H_336_301@x:Key ="ItemTemplate" >
 3            < StackPanel >
 4              < TextBlock  @H_336_301@Text =" {Binding 网址} " />
 5              < TextBlock  @H_336_301@Text =" {Binding 网站} " />
 6            </ StackPanel >
 7        </ DataTemplate >
 8   </ UserControl.resources >
 9   < Grid  @H_336_301@x:Name ="LayoutRoot" @H_336_301@ DataContext =" {Binding source={Staticresource SampleDatasourcE}} " >
10        < ListBox  @H_336_301@HorizontalAlignment ="Left" @H_336_301@ Margin ="48,45,43" @H_336_301@ Width ="249" @H_336_301@ ItemTemplate =" {Staticresource ItemTemplatE} " @H_336_301@ Itemssource =" {Binding Collection} " />
11   </ Grid >

 

 

这样就轻松实现了ListBox绑定例程数据。

再试试ComboBox,从左边工具框选择ComboBox,在设计页面一个ComBoxBox

Expression Blend实例中文教程(6) - 项目控件和用户交互控件快速入门


仍旧按照以上方法,拖拽Collection到ComboBox上,即可看到数据已经进行绑定。


Expression Blend实例中文教程(6) - 项目控件和用户交互控件快速入门


 同样,在Treeview中,也可以正常绑定。

Expression Blend实例中文教程(6) - 项目控件和用户交互控件快速入门


 

在数据绑定的时候,Data栏目,会有黄色的框,表示“Data Binding”。

Expression Blend实例中文教程(6) - 项目控件和用户交互控件快速入门


 

具体的定义,在Property属性栏中查看:

Expression Blend实例中文教程(6) - 项目控件和用户交互控件快速入门


 

以上则是使用Blend对Item Controls进行数据绑定的方法。由于文本主要讲述Blend应用,这里,就不再对Item Controls的属性进行赘述,如果您有问题可以留言给我。

 

User Interaction Controls(用户交互控件)@H_772_59@@H_772_59@

Silverlight控件中,User Interaction Controls是面向用户行为交互,该控件和ASP.NET和WPF中的大部分交互控件相同,用法也基本相似。其选取和设计,和前文Item Controls相同,这里就不再赘述。需要注意的是,不同的交互控件,具有不同的交互事件,从而达到不同的交互效果。在后文,如果有需要,我将详细解释说明。

Expression Blend实例中文教程(6) - 项目控件和用户交互控件快速入门


Expression Blend实例中文教程(6) - 项目控件和用户交互控件快速入门

大佬总结

以上是大佬教程为你收集整理的Expression Blend实例中文教程(6) - 项目控件和用户交互控件快速入门全部内容,希望文章能够帮你解决Expression Blend实例中文教程(6) - 项目控件和用户交互控件快速入门所遇到的程序开发问题。

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

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。