Ресурсы XAML для веб-парня

Question

Короче говоря: Я разрабатываю пользовательский интерфейс с Html / CSS уже около 8 лет. Недавно я погрузился в XAML / Silverlight / WPF и действительно боролся с разработкой пользовательского интерфейса с использованием XAML. Я понимаю основы модели макета Silverlight и чувствую себя немного комфортно при использовании StackPanel и Grids, но я просто не поднимаю его так быстро, как хотелось бы, или, может быть, я просто старая собака, изучающая новые приемы. ;)

Существуют ли какие-либо доступные ресурсы или надстройки / элементы управления, которые помогут сделать разработку пользовательского интерфейса XAML немного более понятной для веб-парня, работающего с HTML / CSS?

Да, Expression Blend помог, но я опасаюсь зависеть от "волшебников / инструментов дизайна", когда мне неудобно делать один и тот же макет с нуля.

---

Пожалуйста, не RTFM меня. Я ищу конкретные примеры ресурсов или полезные советы, написанные для людей с фоном макета CSS / Box Model.

Например, я знаю, что некоторые свойства зависимостей работают аналогично, устанавливая left: или width: values ​​в CSS. Я ищу советы такого рода.

Answer 1

Книга WPF Unleashed, о которой говорил Николас, действительно превосходна, независимо от происхождения. Для определенных ресурсов могут помочь некоторые вещи:

Kaxaml и XAMLPad помогут вам в создании макета в XAML, так как они оба более легкие, чем конструктор VS или Blend, и в то же время обеспечивают мгновенную обратную связь пользовательского интерфейса.

Чтобы узнать больше о компоновочных работах в XAML, в этой статье объясняется, как в макете используются различные элементы и дочерние элементы.
Вот краткий обзор Panel и их производных элементов, которые являются всеми вещами, которые вы будете использовать для создания макета страницы / приложения.
В этой статье дается обзор работы выравнивания / полей / отступов в XAML. Это должно быть в значительной степени то, что вы ожидаете и уже знакомы с.
И здесь - это более продвинутая информация, если вас интересует оптимизация макетов.

Answer 2

Я бы взглянул на прекрасную книгу Адама Натана, выпущенную Windows Presentation Foundation . Я также начинал с веб-фона (хотя это было пару лет назад), и после того, как я прочитал первую часть его книги, я просто нажал кнопку «Разобраться с WPF». Для меня это было до тех пор, пока я не понял, что существуют разные типы панелей, которые по-разному излагают вещи, и что я могу выразить то, что хотел достичь, разными способами (например, DockPanel с одним дочерним элементом, установленным в DockPanel. Dock = "Bottom" обычно имеет тот же результат, что и двухрядная сетка с высотой первого ряда, установленной на *, и высотой второго ряда, установленной на Auto), что я действительно чувствовал себя комфортно, раскладывая вещи в WPF.

Книга Натана хороша, потому что он подробно объясняет, как каждая из панелей работает на самом базовом уровне. Как только вы освоите основы, просмотр примеров и проб с Blend станет довольно простым, и вы скоро начнете видеть шаблоны макетов, которые каждый день видят более опытные разработчики WPF / SL ... и хотят применить к веб-контенту!