Сайт о телевидении

Сайт о телевидении

» » Начала Metro-программирования: простейшее приложение в стиле Metro (ч.1)

Начала Metro-программирования: простейшее приложение в стиле Metro (ч.1)

Существует миф, изрядно подкрепленный образцами приложений для Windows Developer Preview, будто бы программы для должны быть простыми, миниатюрными и минимально функциональными. На самом деле, опытный разработчик при помощи инструментов Microsoft может создавать обалденные . Вот что я бы хотел увидеть:

1. Аудио/видеоплеер

Главное для меня – это аудиоплеер. Если в Windows 8 будет симпатичный Metro-плеер, я буду пользоваться новым интерфейсом каждый день. Может, я даже закреплю плеер сбоку, а остальное пространство экрана буду использовать для рабочего стола Windows. Нет никаких причин, по которым нельзя было бы создать для Metro качественный плеер мирового класса.

2. Office

Для Microsoft это будет гарантированный успех. К выходу публичной бета-версии Windows 8 компания просто обязана подготовить Metro-версии Word, Excel и PowerPoint. По меньшей мере, должна быть возможность просматривать документы в этих форматах, вносить простые правки и отправлять файлы по почте или в «облако».

3. Хаб «Контакты»

Клиенты социальных сетей идеально подходят для демонстрации возможностей Metro-приложений. Именно поэтому в состав Windows Developer Preview входят клиенты Twitter и Facebook. В Windows Phone 7 Mango есть замечательный инструмент – хаб «Контакты» (People), который объединяет информацию из социальных сетей с контактами электронной почты и списками из системы обмена мгновенными сообщениями. Такая же функциональность должна быть и в Metro-приложении для Windows 8.

4. Почта

В Windows 8 должен быть классный почтовый клиент, способный подключаться к любому облачному сервису – прежде всего, конечно, к Hotmail, но и к Google Mail тоже. И он непременно должен поддерживать серверы Exchange по умолчанию. Если это может Apple, сможет и Microsoft.

5. Календарь

Все, что я сказал о почте, касается и календарей. Должна быть возможность посмотреть календарь на месяц в развернутом на весь экран окне или закрепить ближайшие встречи и события в боковой части экрана.

6. Skype/Lync

Теперь, когда антимонопольные регуляторы дали Microsoft добро на покупку Skype, пора создать Metro-приложение для Skype. По своей функциональности оно должно быть даже круче ВидеоВстреч Google+. Симпатичный, надежный клиент Skype с поддержкой нескольких одновременных разговоров будет мощным преимуществом для Metro. А если выпустить еще по приложению для iOS и Android, получится прекрасная альтернатива Apple FaceTime.

7. Фото-браузер

Все любят цифровые фотографии, и здесь тоже есть прекрасная возможность перенести на компьютер уже проверенную функциональность с Windows Phone 7. Требуется превосходное Metro-приложение, которое позволило бы быстро находить фотографии, хранящиеся на компьютере и опубликованные в интернет-галереях, добавлять фото друзей с Facebook, Flickr, Picasa и других сервисов. А в сочетании с функцией «Контакты» снимки должно быть легко опубликовать или отправить другим пользователям. Такое замечательное приложение обязательно должно входить в состав Windows 8 по умолчанию.

8. Flipboard

Это, на мой взгляд, лучшее независимое приложение для iPad, и оно должно послужить образцом для аналогичной Metro-программы. Microsoft стоит бросить все ресурсы на разработку, чтобы выпустить такое приложение уже к релизу бета-версии Windows 8.

9. Angry Birds

Без Angry Birds ни одна платформа – не платформа. Наверняка, будут и другие Metro-игры, но эта – просто обязательное условие.

10. Facebook

iPad продается уже 18 месяцев, и недавно для него вышло нативное приложение Facebook. Если учесть, что Microsoft принадлежит приличная доля в Facebook, уже скоро должно появиться аналогичное Metro-приложение, которое послужит образцом для других подобных программ.

Итак, чего в этом списке не хватает? Ну, я, конечно, не рассчитываю на Metro-вариант iTunes, так что синхронизировать Windows 8 с iPhone или iPad по-прежнему придется через настольную версию программы.

Я также подозреваю, что поддержка приложений Google будет весьма ограниченна. Те, кто активно пользуется Gmail/Документами Google, наверняка будут вынуждены большую часть времени проводить в традиционном интерфейсе Windows 8, работая в Google Chrome.

Такой вот у меня список. А вы какие приложения хотели бы видеть в Windows 8?

28671 0

Итак, первая общедоступная тестовая редакция Windows 8 - Windows 8 Customer Preview - вышла в свет пару месяцев назад. Очень многие энтузиасты современных информационных технологий уже загрузили её и установили на свои компьютеры: на реальное "железо" (как автор этой статьи) или в виртуальном окружении. И попробовали в действии одну из ключевых возможностей новой версии Windows - платформу Metro и написанные под неё приложения (Metro-приложения).

Metro-приложения - это совершенно новый класс приложений; они отличаются от всех остальных приложений, с которыми все мы имели дело ранее. Metro-приложения - это необычные приложения; они работают не так, как традиционные настольные приложения. Metro-приложения предназначены для нового класса устройств, имеющих большие сенсорные экраны, в первую очередь, планшетных компьютеров. Metro-приложения - это самая "горячая" новинка текущего, 2012-го, года. Metro-приложения - это "лицо" новой Windows.

Как они создаются? Какие программные инструменты применяются для этого? Какие специальные навыки потребуются от разработчика? Наконец, какие технологии мы можем использовать, какими из них мы уже владеем, а какие придётся изучать заново?

В этой статье автор постарается ответить на все эти вопросы. Более того, автор проведёт вас, уважаемые читатели, через все этапы создания простейшего Metro-приложения - арифметического калькулятора. Заодно будут рассмотрены некоторые технологии, применяемые в Metro-программировании, в частности, создание разметки, работа с обработчиками событий и др.

1. Введение
Теоретическая часть будет совсем небольшой. Мы только рассмотрим набор необходимого ПО и познакомимся с программными технологиями, применяемыми для разработки Metro-приложений.

1.1. Необходимое ПО
Набор программ, которые мы используем в Metro-программировании, совсем невелик:

  • Microsoft Windows 8 Customer Preview, то есть собственно тестовая редакция Windows 8. В предыдущих версиях Windows разрабатывать Metro-приложения невозможно.
  • Visual Studio 11 Express beta for Windows 8 (далее в статье - Visual Studio ). Тестовая редакция новой версии бесплатной среды разработки Microsoft. Более старые версии этого пакета, увы, не подойдут...

Оба этих программных продукта можно загрузить отсюда .

Внимание!
Для установки Visual Studio используется веб-установщик, который будет выполнять загрузку собственно дистрибутивного пакета с веб-сайта Microsoft. Поэтому перед установкой следует подключиться к Интернету.

1.2. Технологии, применяемые для создания Metro-приложений
Для разработки Metro-приложений Microsoft предлагает три технологии на выбор:

  • "Связка" из языка гипертекстовой разметки HTML, таблиц стилей CSS и языка написания веб-сценариев JavaScript. На языке HTML описывается интерфейс приложения, с помощью таблиц стилей формируется их оформление, а на языке JavaScript пишется программная логика.

    Достоинства этой технологии: простота освоения, широкая распространённость (HTML, CSS и JavaScript знают очень многие), многоплатформенность (приложения, написанные на HTML, CSS и JavaScript, будут работать на всех процессорных архитектурах - и x86, и x86-64, и ARM). Недостатки: невысокое по сравнению с другими технологиями быстродействие готовых приложений; несколько меньшие возможности по созданию и оформлению интерфейса.

    С применением HTML, CSS и JavaScript рекомендуется создавать только самые простые Metro-приложения, которым не требуется развитый интерфейс, а быстродействие не является критичным. Кроме того, эта технология - идеальный выбор для начинающих Metro-разработчиков.

  • "Связка" из языка разметки интерфейса XAML и любого языка программирования, обычно применяемого для создания.NET-приложений: C#, C++ или Visual Basic .NET. (.NET-разработчики, вам это уже знакомо!) На языке XAML описывается интерфейс и оформление приложения, а на языках C#, C++ или Visual Basic .NET пишется его логика.

    Достоинства: более высокое быстродействие, бо льшие возможности в плане создания и оформления интерфейса, многоплатформенность. Недостатки: быстродействие всё же недостаточно высокое (поэтому создавать с применением этой технологии, скажем, трёхмерные игры не стоит); более сложное освоение, в особенности, начинающими разработчиками.

    Данная технология может применяться для создания приложений с более развитым интерфейсом и достаточно критичные в плане быстродействия. Также она является наилучшим выбором для переноса уже существующих.NET-приложений в платформу Metro.

  • DirectX. В этом случае для формирования интерфейса и описания логики используется язык C++.

    Достоинства: наивысшее быстродействие приложений, богатейшие возможности по созданию и оформлению интерфейса. Недостатки: интерфейс приложения формируется в коде его логики, исключительно программным путём; отсутствие готовых интерфейсных элементов, которые разработчик может использовать в любых своих приложениях; очень высокая сложность; для каждого приложения придётся создавать по три редакции - для трёх различных поддерживаемых процессорных архитектур: X86, X86-64 и ARM.

    DirectX - выбор самых квалифицированных программистов. С применением этой технологии можно создавать трёхмерные игры и сложные графические и мультимедийные приложения, полностью использующие возможности аппаратного обеспечения компьютера.

Поскольку мы делаем первые шаги в Metro-программировании, то выберем самую простую в изучении технологию - "связку" HTML, CSS и JavaScript.

2. Знакомство с Visual Studio
Разработка Metro-приложений выполняется в среде Visual Studio - это мы уже знаем. Так что давайте немного "пробежимся" по интерфейсу и основным инструментам этого пакета, чтобы не делать этого потом, в процессе написания кода приложений.

Выйдем в меню Start , отыщем плитку Microsoft Visual Studio 11 Express for Windows 8 и нажмём её. Windows тотчас переключится на традиционный рабочий стол, где через некоторое время появится главное окно Visual Studio (рис. 1).


Рис. 1. Главное окно Visual Studio сразу после запуска этого пакета

Внимание!
Сразу после первого запуска Visual Studio выведет окно-предупреждение, предлагающее установить лицензию разработчика Metro-приложений. Необходимо ответить положительно, нажав кнопку I Agree , так как без этой лицензии мы не сможем разрабатывать приложения такого типа. Далее нам потребуется положительно ответить на появившееся на экране предупреждение системы UAC и выполнить вход на сервер лицензий под своим учетным именем, зарегистрированным в службе Microsoft Live.

Лицензия разработчика Metro-приложений выдаётся на ограниченный срок. По истечении этого срока нам придётся получить её повторно.

2.1. Главное окно и его элементы
Вдоль верхнего края главного окна тянется главное меню , из которого доступны все команды, что поддерживаются пакетом. Чуть ниже находится панель инструментов - длинная и узкая полоса с кнопками; такие панели инструментов позволяют получить доступ к наиболее часто используемым командам. Подробно рассматривать всё это мы не будем - и главное меню, и панели инструментов неоднократно встречались нам в других программах.

Лучше обратим внимание на правую часть главного окна. Там мы видим этакое "окошко", находящееся прямо в главном окне. Сходство с полноценным окном усиливается из-за наличия заголовка с названием и кнопками закрытия и сворачивания и даже небольшой панели инструментов. Что это такое?

Это одна из панелей Visual Studio. Такие панели обычно содержат всевозможные списки, например, список файлов, из которых состоит разрабатываемое приложение. Эти списки, безусловно, важны, чтобы постоянно держать их перед глазами, но не настолько жизненно необходимы, чтобы отводить под них клиентскую область главного окна (о ней - чуть позже).

Панели можно перемещать с места на место, буксируя их мышью за заголовок. При этом, если переместить панель к левому или правому краю главного окна, она автоматически пристыкуется к нему. Так, на рис. 1 изображена панель, пристыкованная к правому краю главного окна.

Пристыкованные панели могут накладываться друг на друга. В этом случае в нижней их части появится панель вкладок, перечисляющая накладывающиеся панели; чтобы переключиться на нужную панель, достаточно щёлкнуть на вкладке, где написано название этой панели.

Если же переместить панель в какое-либо место экрана, достаточно удалённое от краёв главного окна, панель станет плавающей . Плавающая панель отображается в собственном окне, независимом от главного окна пакета.

Наконец, ненужную панель можно вообще закрыть и тем самым убрать её с экрана. Для этого следует щёлкнуть на кнопке закрытия , расположенной в правой части её заголовка и имеющей вид крестика.

А чтобы снова вывести на экран закрытую панель, придётся воспользоваться главным меню. Далее в этой статье будут рассмотрены пункты главного меню, предназначенные для вывода всех нужных нам панелей.

В нижней части главного окна находится строка статуса - узкая серая полоса, на которой выводится различная служебная информация. Она нам также знакома по другим программам.

Остальная часть главного окна, не занятая главным меню, панелями инструментов, обычными панелями и строкой статуса, называется клиентской областью . В этой области будут выводиться окна документов, предназначенные для вывода содержимого открытых файлов; эти окна мы рассмотрим позже.

А сейчас в клиентской области отображается так называемая стартовая страница Visual Studio. Она содержит, в основном, краткую справочную информацию по данному пакету. Как только мы откроем хоть один файл, стартовая страница пропадёт.

2.2. Создание нового приложения
Ладно, полюбовались на главное окно Visual Studio - и будет! Всё равно ничего особо интересного там пока нет. Давайте лучше создадим новое Metro-приложение, пока ещё "пустое", не содержащее ни интерфейса, ни оформления, ни логики. Здесь, вообще-то, следовало бы написать "создадим новый проект приложения", но, поскольку мы ещё не знаем, что такое проект, пусть всё остается как есть.

Проще всего создать новое приложение, щёлкнув по гиперссылке New Project , расположенной в правом верхнем углу стартовой страницы. Также можно выбрать пункт New Project меню File или нажать комбинацию клавиш ++.

После выполнения любого из этих действий на экране появится диалоговое окно New Project (рис. 2), где указываются основные параметры создаваемого приложения.


Рис. 2. Диалоговое окно New Project

Первое, что нам следует здесь указать, - технологию, с помощью которой мы собираемся создавать приложение. Как мы решили ранее, будем использовать "связку" HTML, CSS и JavaScript.

Посмотрим на левую часть окна New Project . Там находится большой иерархический список с тремя категориями. Переключимся на категорию Installed , содержащую перечень уже установленных в составе Visual Studio шаблонов (своего рода заготовок) приложений. Последовательно развернём "ветви" Templates (шаблоны) и JavaScript (сокращённое наименование нужной нам технологии) и выберем единственный находящийся в последней "ветви" пункт Windows Metro style (Windows-приложение для платформы Metro).

Далее укажем тип создаваемого приложения. Мы хотим создать "пустое" приложение, не содержащее ни интерфейса, ни оформления, ни логики. Поэтому выберем в среднем списке пункт Blank Application ("пустое" приложение).

Последнее наше действие - указание имени создаваемого приложения. Оно задаётся в поле ввода Name , расположенном в нижней части окна. Давайте дадим нашему приложению незатейливое имя Calc.

Вот, в принципе, и всё. Нажмём кнопку OK , чтобы запустить процесс создания нового приложения. Кнопка Cancel , как можно догадаться, позволит завершить процесс.

Новое приложение будет создаваться довольно долго, поэтому придётся подождать. А как только в клиентской области главного окна появится окно документа, в котором будет представлен код приложения, а панель Solution Explorer перечислит всё содержимое созданного нами проекта, мы можем приступать к работе.

Стоп! А что такое проект и окно документа? Давайте выясним.

2.3. Проект и решение
Любое, даже самое простое Metro-приложение состоит из нескольких файлов разных типов. Сюда входят файл, описывающий интерфейс приложения, файлы, содержащие описание его оформления, файлы с программной логикой, файлы графических изображений, что используются в приложении, и различные служебные файлы, хранящие дополнительную информацию о приложении, в частности, его параметры (название, надпись для плитки и др.).

Поэтому возникает необходимость свести все файлы, составляющие приложение, в некую сущность, своего рода список. Это нужно, прежде всего, Visual Studio, чтобы "знать", из каких файлов формировать приложение - как его отладочную редакцию, так и дистрибутивный пакет с окончательной редакцией приложения (релизом ).

Эта сущность - список формирующих приложение файлов и сами эти файлы - и называется проектом приложения.

Для организации файлов, входящих в проект, часто используются папки. Так, файлы с графическими изображениями помещаются в одну папку, файлы с оформлением - в другую, файлы с логикой - в третью и т. д. Причем такой способ организации файлов поддерживается самим Visual Studio; как мы узнаем чуть позже, при создании нового проекта он уже распределит входящие в него файлы по папкам.

Всё содержимое проекта - файлы и папки - помещается в отдельной папке (папке проекта ). Эта папка создаётся при создании самого проекта и имеет то же имя, что мы указали для приложения в поле ввода Name окна New Project (см. рис. 2). Например, папка с содержимым только что созданного нами проекта будет иметь имя Calc.

В этой же папке находится и файл, хранящий само содержимое проекта - список входящих в него файлов (состав проекта ); этот файл носит название файла проекта . Он имеет то же имя, что мы указали для создаваемого приложения, и расширение jsproj. Так, файл созданного нами проекта получит имя Calc.jsproj.

Так, с проектом всё ясно. Теперь поговорим о решении.

Часто приходится разрабатывать приложения, которые работают совместно. В случае платформы Metro это могут быть, например, приложения, передающие друг другу какие-либо данные с применением стандартных механизмов этой платформы. Так, одно приложение может отправлять данные, а другие - принимать их.

Но тут возникают две проблемы. Во-первых, проекты обоих этих приложений удобнее держать постоянно открытыми, чтобы в случае возникновения ошибок быстро их исправить. Во-вторых, в любом случае в процессе отладки нам придётся запускать оба этих приложения одновременно, и будет лучше, если это сделает сама Visual Studio.

Однако все средства разработки позволяют открыть одновременно только один проект; если же открыть другой проект, открытый ранее будет автоматически закрыт. Можно, конечно, запустить сразу две копии среды разработки, но работать с ними всё равно будет неудобно.

Напрашивается следующий выход - разумно объединить оба проекта в некую сущность более высокого порядка. Или, если пользоваться терминологией Visual Studio, - решение (solution).

Решение может включать в себя сколько угодно проектов. Как только мы укажем Visual Studio выполнить запуск, на основе всех этих проектов будут сформированы и подготовлены к запуску приложения. Но запущено будет только одно из них - то, чей проект мы пометили как запускаемый .

Для каждого нового проекта, создаваемого в Visual Studio, автоматически формируется новое решение, которое включает в себя вновь созданный проект. Имя этого решения задаётся в поле ввода Solution name диалогового окна New Project (см. рис. 2) и по умолчанию совпадает с именем создаваемого проекта. Например, для нашего проекта Calc будет создано решение Calc. Так что специально создавать решение нам не потребуется.

Как и в случае проекта, для каждого решения создаётся папка решенияi , в которой находятся все входящие в него проекты (состав решения ). Имя этой папки совпадает с указанным нами именем решения. Так, в нашем случае эта папка будет иметь имя Calc.

Дополнительно состав решения хранится в особом файле решения , который имеет имя, также совпадающее с именем решения, и расширение sln и хранится в папке решения. Например, состав нашего решения будет храниться в файле Calc.sln.

2.4. Панель Solution Explorer
Но как нам узнать, что входит в состав проекта или решения? Нам ведь с ними ещё работать и работать...

Для этого служит панель Solution Explorer (рис. 3). По умолчанию она пристыкована к правому краю главного окна Visual Studio. Если же этой панели почему-то там нет, вывести её можно выбором пункта Solution Explorer меню View .


Рис. 3. Панель Solution Explorer

Кстати, это необычный пункт меню. Как только мы его выберем, левее его названия появится галочка. Она обозначает, что функция, за которую "отвечает" пункт, активизирована - панель Solution Explorer выведена на экран. Если же теперь выбрать данный пункт ещё раз, галочка пропадёт; это значит, что функция стала неактивной - упомянутая ранее панель закрыта. Такие пункты меню носят название пунктов-выключателей ; они будут встречаться нам в дальнейшем довольно часто.

Но вернемся к панели Solution Explorer . В ней отображается иерархический список, перечисляющий всё содержимое открытого решения. Этот список похож на тот, что выводится в левой панели Проводника, и работает точно так же.

Прежде всего, обратим внимание на пункт с названием Solution "<название решения> " (<количество проектов в решении> projects ); в нашем случае он будет иметь название Solution "Calc" (1 project) . Этот пункт представляет открытое в Visual Studio решение, и находится оно на нулевом уровне вложенности (то есть в самом верху иерархии пунктов списка).

В данный пункт вложены пункты, чьи названия совпадают с именами входящих в решение проектов. В нашем случае такой пункт будет всего один - Calc .

А из пунктов, представляющих отдельные проекты, "растут" целые "ветви". Они представляют папки и файлы, составляющие проект. Так, в нашем случае "ветвь" Calc будет содержать еще четыре "ветви" более низкого уровня вложенности и три пункта. Что означает, что в наш проект входят три файла и три папки, в свою очередь, содержащие другие файлы. (Четвёртая папка - не совсем папка; впрочем, об этом потом.)

На этом пока закончим. Ведь мы ещё не рассмотрели клиентскую область, в которой сейчас выводится что-то очень интересное...

2.5. Окна документов
Это окна документов (рис. 4). Они служат для вывода содержимого открытых в Visual Studio файлов.


Рис. 4. Два окна документов, открытых в клиентской области (представлены двумя вкладками)

Окна документов всегда выводятся в клиентской области главного окна. Вынести их за её пределы невозможно.

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

Окна документов выводятся развёрнутыми; при этом они занимают всю клиентскую область. Если открыть сразу несколько окон документов, они будут накладываться друг на друга (совсем как панели, пристыкованные к одному краю главного окна). В этом случае нам поможет панель вкладок , находящаяся в верхней части клиентской области, ниже панели инструментов. С помощью панели вкладок можно переключиться на окно документа, в котором открыт нужный нам файл (сделать данное окно активным).

3. Содержимое типичного проекта Metro-приложения
Вернёмся к панели Solution Explorer , в которой, как мы недавно узнали, выводится содержимое открытого решения. И посмотрим, что же входит в созданный нами проект, который можно рассматривать как проект типичного Metro-приложения.

Файлы и папки, входящие в проект, мы перечислим в порядке их значимости для нас. То есть файлы и папки, с которыми мы будем иметь дело чаще всего, рассмотрим самыми первыми, а разговор о тех, что, скорее всего, никогда не будут открыты, отложим на потом.

  • default.html - файл, описывающий интерфейс Metro-приложения. Именно этот файл загружается, обрабатывается и выводится на экран при запуске приложения.

    На заметку
    Знатоки веб-дизайна могут заявить, что файл default.html хранит не описание интерфейса Metro-приложения, а веб-страницу. Да, это так. Metro-приложение, написанное на языках HTML, CSS и JavaScript, фактически представляет собой веб-страницу.

  • js - папка, хранящая все файлы с программной логикой Metro-приложения (файлы логики ). Изначально там присутствует единственный файл default.js, созданный самим Visual Studio.

    Логику простых Metro-приложений вполне можно уместить в файле default.js. Но если разрабатывается достаточно сложное Metro-приложение, его логику для удобства можно разбить на части и сохранить каждую из них в отдельном файле.

  • css - папка, хранящая все файлы с описанием оформления Metro-приложения. Изначально там находится единственный файл default.css, созданный Visual Studio.

    Опять же, оформление простого Metro-приложения можно поместить в файл default.css. В случае же сложного оформления лучше разбить его на части, каждую из которых сохранить в отдельном файле.

  • images - папка, хранящая файлы с графическими изображениями, которые используются в приложении. Изначально хранит несколько файлов с изображениями, выводящимися, в частности, на стартовом экране приложении и его плитке меню Start ; все эти файлы помещает туда сам Visual Studio.

    В дальнейшем все графические файлы, применяемые в приложении, рекомендуется помещать в папку images. Для их организации можно использовать вложенные папки.

  • package.appxmanifest - файл, хранящий параметры приложения.
  • <имя проекта> _TemporaryKey.pfx - файл цифровой подписи.
  • References. Эта папка не присутствует на диске, а формируется Visual Studio на основе содержимого файла package.appxmanifest. Она хранит ссылки на дополнительные компоненты, необходимые для успешной работы Metro-приложения; одним из таких компонентов является базовая логика платформы Metro (разговор о ней пойдёт позже).

Конечно, разработчик может добавить в проект другие файлы. Это могут быть файлы фрагментов, текстовые файлы, файлы данных XML и JSON, звуковые и видеофайлы, наконец, файлы с оформлением и программной логикой приложения и графические файлы. Также разработчик может создать в проекте сколько угодно папок.

Что ж, в следующей части статьи мы приступим к написанию нашего первого Metro-приложения. Сначала мы сформируем его интерфейс, потом создадим логику, а напоследок зададим оформление.

Один из самых интересных нововведений в Windows 10 является все новые Metro приложения. Новые Metro приложения Windows 10 теперь улучшены в плане дизайна и комфорта в использовании, и теперь они работают так же, как другие оконные приложения windows. Кроме того, главное преимущество Metro приложений является то, автоматически подстраиваются под любое устройство на Windows 10. Вот несколько Metro приложений Windows 10, которые Вы обязательно должны попробовать.

Groove, который ранее был известен как Xbox Music, музыкальный сервис от Microsoft, которая надеется конкурировать с другими музыкальными сервисами, как Google Play Music, Apple Music, Spotify, и т.д. В то время как Groove это музыкальный сервис, Groove Music является официальным музыкальный плеером. Используя это небольшое приложение, вы можете воспроизводить всю свою музыку, с файловой системы или облака OneDrive. Приложение Groove Music имеет удобный интерфейс, и может воспроизводить музыку с вашего облака OneDrive, благодаря которому вы можете передавать свою любимую музыку на любое устройство которое вы хотите.

2. Photos

Metro приложение Photos для Windows 10 очень удобное для просмотра ваших фотографий. Каждый раз когда вы открываете изображение на вашем компьютере, он открывает их с помощью приложения Фотографии. Которое хорошо интегрируется с облачным хранилищем OneDrive и может отображать все фотографии с вашей учетной записи вместе с фото на диске.

3. Mail

Приложение Mail является одним из моих любимых приложений для Windows 10, это легкий минималистичный дизайн, и улучшенные возможностей из Windows 8. Вы можете добавить практически любую учетную запись электронной почты в приложение. В отличие от Windows 8, новое Mail приложение поддерживает даже POP счета. Некоторые из лучших особенностей Mail приложения включает в себя поддержку свайпов, сенсорный дружественный пользовательский интерфейс, автоматические ответы, а также интеграция с календарем.

4. Adobe Photoshop Express

Adobe Photoshop является одним из лучших программ для редактирования фотографий. Чтобы справиться с ним, Adobe выпустила бесплатный и легкий приложение под названием Adobe Photoshop Express, и оно может быть загружено из Windows Store. Хотя приложение не имеет все передовые функции, которые доступны в полной версии, оно имеет все основные функции, такие как обрезка, выпрямление, коррекция цвета, в одно касание фильтры, авто-исправления, и т.д. Если вы ищите приложение для некоторых простых фото исправлений, то Вам стоит попробовать данное приложение.

5. Fresh Paint

Fresh Paint это одно из лучших приложений от Microsoft для рисования. Хотя это официальное приложение от Microsoft, оно не установлено по умолчанию, и его необходимо скачать из магазина Windows. Используя это приложение, вы можете рисовать с чистого листа или импортировать изображение, а затем работать с ним, также можно сделать фото с камеры, и редактировать его. Приложение поддерживает мышь, сенсорный ввод, так и ввод пером. Кроме того, одной из лучших особенностей Fresh Paint является то, что вы можете распечатать вашу работу в формате высокой четкости. Если вы художник или дизайнер, Вам стоит попробовать это приложение.

Metro интерфейс Windows 8 это однозначно наиболее важное нововведение в операционной системе. Причем Metro интерфейс это не просто надстройка для сенсорных экранов, это полноценный элемент всего интерфейса операционной системы. В данной статье мы рассмотрим Метро интерфейс и попробуем выделить его сильные и слабые стороны.

В операционной системе Windows 8 больше нет привычного меню Пуск, которое неизменно исполняло роль основного меню во всех версиях операционной системы Windows. Теперь его заменяет стартовый экран Metro интерфейса. Именно этот стартовый экран видит пользователь при загрузке операционной системы и нажатии на клавишу Windows.

Стартовый экран представляет собой горизонтально расположенную ленту с иконками приложений в виде разноцветных плиток. Плитки могут быть квадратными или прямоугольными, в этом случае плитка занимает площадь двух квадратных плиток. Кроме запуска приложений плитки могут работать как некое подобие виджетов. На них отображается информация из приложения, которое они запускают. Например, плитка для запуска программы о погоде может выводить короткую сводку информации о погоде.

Плитки можно перемещать по стартовому экрану как угодно. Также пользователь может удалять плитки, менять размер плиток, включать/отключать динамические плитки. Для того чтобы получить доступ к этим возможностям нужно нажать правой кнопкой на плитке.

Стартовый экран можно прокручивать горизонтально, для этого можно использовать сенсорный экран, колесико мышки или клавиши Page Up / Page Down. Также между плитками можно перемещаться с помощью клавиш со стрелками.

Кроме Metro приложений на стартовом экране можно создавать плитки для запуска обычных Windows программ. Это можно делать с помощью контекстного меню в обычном интерфейсе или с помощью Поиска в Metro интерфейсе. О поиске приложений в Metro интерфейсе будет рассказано ниже.

Боковые меню Metro интерфейса Windows 8

Metro интерфейс имеет собственный менеджер для управления запущенными программами. Для того чтобы его вызвать подвести курсор мышки к левому верхнему углу экрана и провести мышкой вниз. После чего всплывет боковое меню с запущенными программами.

Закрывать программы в данном боковом меню можно простым нажатием средней кнопки мышки.

В правой части экрана также есть боковое меню. Для того чтобы его вызвать достаточно подвести мышку к верхнему или нижнему углу правого края экрана.

В правом боковом меню пользователю доступны несколько инструментов: Поиск, Отправка (Настройки общего доступа), Пуск (возврат к последнему запущенному приложению), Устройства (управление устройствами) и Параметры (Настройка системы). Наиболее полезными в этом меню являются кнопки Поиск и Параметры.

Кнопка Поиск запускает интерфейс поиска приложений. Используя данный поиск можно запустить любую программу установленную на копьютере. По сути данный поиск повторяет поиск из старого меню Пуск.

Для того чтобы перейти к поиску приложений не обязательно использовать правое боковое меню. Достаточно на стартовом экране Метро интерфейса начать набирать название нужной программы.

Меню Параметры, которое можно вызвать из правого бокового меню позволяет изменить настроки стартового экрана Метро интерфейса, переключить раскладку клавиатуры, изменить громкость и выключить компьютер.

В нижней части меню Параметры можно найти ссылку «Изменение параметров компьютера». Данная ссылка запускает отдельное Metro приложение, которое позволяет настроить практически все параметры операционной системы.

Два с лишним месяца назад Windows 8 с рядом повышающих удобство пользователя функций увидела свет во всём блеске своего дизайна. Возможно, вы уже перешли к использованию новинки от Microsoft, а может, пока думаете, приобретать ли вам Windows 8. В любом случае пользовательский Metro-интерфейс и полноэкранные приложения Windows 8 послужат приманкой, перед которой вы не сможете устоять.

Приложения, собственно, и формируют вашу систему; позволяют вам решать ваши задачи, поддерживать работоспособность и целостность системы, помогают вам легче справляться с работой. Раз приложения столь значимы, то выбирать их следует с умом. Итак, перед вами список 20 отборных приложений для Windows 8, лучшее к лучшему!


File Brick - мощный диспетчер файлов для интерфейсов сенсорных устройств. Просматривайте и открывайте ваши файлы с папками в простом, но красивом интерфейсе.

Можно просматривать файлы, хранящиеся как локально, так и удалённо, в том числе, через аккаунты в хранилищах Google Drive, SkyDrive, Facebook и т.п.


Work Notes Pro - сервис для профессионального ведения заметок в пользовательском интерфейсе Metro. Можно сохранять в нём заметки, фотоснимки, записывать аудио- и видео-клипы, и т. д.

Имеется опция синхронизации ваших заметок и прочих данных с вашим SkyDrive-аккаунтом.


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


Custom Tiles Maker позволяет вам генерировать собственные "плитки" на стартовом экране и самим подбирать для них фотоснимки. "Плитками" можно "мостить" экран в трёх режимах - стандартном (simple), случайной выборки (random) и сменном (changing).


flow.timer - социальный сервис-диспетчер, то есть, система отслеживания готовности заданий как в индивидуальном порядке, так и коллективно, например, командой разработчиков или персоналом фирмы, ведущими проект сообща. Приложение облегчает взаимодействие между участниками проекта.


Format Converter X - сервис преобразования аудио и видео для Windows 8. С помощью данного приложения можно переводить звуковые и видео-файлы из множества одних форматов в другие.


Type Speed повышает качество и грамотность набора текста. Он содержит несложные уроки машинописи, благодаря которым вы станете печатать быстрее и точнее.


Bitcasa Infinite Storage обеспечивает хранение неограниченного объёма любых ваших данных в удалённом хранилище. Можно бесплатно синхронизировать с их серверами всё содержимое вашего жёсткого диска!


Digital Diary - цифровая модификация издавна привычного всем ежедневника. Можно вести дневниковые записи, сохранять фотоснимки и описания различных событий на память.


Fhotoroom - профессиональная фотолаборатория для интерфейсов сенсорных устройств. Содержит массу новейших средств фотообработки, например, стили, рамки и т. п. наряду с базовыми опциями обрезки, ретуширования, коррекции выдержки, цветового баланса, масштабирования и т. д.


RainbowDrive обеспечивает вам подключение к трём ресурсам удалённого хранения данных, а именно, SkyDrive, DropBox и Google Drive.

С помощью этого приложения можно на одном устройстве открывать файлы из всех названных удалённых хранилищ.


Bidefender Insight держит вас в курсе последних новостей и новшеств по части защиты и снижения уязвимости компьютеров, а также предлагает вам рекомендации по обеспечению безопасности вашей системы. Кроме того, вам предоставляется интерфейс для проверки Bitdefender-ПО, установленного в других ваших системах, на степень его безвредности.


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


TeamViewer Touch дополняет интерфейс Windows 8 для сенсорных устройств функцией дистанционного управления. Можно легко управлять работой других компьютеров (даже защищённых брандмауэром) и ни о чём не беспокоиться, поскольку стандарты безопасности здесь заданы наивысшие.


ToolBox for Windows 8 позволяет вам выполнять сразу несколько заданий в одном окне экрана, которое делится на секторы - в каждом секторе запускается по одной задаче.

Параллельно можно запускать несколько задач - веб-браузер, Facebook, часы, индикатор погодных условий, калькулятор, графический редактор и т. д.


Line подогнан под пользовательский интерфейс Windows 8 с сохранением всех функций канала общения. Line - бесплатный сервис обмена текстовыми или видео-сообщениями онлайн.

Line - не только чат, через него можно пересылать и текстовые, голосовые или видео-сообщения, а также забавные картинки (усовершенствованные смайлики, передающие ваше настроение в весьма приятной манере).

17.


Todo - простой и наглядный диспетчер задач. Служит для назначения заданий и управления их выполнением, для отправки напоминаний. Можно задать отображение последних и на "живых плитках".


SplashID - диспетчер паролей, разработанный для Windows 8. Простой, надёжный и послушный. Значения ваших параметров доступа можно разбивать по категориям и видам. SplashID использует алгоритмы шифрования AES и 256-битный Blowfish для защиты ваших секретов.

Реестр Windows Store пока ещё только наполняется и вряд ли может предложить вам сотни отменных сервисов. Приложения для сенсорных устройств, оптимизированные под крупные и малые дисплеи, являют собой красу и гордость технологии в основе Windows 8.

Как бы то ни было, а приложений, позволяющих вам вовсю ощутить новизну взаимодействия человека с компьютером в нынешних условиях (подобных перечисленным выше), много. Приятной вам работы с новой версией Windows!