跟老外学Silverlight游戏 之二 创建题板

原创|其它|编辑:郝浩|2010-01-12 10:12:12.000|阅读 536 次

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

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

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


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@evget.com

文章转载自:博客园

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP