`
duoerbasilu
  • 浏览: 1483644 次
文章分类
社区版块
存档分类
最新评论

VS 中C#下"的页面布局"简单设置のの"PageLayout属性"哪里去了

 
阅读更多
北大青鸟的ASP.NET视频中都是通过更改属性"PageLayout"为Flowlayout(流式布局) or 更改属性"PageLayout"为GridLayout(网格布局)来改变页面的布局。→这是vs2003中对页面进行设置的方法。 而我在VS2010中却没找到PageLayout属性,有些奇怪!使用VS2005甚至更高版本的你,有没有对PageLayout的消失感到怀疑呢?不要着急,下面我来简单的对PageLayout这一属性进行分析,还请高手指点,不胜感激喔!

一。首先介绍一下PageLayout属性,PageLayout属性存在于Visual Studio .NET 2003中,在后来的版本如VS2005、VS2008、VS2010中由于取消了绝对定位,默认情况下支持的页面布局方式是流式布局页面,也就不再使用PageLayout属性了。下面是我结合MSDN对PageLayout属性,进行了简单叙述……

MSDN中对VS2003 PageLayout属性介绍
PageLayout属性设置当前HTML文档的元素定位首选项,即页面布局模型。可用于该属性的值有:
  1. GridLayout:绝对定位属性插入到添加的元素中并在移动的元素中更新。可在整个"设计"视图表面上拖动元素。可使用定位网格和"网格线对齐".→绝对定位,网格布局
  2. FlowLayout:元素不带绝对定位属性添加。Web浏览器按元素在页上出现的顺序从上到下排列元素。不能在"设计"视图表面上拖动元素或者使用定位网格。→流式布局
更改PageLayout属性:
可从"属性"窗口或"DOCUMENT属性页"对话框设置PageLayout属性。

对于在Visual Basic .NET或Visual C# Web 应用程序中创建的新HTML页和Web窗体,PageLayout属性默认值是"GridLayout".在Visual Studio .NET中将PageLayout属性设置为"GridLayout"会将ms_positioning属性插入到HTML文档的<BODY>元素中:

<BODY ms_positioning="GridLayout">


将PageLayout属性值重置为"FlowLayout",则会移除ms_positioning属性:
<BODY>


对于添加到"空Web项目"的HTML页和Web窗体,PageLayout属性默认值是"FlowLayout".当将现有的HTML文档添加到Visual Studio .NET解决方案或项目,并且它的<BODY>元素不包括ms_positioning="GridLayout"属性时,HTML设计器打开该文档以进行编辑并将其PageLayout属性设置为"FlowLayout"。
如果将PageLayout属性值设置为GridLayout时,则可以将ShowGrid属性设置为True并显示"设计"视图定位网格。如果在"HTML设计器"选项对话框的"显示"中启用了"网格线对齐",它将被激活。当释放鼠标时,在"设计"视图表面上拖动的元素将自动与最近的定位网格线对齐。
当HTML元素在"设计"视图表面上重新定位时,它的定位属性在标记中自动调整。使用"HTML"视图对特定元素的定位属性进行细微的调整。

注意切换视图可重新格式化标记。
附:设置 HTML 文档的 pageLayout 属性


二。这里简单分析一下GridLayout和FlowLayout的区别:
GridLayout绝对定位,控件可在其页面上任意拖放布局,但生成页面有可能某些控件会被其他控件盖住。 FlowLayout相当定位,控件布局困难,但会因内容而自己变换位置,不会出现盖住别的控件的情况。可两者结合使用来布局。个人不推荐VS自身的布局,可以借用其他工具,比如DW来排版布局,然后再导入VS中使用。
三。PageLayout像变戏法一样,在VS2005到VS2008、VS2010版本中消失了,随着版本的升级,软件应该本着为人民服务的宗旨,在不改变人们需求的基础上,添加新的功能。所以呀,在VS2005之后的版本中,想用原来的绝对定位方式来拖曳控件是可以实现的,具体怎么实现,试试下面的这两种方案吧……
  • 方案一:只要修改以下配置即可:
菜单→工具-->选项→HTML设计器→CSS样式→将"对于使用工具箱、粘贴或拖放操作添加的控件,将定位方式更改为绝对定位(P)"<选中>
  • 方案二:修改一下下面的配置:
菜单→工具→选项→Windows窗体设计器→LayoutMode属性设置成SnapToGrid。
然后重新启动VS,然后打开项目!


怎么样,让你对页面想采用什么方式设计就怎么去设计,还等什么,快去设计属于自己的优美页面吧!奋斗得意
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics