Web Guy的XAML布局资源

时间:2009-06-07 19:05:51

标签: wpf silverlight xaml xaml-tools

长话短说:我已经用Html / CSS布局了UI大约8年了。最近我一直在使用XAML / Silverlight / WPF,并且非常努力使用XAML设计UI。我理解Silverlight布局模型的基础知识,并且使用StackPanel和网格感觉很舒服,但我只是没有像我想的那样快速地提取它,或者我只是和老狗学习新技巧。 ;)

是否有可用的资源或附加组件/控件有助于使Html / CSS网络用户更容易理解XAML UI开发?

是的,Expression Blend有所帮助,但当我不习惯从头开始做同样的布局时,我担心会依赖“向导/设计工具”。


请不要RTFM我。我正在寻找为具有CSS / Box模型布局背景的人编写的资源或有用建议的具体示例。

例如,我知道某些依赖属性的功能类似于左设置:或宽度:CSS中的值。我正在寻找更多这方面的建议。

2 个答案:

答案 0 :(得分:6)

尼古拉斯提到的WPF Unleashed书确实非常出色,无论背景是什么。对于特定资源,有些事情可能有所帮助:

KaxamlXAMLPad将帮助您在XAML中构建布局,因为它们比VS设计器或Blend更轻量级,同时仍提供即时UI反馈。

要了解有关XAML中布局工作的更多信息,this article解释了布局如何影响不同元素和元素的子元素。
Panel的Here is an overview及其派生元素,这些都是您将用于实际构建页面/应用程序布局的所有内容。
This article概述了Alignment / Margins / Padding在XAML中的工作原理。它应该是您所期望的并且已经熟悉的内容。
如果您关注布局的优化,here是一些更高级的信息。

答案 1 :(得分:4)

我想看看Adam Nathan出色的Windows Presentation Foundation Unleashed书。我也是从网络背景开始的(尽管那是几年前的事情),在完成了他的书的第一部分之后,只需点击一下WPF就可以了。对我来说,直到我明白有不同类型的面板以不同的方式展示出来,并且我可以用多种不同的方式表达我想要完成的事情(例如,将一个子设置为DockPanel的DockPanel。 Dock =“Bottom”通常与两行Grid具有相同的结果,第一行的高度设置为*,第二行的高度设置为Auto,我觉得在WPF中放置的确很舒服。

内森的书很好,因为他详细解释了每个小组如何在一个非常基础的层面上工作。一旦你掌握了基础知识,看看样本并尝试使用Blend变得非常简单,你很快就会开始看到更多经验丰富的WPF / SL开发人员每天看到的布局模式......并希望适用于网页内容!