Blend 5 视觉状态管理器

Posted 2023-02-22

【中文标题】Blend 5 视觉状态管理器

【英文标题】：Blend 5 Visual State Manager

【发布时间】：2013-02-15 13:18:54

【问题描述】：

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

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

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

【参考方案1】：

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

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

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

更新：

我决定写一封tutorial 来讨论更详细的主题。

【讨论】：

所以您是说如果我想更改快照的视图，例如，那是我需要在 CSS 中手动执行的操作？我的印象是 Blend 只是在相关状态下通过 CSS 应用了更改。