visual-studio-2012 - Blend 5 视觉状态管理器

Question

这个问题与 VS2012 和 Blend 5 有关。

管理视觉状态管理器在 Blend 中是否可用的规则是什么？在使用 C#/XAML 开发 Windows 应用商店应用程序时，我总是能够在混合中访问视觉状态管理器。我正在尝试在 Javascript/HTML5 中做同样的事情，但视觉状态管理器不存在。

我实际上可以在 Blend 中并排打开 C# 和 Javascript 应用程序，并看到状态选项卡在 JS 中不可用。

Answer 1

使用 HTML 和 JavaScript 构建商店应用程序时，视觉状态的概念不可用。“状态”窗格仅在构建 XAML 应用程序（WPF、Silverlight 或 Windows Store XAML）时可用。同样，样式、HTML 属性和 CSS 属性窗格仅在处理 Windows 应用商店 HTML 应用程序时可用。

您可以使用 Blend 为不同的状态设置 CSS 类。您可以在“设备”窗格中设置当前视图方向。使用 css 媒体查询，您可以在 html 中使用的类似类上设置不同的属性。您可以像更改其他 CSS 属性一样执行此操作。

我希望这个屏幕截图能进一步解释它。在此示例中，我将绿色设置为填充状态，将红色设置为捕捉状态。媒体查询会导致一个被选中。

更新：

我决定写一个关于这个主题的教程，它会更详细一点。