本篇要为搜寻物品增加一个题板图片,并通过WrapPanel 控件为题板加入物品名单,本篇内容将使用到Silverlight Toolkit,如果还没安装请先下载Silverlight 3 Toolkit July 2009 Installer 进行安装。

 

1. 将题板图片加入到项目中,并按下图进行尺寸及位置调整:

layout2

listbox

2. 选择Assets->Controls->WrapPanel,在题板图片上增加WrapPanel控件:

assets

因为WrapPanel将列出物品名单,将其位置调整到题板中央:

wrappanel

3. 在添加TextBlock控件前,先在App.xaml中添加WhiteboardText样式:

<Style x:Key="WhiteboardText" TargetType="TextBlock">     <Setter Property="Foreground" Value="#FFB11111"/>     <Setter Property="FontFamily" Value="Comic Sans MS"/>     <Setter Property="FontSize" Value="10"/>     <Setter Property="Margin" Value="10,10,10,0"/>  </Style>

4. 将题板和WrapPanel设置为一组Canvas:

groupinto

在TreeView中调整控件位置:

canvasgroup

5. 单击WrapPanel,在Assets->Controls中双击TextBlock,便会为WrapPanel增加一个子TextBlock:

textblock

选择已添加的TextBlock,将Layout尺寸(Width、Height)设置为自动(Auto):

textblocklayout

在其他(Miscellaneous)选项中将Style设置为刚才定义的WhiteboardText样式:

Miscellaneous->Style->Local Resource->WhiteboardText

style

6. 将TextBlock复制12次,这样一共得到13个TextBlock,为它们分别添加Text和Name信息:

·Stapler
·Idol
·Candies
·Ball
·Tape
·Eeyore
·Pencil
·Tigger
·Business Cards
·Learning WCF
·Rock
·Dog
·Post Its

 

13

效果图:

list