網絡專家的XAML佈局資源

Question

長話短說：我已經用Html/CSS佈局了大約8年的UI了。最近我一直沉浸在XAML/Silverlight/WPF中，並且非常努力地使用XAML設計UI。我瞭解Silverlight佈局模型的基礎知識，並且對使用StackPanel和Grids感到滿意，但我只是沒有按照我想要的那樣快速採集它，或者我只是和老狗學習新的技巧。 ;）

是否有任何可用資源或附加組件/控件可幫助使HAML UI開發更容易理解Html/CSS網絡人員？

是的，Expression Blend已經幫了我很大的忙，當我不習慣從頭開始做同樣的佈局時，依賴於「嚮導/設計工具」。

---

請不要RTFM我。我正在尋找爲具有CSS/Box模型佈局背景的人編寫的資源或有用建議的具體示例。

例如，我知道某些依賴屬性函數也類似於在CSS中設置left：或width：值。我正在尋找更多有關這種性質的建議。

Answer 1

尼古拉斯提到的WPF Unleashed書確實非常出色，無論背景是從哪裏來的。對於特定的資源，也有一些事情可以幫忙：

Kaxaml和XAMLPad將幫助你在XAML構建佈局，因爲它們都是更輕巧那麼VS設計師或混合，同時還提供即時UI反饋。

要詳細瞭解有關佈局XAML的作品，this article解釋了佈局如何採取生效不同的元素和元素的兒童。
Here is an overview Panel及其派生元素，這些都是您將用於實際構建頁面/應用程序佈局的所有內容。
This article概述XAML中的對齊/邊距/填充如何工作。它應該是你所期望的並且已經很熟悉的。
和here是一些更高級的信息，如果你關心佈局的優化。

Answer 2

我會看看Adam Nathan的優秀Windows Presentation Foundation Unleashed一書。我也是從網絡背景開始的（雖然那是幾年前），並且在通過他的書的第一部分之後，通過點擊WPF進行了部署。對我而言，直到我明白有不同類型的面板才能以不同的方式解決問題，並且我可以用許多不同的方式表達我想完成的任務（例如，將一個孩子設置爲DockPanel的DockPanel。 Dock =「Bottom」通常具有與第一行高度設置爲*並且第二行高度設置爲Auto的兩行Grid相同的結果），我真的很喜歡在WPF中放置事物。

內森的書很好，因爲他詳細解釋了每個面板如何在非常基本的層面上工作。一旦你掌握了基本知識，使用Blend查看示例並嘗試一下就變得非常簡單了，你很快就會開始看到WPF/SL開發人員每天都會看到的佈局模式......並且希望適用於網頁內容！