Silverlight控件(四)——Grid布局.docx_第1页
Silverlight控件(四)——Grid布局.docx_第2页
Silverlight控件(四)——Grid布局.docx_第3页
Silverlight控件(四)——Grid布局.docx_第4页
Silverlight控件(四)——Grid布局.docx_第5页
已阅读5页，还剩1页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

在这一节，我主要来介绍Silverlight的Grid布局。先来让我们复习一下HTML的Table布局。在这里这么说：Table布局只是为了为Grid来做个铺垫。因为我们知道，Table是为了容纳数据，而CSS才是我们布局的首选。先不管这些，我们看下我们用Table是如何布局的。111222333444555666效果如下：当我们用Silverlight的Grid进行布局的时候，也是一样的道理。我们一样需要制定Grid的行和列，不同的是，Grid是先指定，后使用。而Table是边指定，边使用。让我们来看一个使用Grid的例子，使其达到与我们Table布局同样的效果：看Grid中几个重要的属性：1. RowDefinitions 和 ColumnDefinitions ：这两个属性主要是来指定Grid控件的行数和列数，内部嵌套几个Definition，那么就代表这个Grid有几行几列。2. ShowGridLines : 很明显，就是指定我们的Grid控件行列之间是否显示分割线，与Table中的Border属性非常类似。3. 当我们使用其他控件内置于Grid中时，我们需要使用Grid.Row和Grid.Column来指定他所位于的所在行和所在列。其效果如下：当然，我们还可以指定这些行和列的宽度。(如果默认情况下则默认的是每行，每类的宽度，高度都相等）：产生效果如下：继续于Table做类比，在Table布局中，我们可以指定width的百分比。当然，在Grid中，我们一样可以实现这样的功能，方法是用*去代替了%，我们看下：效果如下：这个时候，我们可以很清楚地看到列的比例为40:50:30:20这个相对于Table来说，更多了一分灵活性，因为在Table中，我们只能使用百分比的布局方式，而这个相对来说更加灵活。在Grid中，我们还可以使用auto来作为宽度和高度的属性，这种情况下，Grid的宽度和高度便随着内部内容的大小而自动发生改变：我们还可以为宽度为自动的情况下指定最大和最小的宽度（或高度）。另外，如果我们实现这样一种情况，就是说要求一个控件跨越两个列，如下图所示：看代码:里面的关键代码：Grid.RowSpan=”2”。我也不多解释了，就是跨越两行。好，总结下，Grid是一个很常
人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论