Silverlight 解谜游戏 之二 创建题板

简介:

 本篇要为搜寻物品增加一个题板图片,并通过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




本文转自Gnie博客园博客,原文链接:http://www.cnblogs.com/gnielee/archive/2010/01/01/silverlight-puzzle-game-part2.html,如需转载请自行联系原作者

相关文章

热门文章

最新文章