Установка Библиотеки Winjs 3.0

Добрый день всем!



Не так давно мы сказал Вам об анонсе новой версии библиотеки WinJS – WinJS 3.0. Напомню, что новая версия предоставляет нам новые возможности, такие как кроссбраузерный И кроссплатформенный поддерживать , обновленный дизайн универсальных органов управления и новый модульный подход .

Если вы хотите начать использовать библиотеку WinJS 3.0 прямо сейчас, вам необходимо собрать ее самостоятельно и подключить к своему проекту.

В этой статье мы рассмотрим, как это сделать.

Внимание! Инструкция для начинающих.

Установка библиотеки WinJS 3.0

НПМ

   

 >npm install winjs

   

Бауэр

NuGet

CDN

Прямая ссылка на архив

Собираем индивидуальную сборку

Теперь вы можете создать собственную сборку библиотеки только с теми модулями, которые вам нужны.

Давайте посмотрим, как собрать свою собственную версию библиотеки.

Для создания пользовательской сборки вам необходимо установить мерзавец И Node.js .

Выполните следующие команды:

• npm install -g requirejs
• npm установить WinJS-модули
• cp node_modules/winjs-modules/WinJS-custom.js.
• cp node_modules/winjs-modules/example.build.js .

  /build.js

Пропойте команду r.js -o build.js



Готовый! Ваша кастомная сборка будет расположена по пути: бин\WinJS.js

Вставляем собранную библиотеку в проект

Теперь вам остается только добавить ссылки на вновь добавленные файлы на страницы вашего приложения (в случае приложения для Windows/Windows Phone, скорее всего, это default.html).

Для проекта Windows:

<link href="/WinJS/css/ui-dark.css" rel="stylesheet"/> <script src="/WinJS/js/base.js"></script> <script src="/WinJS/js/ui.js"></script>

Для проекта Windows Phone:

<link href="/css/ui-themed.css" rel="stylesheet" /> <script src="/WinJS/js/base.js"></script> <script src="/WinJS/js/ui.js"></script>

примечание

1. Разница между ссылками, определяющими тему, которая будет использоваться в приложении.

   Если вы работаете с Windows, то вам необходимо самостоятельно выбрать, какая тема будет использоваться в приложении – темная или светлая (ui-dark.css или ui-light.css соответственно).

   Если вы разрабатываете приложение для Windows Phone, то можно указать ссылку на файл ui-themed.css, тогда тема приложения будет определена в соответствии с выбранной на телефоне.

2. Если ваш Windows-проект не включает библиотеку WinJS 2.1, то для того, чтобы использовать автоматическое определение темы в вашем телефоне, вам необходимо прописать ссылки в файлах ui-themed.css , ui-themed.theme-dark.css , ui-themed.theme-light.css в файлы со стилями библиотеки WinJS 3.0.

Тестирование элемента управления Pivot в универсальном приложении

Я решил посмотреть, как будет выглядеть элемент управления Pivot в универсальном приложении.

Вот что я получил:

Полезные ссылки

• WinJS включен GitHub .

• Протестируйте базовые элементы управления на сайте попробуйте.

  buildwinjs.com .

• Будем знакомы с элементом управления Pivot.
• Основные элементы управления библиотеки WinJS Здесь .

• Скачать бесплатная или пробная версия Visual Studio
• Стать разработчиком Универсальные приложения для Windows

• Магнитный Резонанс

  19 Oct, 24

• Мгтс Разослала Своим Клиентам Бесплатные Тестовые Sim-Карты Вместе Со Счетами

  19 Oct, 24

• Полный Цикл Создания Устройств И Работа С Заводами В Китае

  19 Oct, 24

• Microsoft Выпустила Приложение Plumbago Для Написания Заметок И Рисования На Планшетах

  19 Oct, 24

• Обзор: Puppet, Chef, Ansible, Salt

  19 Oct, 24

• Визуализация Активности Сайта С Помощью Codewarm

  19 Oct, 24

• Xenforo: Назначена Дата Выпуска Публичной Бета-Версии И Объявлены Цены

  19 Oct, 24

• Почему Только Хард И Хардкор

  19 Oct, 24

• Программа Конференции Pycon Russia 2015

  19 Oct, 24

• Индустрия Кликфрода: Россияне Обманывают Весь Мир

  19 Oct, 24