从 Web 开发人员 (HTML/CSS) 到 WPF：如何开始设置 WPF 应用程序的样式？答案

【问题标题】：From Web Developer (HTML/CSS) to WPF: How can i start styling my WPF app?从 Web 开发人员 (HTML/CSS) 到 WPF：如何开始设置 WPF 应用程序的样式？
【发布时间】：2010-08-21 06:24:38
【问题描述】：

我知道 HTML/CSS 并想学习 WPF 样式。我该如何开始。例如，我看到填充在 WPF 应用程序中的工作方式不同。

在css中：

padding: 5px 10px;

在 XAML 中？

Padding="5px"

我注意到我需要扩展元素的宽度，例如。按钮自己来容纳填充？如果是这样，我该如何计算盒子模型？文本没有line-height 对吗？所以如果我有一个 15px 的font-size 和 5px 的填充，我的高度将是 25px？

我可以设置不同的水平和垂直填充吗？

如何应用简单的渐变。仅使用视觉工作室会很难吗？

我很欣赏教程链接或入门建议。如果有 HTML/CSS to WPF/XAML 文章或教程会更好！

【问题讨论】：

标签： wpf xaml styling

【解决方案1】：

Padding 基本上是一种厚度结构，因此

<MyControl Padding="left"/>

<MyControl Padding="left,top"/>

<MyControl Padding="left,top,right,bottom" ... />

如果您只指定左边一个，它的值将被复制到顶部、右侧和底部。
如果指定 left 和 top，left 被复制到 right 和 top to bottom（如垂直和水平填充）

对于简单的渐变 VS 是可以的。

首先，尝试在代码中使用 xaml，而不是使用 Blend 等所见即所得工具。 VS 或 XamlPad 都不错。

【讨论】：

【解决方案2】：

如果您是设计师，请使用 Expression Blend 而不是 Visual Studio。开始玩简单的样式，看看设计器后面，你会看到 XAML 代码。 XAML 比 HTML 和 CSS 强大得多。如果您想深入了解，请访问MSDN Library。

【讨论】：