Проект кода [WP7] для CodeProject
Сегодняшний проект – пример того, что приложения для Windows Phone не обязательно должны быть сложными. Также он позволит нам заглянуть на один из самых любимых сайтов по кодированию CodeProject с помощью одного из наших любимых устройств…
Приложение Codeproject для WindowsPhone
Введение
В этой статье предпринята попытка создать приложение (очень простое) для доступа к сайту Codeproject с мобильного телефона под управлением Windows Phone 7. В нем используется RSS-фид, предоставляемый Codeproject для обновлений данных приложения. Для чтения RSS я бессовестно использовал прикладные классы, написанные Ариком Познански (Arik Poznanski) и опубликованные в статье «Чтение элементов RSS на Windows Phone 7».
Исходный код требует для компиляции VS2010 и Windows Phone SDK 7.0, а также эмулятор Windows Phone для запуска. Для создания XAML-файлов я применил MS Expression Blend. Если вы хотите самостоятельно заняться этим, то соответствующие инструменты можно найти на странице https://www.microsoft.com/visualstudio/en-us/products/2010-editions/windows-phone-developer-tools.
Мотивация
CodeProject посещает более восьми миллионов пользователей, и их число быстро растет. Многие обращаются к этому сайту, чтобы идти в ногу с постоянно меняющимся миром разработки программного обеспечения. И для многих он является точкой входа для освоения новых концепций, технологий и механизмов. Раздел вопросов и ответов, который является наиболее оживленным, помогает отвлечься от повседневных проблем кодирования, и зачастую спрашивающий ждет не более пяти минут (конечно, если вопрос опубликован корректно и в правильной ветке) для того, чтобы получить ответ.
Меня немного опечалило, что для такой замечательной вещи нет мобильных приложений (по крайней мере, я не нашел ничего). И необходимость иметь их открыта для дискуссий.
В настоящее время CodeProject имеет мобильную версию сайта, в которой отсутствуют многое из существующего на традиционном сайте. Однако там есть ссылка, обеспечивающая доступ к полной версии сайта. Такой стратегии следуют многие, у которых есть постоянно меняющийся контент. Но по мере добавления новых функций к традиционному сайту, в мобильном обнаруживается тенденция к отставанию после нажатия пользователем кнопки полного размера на телефоне, что требует создания отдельного сайта для мобильных устройств.
Более того, приложение обеспечивает лучший интерфейс для просмотра одного и того же контента на мобильном устройстве, по сравнению с просмотром сокращенной версии сайта. По крайней мере, я так думаю. И это подвигло меня на разработку мобильного приложения.
Отложив всё это в сторону, задумайтесь, разве плохо иметь собственное мобильное приложение?
Я выбрал разработку приложения на Windows Phone, так как есть великолепные инструменты разработки и, кроме того, мне удобно работать с Visual Studio.
..."
Снимок решения:
Организация кода и страниц
Теперь посмотрим, как организованы и связаны страницы.
Файл MainPage.xaml содержит интерфейс пользователя для заполнения главного экрана приложения (как показано на рис.2). Если вы проанализируете этот файл, то можете удивиться, почему каждая кнопка обернута в рамочку. Она действительно нужна для того, чтобы скруглить углы кнопки. Так как нет способа задать радиус для угла, я использовал рамку и задал ее свойство CornerRadius, чтобы добиться нужного эффекта.
Щелчки по кнопкам обрабатываются в коде и, в зависимости от кнопки, мы будем доставать соответствующий RSS из массива _RSSFeed
// string array to hold RSS feeds urlstring[] _RSSFeed = { "https://www.codeproject.com/WebServices/ArticleRSS.aspx?cat=1", // All latest content "https://www.codeproject.com/WebServices/ArticleRSS.aspx?cat=2", // MFC/C++ latest content "https://www.codeproject.com/WebServices/ArticleRSS.aspx?cat=3", // C# latest content "https://www.codeproject.com/WebServices/ArticleRSS.aspx?cat=6", // VB latest content "https://www.codeproject.com/WebServices/ArticleRSS.aspx?cat=4", // ASP latest content "https://www.codeproject.com/WebServices/ArticleRSS.aspx?cat=18", // Mobile latest content "https://www.codeproject.com/webservices/LoungeRss.aspx" // Lounge latest content };Используя метод NavigationService.Navigate, мы затем перейдем к ArticleView.xaml и полученный RSS URL передается в ArticleView.xaml как значение с ключом 'RSSFeed'.
NavigationService.Navigate(new Uri("/views/ArticleView.xaml?RSSFeed=" + _RSSFeed[(int)RSSCategory.AllArticlesRSS], UriKind.Relative));В событии OnNavigatedTo файла ArticleView это значение возвращается обратно.
protected override void OnNavigatedTo(NavigationEventArgs e) { string strTemp; NavigationContext.QueryString.TryGetValue("RSSFeed", out strTemp); // ...... // ...... }URL RSS-фида разбирается с помощью вспомогательного класса RssService и данные запоминаются в классе RssItem. В дальнейшем он работает как источник элементов для списка, образуя удивительный вид как показано на рисунках 4 и 5.
Детали, касающиеся RSS-фидов и способов их разбора лучше объяснены в статье «Чтение элементов RSS на Windows Phone 7». Я не хочу отталкивать читателей, дублируя эту информацию. Вы всегда можете обратиться к этой замечательной статье.
protected override void OnNavigatedTo(NavigationEventArgs e) { // ..... // ..... // Fetch the RSS items using the helper and set this to the listbox controls WindowsPhone.Helpers.RssService.GetRssItems( PhoneApplicationService.Current.State["RSSFeed"].ToString(), (items) => { listbox.ItemsSource = items; }, (exception) => { MessageBox.Show(exception.Message); }, null ) ;}Как видно из файла ArticleView.xaml, этот список дополняет кнопку гиперссылки и два текстовых блока, которые привязаны соответственно к Title, PublishedDate и PlainSummary.
...
Итак, как видно, это приложение не является ни сложным, ни запутанным, в нем нет множества движущихся частей и что построение аналогичного приложения для того или иного сайта совсем не трудно.