Эта статья является первым днем в серии под названием « 31 день Windows 8» . Каждая из статей этой серии будет опубликована как для HTML5 / JS, так и для XAML / C # . Вы можете найти дополнительные ресурсы, загрузки и исходный код на нашем сайте .
В первой статье этой серии мы с Кларком думали, что важно осветить внутреннюю работу шаблона пустого приложения Магазина Windows в Visual Studio 2012. Мы рассмотрим каждый из файлов, почему они важны, а также многие из них. настройки, которые могут быть скрыты в каждом. Это должно дать вам прочную основу для остальной части серии, где мы будем интенсивно использовать каждый из этих файлов.
В Visual Studio 2012 также есть несколько других шаблонов проектов, но мы считаем, что это отличные справочные шаблоны, а не отправные точки для реального приложения. Они были созданы с учетом конкретного типа приложений, и, как правило, вряд ли ваша идея идеально вписывается в эту архитектуру. Мы почти всегда рекомендуем начинать с шаблона «Пустое приложение» при создании реального приложения.
Вот представление обозревателя решений для нового шаблона пустого приложения в решении XAML.
Изображения
Давайте начнем с простых, изображений в папке Assets . Внутри каждого нового проекта есть четыре изображения, каждое из которых служит определенной цели. Мы создали разные версии этих изображений (а также одну дополнительную), чтобы было совершенно очевидно, какое изображение является каким при запуске приложения. Мы настоятельно рекомендуем загрузить эти изображения и заменить стандартные. Вы можете скачать все пять из них здесь . После того, как вы заменили изображения по умолчанию, запустите ваш проект, чтобы увидеть эти изображения в каждом из их местоположений, как описано ниже.
Logo.png
Это, вероятно, самый распространенный образ, который будет использовать ваше приложение. Это фоновое изображение по умолчанию для плитки вашего приложения на начальном экране пользователя. Это 150 х 150 пикселей в размере.
SmallLogo.png
Это изображение используется, когда отображается список приложений. Например, при поиске приложения в Windows 8 или в меню «Поделиться». SmallLogo.png — 30 х 30 пикселей. При таком небольшом размере вы хотите убедиться, что этот значок действительно представляет что-то знакомое вашему пользователю. Я настоятельно рекомендую просто логотип или другие очевидные изображения.
SplashScreen.png
Это исходное изображение, которое загружается при запуске приложения. С этим можно сделать несколько полезных трюков, о которых мы расскажем позже в этой серии. На данный момент помните, что это изображение ВСЕГДА будет размером 620 x 300 пикселей и будет вертикально и горизонтально отцентрировано на экране вашего пользователя, независимо от его размера.
StoreLogo.png
Чтобы сэкономить место в магазине, у нас есть маленькая иконка, которая используется. Это изображение размером 50 x 50 пикселей, но оно может быть самым важным 2500 пикселей во всем приложении. Это значок, который пользователи увидят, когда решат, какие новые приложения добавить на свое устройство. Плохой значок указывает на плохое приложение для большинства пользователей. Потратьте некоторое время на это.
WideLogo.png
Это дополнительный значок, который я включаю в свои первоначальные проекты. Вам нужно будет добавить его в свой проект, щелкнув правой кнопкой мыши папку « Ресурсы » и выбрав «Добавить существующий элемент…». Это изображение размером 310 x 150 пикселей, оно используется для того, чтобы ваше приложение могло иметь более широкую плитку, чем стандартный размер Logo.png.
AssemblyInfo.cs
Этот файл содержит все, подождите, информацию о сборке для вашего приложения. Такие вещи, как номера версий, названия, описания и т. Д. Но помните … это значения для вашей сборки. Все официальные имена и т. Д., Которые публично используются для вашего приложения, хранятся в манифесте приложения, нашем следующем файле.
Package.appmanifest
Этот файл содержит все настройки, настройки и объявления для вашего приложения. Это то место, куда вы пойдете почти за каждую вещь, связанную с вашим приложением, работающим на компьютере с Windows 8. Например, здесь вы определяете, включен ли контракт на поиск, или какие значки следует использовать в каждой ситуации. Он также определяет цвета фона по умолчанию, ориентации и конкретные возможности, которые потребуются вашему приложению, например доступ к Location.
Убедитесь, что вы хорошо знакомы с этим файлом. Тебе это понадобится.
StandardStyles.xaml
Этот бегемот на 1830 строчек — не более чем огромная куча стилей XAML по умолчанию для вас. Стили для текстовых полей, переключателей, значков на панели приложений и многое другое. Я настоятельно рекомендую ознакомиться с этими стилями, но также важно помнить, что любой из стилей может быть изменен в соответствии с вашими потребностями. Не хотите белую рамку на всех ваших пуговицах? Убери это!
Вы также можете рассмотреть возможность добавления своих собственных стилей в этот файл, просто помните, что эти стили будут доступны для каждой страницы вашего приложения благодаря нашему следующему файлу: App.xaml.
App.xaml
В этом файле все начинается. Это первый файл, который загружается при запуске приложения, и он содержит все ресурсы и настройки уровня приложения для вашего приложения. По умолчанию этот файл содержит только одну ценную строку разметки:
<ResourceDictionary Source="Common/StandardStyles.xaml"/>
Это загружает наш файл StandardStyles.xaml как ResourceDictionary, делая эти стили доступными для каждой страницы нашего приложения. Настоящее волшебство App.xaml скрыто в его файле с выделенным кодом: App.xaml.cs. Давайте посмотрим на это дальше.
App.xaml.cs
Этот файл, как и в Windows Phone, начинается там, где начинается действие. Здесь находятся все методы запуска вашего приложения, такие как OnLaunched (), OnSuspending () и другие. Это также место, где ссылается на страницу запуска вашего приложения. Вы увидите несколько строк в методе OnLaunched (), которые выглядят так:
if (!rootFrame.Navigate(typeof(MainPage), args.Arguments))
{
throw new Exception("Failed to create initial page");
}
Параметр «MainPage» относится к нашему следующему файлу, MainPage.xaml.
MainPage.xaml
Этот файл является домашней страницей вашего приложения по умолчанию. Это первое, что увидит пользователь после завершения загрузки заставки. В вашем проекте он в основном не содержит ничего, кроме базового элемента управления Grid со примененным стилем. Вы захотите добавить больше на эту страницу почти сразу, и есть несколько отличных элементов управления для использования. Мы рекомендуем взглянуть на элементы управления GridView или FlipView для начинающих, но используйте все, что имеет смысл для вашего приложения.
MainPage.xaml.cs
Как и в случае с MainPage.xaml, этот файл практически пуст. У нас есть метод конструктора для страницы, а также метод-обработчик события OnNavigatedTo (). В Windows Phone это всегда было доступно для использования (и настоятельно рекомендуется), но теперь оно есть по умолчанию, а это означает, что многие другие разработчики начнут использовать его вместо метода конструктора страницы.
Day1-TheBlankApp_TemporaryKey.pfx
Каждое приложение Магазина Windows подписано сертификатом. Когда вы впервые создаете новый проект в Visual Studio, он автоматически создает новый тестовый сертификат. В нашем случае этот тестовый сертификат называется Day1-TheBlankApp_TevenKey.pfx, где Day1-TheBlankApp — это имя нашего проекта. Опять же, вы можете найти этот набор в файле package.appxmanifest на вкладке Упаковка . Вы даже можете создавать новые сертификаты там, если это необходимо.
Когда вы будете готовы отправить заявку в магазин, вам нужно будет связать ваше приложение с Microsoft Store и вашей учетной записью разработчика. Вы можете сделать это, перейдя в Projects, Store, Associate App with the Store…
Вы можете найти больше информации о подписании пакета приложения здесь .
Резюме
Итак, это все! Мы только начинаем эту серию, но теперь вы хорошо разбираетесь в каждом из файлов, найденных в шаблоне пустого приложения по умолчанию для XAML. Если вы еще не установили Visual Studio 2012, но все еще хотите взглянуть на файлы кода для этого типа проекта, вы можете скачать их здесь:
Завтра мы сосредоточимся на ориентации и привязке, двух важных аспектах вашего приложения, которые часто упускаются из виду. Если вы еще этого не сделали, загрузите бесплатные инструменты для создания приложений для Windows 8 по ссылке ниже. До завтра!
