Смесь 5 Visual State Manager

Question

Этот вопрос относится к VS2012 и смеси 5.

Каковы правила, определяющие, доступен ли диспетчер визуальных состояний в Blend? Мне всегда удавалось получить доступ к визуальному диспетчеру состояний при разработке приложений Магазина Windows на C#/XAML. Я пытаюсь сделать то же самое в Javascript/HTML5 и визуального менеджера состояний там нет.

Я могу фактически открыть приложения C# и Javascript в Blend бок о бок и увидеть, что вкладка состояний недоступна в JS.

Answer 1

Концепция визуальных состояний недоступна при создании приложений Store с использованием HTML и JavaScript. Панель "Состояния" доступна только при создании приложений XAML (WPF, Silverlight или Windows Store XAML). Аналогичным образом панели "Стили", "Свойства HTML" и "Свойства CSS" доступны только при работе с приложениями HTML Магазина Windows.

Вы можете использовать Blend для установки классов CSS для разных состояний. Вы можете установить текущую ориентацию вида на панели устройств. Используя медиа-запросы CSS, вы можете установить различные свойства для аналогичного класса, который используется в HTML. Вы можете сделать это так же, как изменили бы другие свойства CSS.

Я надеюсь, что этот скриншот объясняет это немного дальше. В этом примере я установил зеленый цвет для заполненного состояния и красный цвет для привязанного состояния. Медиа-запрос приводит к тому, что один выбирается поверх другого.

Обновить:

Я решил написать учебник по этой теме, который будет более детальным.