{"id":201966,"date":"2013-11-14T10:05:02","date_gmt":"2013-11-14T06:05:02","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=201966"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=201966","title":{"rendered":"<span class=\"post_title\">\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 Windows 8.1 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u043d\u0430 XAML\/\u0421#. \u0427\u0430\u0441\u0442\u044c 1. \u0414\u0435\u043b\u0430\u0435\u043c \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u044d\u043a\u0440\u0430\u043d \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 Hub<\/span>"},"content":{"rendered":"<div class=\"content html_format\">   \t<img decoding=\"async\" src=\"http:\/\/habr.habrastorage.org\/post_images\/025\/225\/402\/0252254026d042a2db2ba3e42aa77685.png\"\/><\/p>\n<p>  \u042d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435\u0439 \u043c\u044b \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u0441\u0435\u0440\u0438\u044e \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u043e\u0432, \u043f\u043e\u0441\u0432\u044f\u0449\u0435\u043d\u043d\u044b\u0445 \u043d\u043e\u0432\u044b\u043c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044f\u043c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u0434\u043b\u044f Windows 8.1 \u043d\u0430 XAML\/C#. \u041c\u044b \u043f\u043b\u0430\u043d\u0438\u0440\u0443\u0435\u043c \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0439\u0442\u0438 \u043f\u0443\u0442\u044c \u043e\u0442 \u043f\u0443\u0441\u0442\u043e\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0434\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0449\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u00ab\u041a\u0430\u0442\u0430\u043b\u043e\u0433 \u0442\u043e\u0432\u0430\u0440\u043e\u0432\u00bb.<\/p>\n<p>  \u041f\u0435\u0440\u0432\u0430\u044f \u0441\u0442\u0430\u0442\u044c\u044f \u043f\u043e\u0441\u0432\u044f\u0449\u0435\u043d\u0430 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044e \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043d\u0430 \u0431\u0430\u0437\u0435 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 Hub App \u0432 Visual Studio 2013. \u0412 \u043d\u0435\u0439 \u043c\u044b \u043d\u0430\u0443\u0447\u0438\u043c\u0441\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u0443\u0434\u043e\u0431\u043d\u044b\u0435 \u0438 \u0440\u0430\u0437\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u044b\u0435 \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u044b\u0435 \u044d\u043a\u0440\u0430\u043d\u044b \u0434\u043b\u044f \u0432\u0430\u0448\u0438\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439.<\/p>\n<p>  <a name=\"habracut\"><\/a><br \/>  \u0414\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0432\u0430\u043c \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u044f\u0442\u0441\u044f:  <\/p>\n<ul>\n<li><a href=\"http:\/\/windows.microsoft.com\/ru-ru\/windows\/download-shop\">OS Windows 8.1<\/a>;<\/li>\n<li><a href=\"http:\/\/www.microsoft.com\/visualstudio\/rus\/downloads\">Visual Studio 2013<\/a>;<\/li>\n<li><a href=\"http:\/\/msdn.microsoft.com\/en-us\/windows\/hardware\/bg162891.aspx\">Windows 8.1 SDK<\/a> (\u0443\u0436\u0435 \u0432\u0445\u043e\u0434\u0438\u0442 \u0432 \u0441\u043e\u0441\u0442\u0430\u0432 Visual Studio 2013).<\/li>\n<\/ul>\n<h4>\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438\u0437 \u0448\u0430\u0431\u043b\u043e\u043d\u0430<\/h4>\n<p>  \u041e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 Visual Studio 2013, \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043d\u043e\u0432\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430 (<b>File<\/b> -&gt; <b>New<\/b> -&gt; <b>Project<\/b>\u2026). \u0414\u0430\u043b\u0435\u0435 \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0430\u0445 \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043f\u0440\u043e\u0435\u043a\u0442 \u043d\u0430 <b>Visual C#<\/b> -&gt; <b>Windows Store<\/b>. \u0423\u043a\u0430\u0436\u0438\u0442\u0435, \u0447\u0442\u043e \u0431\u0443\u0434\u0435\u0442\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0448\u0430\u0431\u043b\u043e\u043d <b>Hub App<\/b>.<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habr.habrastorage.org\/post_images\/930\/dde\/748\/930dde74849ece80e483cf452cb8e10b.png\"\/><\/p>\n<p>  \u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u043b\u044e\u0431\u043e\u0435 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, <b>eShop<\/b>.<\/p>\n<p>  \u0420\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0441\u043e\u0437\u0434\u0430\u0432\u0448\u0435\u0433\u043e\u0441\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430:  <\/p>\n<ul>\n<li>Assets\\ \u2014 \u043f\u0430\u043f\u043a\u0430 \u0441 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\u043c\u0438 \u0438 \u0438\u043a\u043e\u043d\u043a\u0430\u043c\u0438 \u0434\u043b\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430.<\/li>\n<li>Common\\ \u2014 \u0444\u0430\u0439\u043b\u044b \u0441 \u0432\u0441\u043f\u043e\u043c\u043e\u0433\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u043c\u0438 \u043a\u043b\u0430\u0441\u0441\u0430\u043c\u0438 \u0434\u043b\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u0438 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u044f <a href=\"http:\/\/msdn.microsoft.com\/en-us\/library\/windows\/apps\/hh464925.aspx\">\u0436\u0438\u0437\u043d\u0435\u043d\u043d\u043e\u0433\u043e \u0446\u0438\u043a\u043b\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f<\/a>.<\/li>\n<li>DataModel\\ \u2014 \u0444\u0430\u0439\u043b\u044b, \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0449\u0438\u0435 \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438.<\/li>\n<li>Strings\\ \u2014 \u043f\u0430\u043f\u043a\u0430 \u0441 \u0444\u0430\u0439\u043b\u0430\u043c\u0438 \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0432 \u0434\u043b\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043c\u0443\u043b\u044c\u0442\u0438\u044f\u0437\u044b\u0447\u043d\u043e\u0441\u0442\u0438 \u0438 \u043b\u043e\u043a\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f.<\/li>\n<li>Package.appxmanifest \u2014 \u043c\u0430\u043d\u0438\u0444\u0435\u0441\u0442 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u044e\u0449\u0438\u0439 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438, \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u043f\u043b\u0438\u0442\u043a\u0438 \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b.<\/li>\n<li>App.xaml \u2014 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f.<\/li>\n<li>HubPage.xaml \u2014 \u0433\u043b\u0430\u0432\u043d\u044b\u0439 \u044d\u043a\u0440\u0430\u043d \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u0411\u0443\u0434\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0441\u043f\u0438\u0441\u043e\u043a \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0439 \u0442\u043e\u0432\u0430\u0440\u043e\u0432 \u043d\u0430\u0448\u0435\u0433\u043e \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430.<\/li>\n<li>SectionPage.xaml \u2014 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438 \u0442\u043e\u0432\u0430\u0440\u043e\u0432.<\/li>\n<li>ItemPage.xaml \u2014 \u044d\u043a\u0440\u0430\u043d \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0430 \u0434\u0435\u0442\u0430\u043b\u044c\u043d\u043e\u0439 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u043f\u043e \u0442\u043e\u0432\u0430\u0440\u0443. <\/li>\n<\/ul>\n<p>  \u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u043d\u0430\u0436\u0430\u0432 <b>F5<\/b>, \u0437\u0435\u043b\u0435\u043d\u0443\u044e \u0441\u0442\u0440\u0435\u043b\u043e\u0447\u043a\u0443 \u0438\u043b\u0438 \u0432\u044b\u0431\u0440\u0430\u0432 <b>Debug <\/b>-&gt; <b>Start Debugging<\/b>.<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habr.habrastorage.org\/post_images\/9b2\/232\/2e5\/9b22322e5807fde73ebde15f0575bdbb.png\"\/><\/p>\n<p>  \u0418\u0437\u0443\u0447\u0438\u0442\u0435 \u0440\u0430\u0431\u043e\u0442\u0443 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f:  <\/p>\n<ul>\n<li>\u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u0438\u0442\u044c \u044d\u043a\u0440\u0430\u043d \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0432\u043f\u0440\u0430\u0432\u043e.<\/li>\n<li>\u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u043d\u0430\u0436\u0430\u0442\u044c \u043d\u0430 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0443\u044e \u0441\u0435\u0440\u0443\u044e \u043f\u043b\u0438\u0442\u043a\u0443.<\/li>\n<li>\u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u043d\u0430\u0436\u0430\u0442\u044c \u043d\u0430 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0433\u0440\u0443\u043f\u043f\u044b. <\/li>\n<li>\u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u043d\u0430\u0436\u0430\u0442\u044c \u043d\u0430 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0433\u0440\u0443\u043f\u043f\u044b. <\/li>\n<li>\u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u043d\u0430\u0436\u0430\u0442\u044c \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 \u043d\u0430\u0437\u0430\u0434 \u0432\u043e \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445.<\/li>\n<\/ul>\n<p>  \u0412\u0435\u0440\u043d\u0438\u0442\u0435\u0441\u044c \u0432 Visual Studio \u0438 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0435 \u043e\u0442\u043b\u0430\u0434\u043a\u0443 (<b>Shift+F5<\/b>, \u043a\u0440\u0430\u0441\u043d\u044b\u0439 \u043a\u0432\u0430\u0434\u0440\u0430\u0442\u0438\u043a \u0438\u043b\u0438 \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0432 \u043c\u0435\u043d\u044e <b>Debug <\/b>-&gt;<b> Stop Debugging<\/b>).<\/p>\n<p>  \u0420\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u043a\u0430\u043a \u0443\u0441\u0442\u0440\u043e\u0435\u043d\u044b:  <\/p>\n<ul>\n<li>HubPage.xaml<\/li>\n<li>DataModel\\SampleData.json<\/li>\n<li>DataModel\\SampleDataSource.cs<\/li>\n<\/ul>\n<p>  <\/p>\n<h4>\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0432\u0438\u0442\u0440\u0438\u043d\u044b \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0430 \u0442\u043e\u0432\u0430\u0440\u043e\u0432 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f Hub<\/h4>\n<p>  \u041c\u044b \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u043b\u0438 \u043f\u0440\u043e\u0435\u043a\u0442 \u043f\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0443 <b>Hub App<\/b> \u043d\u0435 \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u043e. \u0418 \u0442\u0435\u043f\u0435\u0440\u044c, \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u044d\u043a\u0440\u0430\u043d\u0435 \u043d\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0443\u0436\u0435 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f <a href=\"http:\/\/msdn.microsoft.com\/en-us\/library\/windows\/apps\/windows.ui.xaml.controls.hub.aspx\">Hub<\/a>. <\/p>\n<p>  Hub \u2013 \u044d\u0442\u043e \u043d\u043e\u0432\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f, \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u044e\u0449\u0438\u0439 <a href=\"http:\/\/msdn.microsoft.com\/en-us\/library\/windows\/apps\/hh761500.aspx\">\u0434\u0438\u0437\u0430\u0439\u043d-\u043f\u0430\u0442\u0442\u0435\u0440\u043d<\/a> \u0434\u043b\u044f \u0438\u0435\u0440\u0430\u0440\u0445\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0438.<\/p>\n<p>  Hub \u0431\u0443\u0434\u0435\u0442 \u044f\u0432\u043b\u044f\u0442\u044c\u0441\u044f \u0442\u043e\u0447\u043a\u043e\u0439 \u0432\u0445\u043e\u0434\u0430 \u0432 \u043d\u0430\u0448\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0438 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u0441\u043e\u0431\u043e\u0439 \u0432\u0438\u0442\u0440\u0438\u043d\u0443 \u0441 \u0430\u043a\u0446\u0438\u044f\u043c\u0438 \u0438 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044f\u043c\u0438 \u0442\u043e\u0432\u0430\u0440\u043e\u0432. \u042d\u0442\u043e\u0442 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0443\u043c\u0435\u0435\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c \u0440\u0430\u0437\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u044b\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442 (\u0442\u0435\u043a\u0441\u0442, \u0432\u0438\u0434\u0435\u043e, \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f), \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u044b\u0439 \u0438\u0437 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445 \u0438\u0441\u0442\u043e\u0447\u043d\u0438\u043a\u043e\u0432 \u0434\u0430\u043d\u043d\u044b\u0445, \u0430 \u0442\u0430\u043a \u0436\u0435 \u0440\u0430\u0437\u043c\u0435\u0449\u0430\u0442\u044c \u0432 \u0441\u0435\u0431\u0435 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f. \u041f\u043e\u0445\u043e\u0436\u0435\u0433\u043e \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0434\u043e\u0431\u0438\u0442\u044c\u0441\u044f \u0438 \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f <a href=\"http:\/\/msdn.microsoft.com\/en-us\/library\/windows\/apps\/windows.ui.xaml.controls.gridview.aspx\">GridView<\/a> \u0438\u043b\u0438 <a href=\"http:\/\/msdn.microsoft.com\/en-us\/library\/windows\/apps\/windows.ui.xaml.controls.listview.aspx\">ListView<\/a>, \u043d\u043e \u044d\u0442\u043e \u043f\u043e\u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043b\u043e \u0431\u044b \u0433\u043e\u0440\u0430\u0437\u0434\u043e \u0431\u043e\u043b\u044c\u0448\u0435 \u0443\u0441\u0438\u043b\u0438\u0439.<\/p>\n<p>  \u0422\u0435\u043f\u0435\u0440\u044c \u043f\u043e\u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u043d\u0430\u0434 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u043c. <\/p>\n<p>  1. \u041f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435 JSON. <\/p>\n<p>  \u041e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u0444\u0430\u0439\u043b <b>SampleData.json<\/b> \u0438 \u0441\u043a\u043e\u043f\u0438\u0440\u0443\u0439\u0442\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0442\u0435\u043a\u0441\u0442:<\/p>\n<pre><code class=\"xml\">{&quot;Groups&quot;:[   {     &quot;UniqueId&quot;: &quot;Group-1&quot;,     &quot;Title&quot;: &quot;\u0413\u0430\u0440\u043d\u0438\u0442\u0443\u0440\u044b \u0434\u043b\u044f Nokia Lumia&quot;,     &quot;Subtitle&quot;: &quot;\u0413\u0430\u0440\u043d\u0438\u0442\u0443\u0440\u044b \u0434\u043b\u044f Nokia Lumia&quot;,     &quot;ImagePath&quot;: &quot;Assets\/DarkGray.png&quot;,     &quot;Description&quot; : &quot;\u041d\u0430\u0443\u0448\u043d\u0438\u043a\u0438 \u0438 \u0433\u0430\u0440\u043d\u0438\u0442\u0443\u0440\u044b Nokia. \u0412\u0435\u043b\u0438\u043a\u043e\u043b\u0435\u043f\u043d\u044b\u0439 \u0437\u0432\u0443\u043a. \u041a\u043e\u043c\u0444\u043e\u0440\u0442 \u0431\u0435\u0437 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438.&quot;,     &quot;Items&quot;:     [       {         &quot;UniqueId&quot;: &quot;Group-1-Item-1&quot;,         &quot;Title&quot;: &quot;\u041d\u0410\u0423\u0428\u041d\u0418\u041a\u0418 COLOUD KNOCK&quot;,         &quot;Subtitle&quot;: &quot;\u0412\u0435\u043b\u0438\u043a\u043e\u043b\u0435\u043f\u043d\u044b\u0439 \u0437\u0432\u0443\u043a. \u041a\u043e\u043c\u0444\u043e\u0440\u0442 \u0431\u0435\u0437 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438.&quot;,         &quot;ImagePath&quot;: &quot;Assets\/2-Misc-Product-Page-Gear-593x500.png&quot;, \t &quot;Price&quot;: &quot;999 \u0440\u0443\u0431.&quot;,         &quot;Description&quot; : &quot;\u0412\u0435\u043b\u0438\u043a\u043e\u043b\u0435\u043f\u043d\u044b\u0439 \u0437\u0432\u0443\u043a. \u041a\u043e\u043c\u0444\u043e\u0440\u0442 \u0431\u0435\u0437 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438.&quot;,         &quot;Content&quot; : &quot;\u0412\u0435\u043b\u0438\u043a\u043e\u043b\u0435\u043f\u043d\u044b\u0439 \u0437\u0432\u0443\u043a. \u041a\u043e\u043c\u0444\u043e\u0440\u0442 \u0431\u0435\u0437 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438.&quot;       },       {         &quot;UniqueId&quot;: &quot;Group-1-Item-2&quot;,         &quot;Title&quot;: &quot;\u041d\u0410\u0423\u0428\u041d\u0418\u041a\u0418 COLOUD POP&quot;,         &quot;Subtitle&quot;: &quot;\u041d\u0410\u0423\u0428\u041d\u0418\u041a\u0418 COLOUD POP&quot;,         &quot;ImagePath&quot;: &quot;Assets\/3-Misc-Product-Page-Gear-594x500.png&quot;, \t &quot;Price&quot;: &quot;999 \u0440\u0443\u0431.&quot;,         &quot;Description&quot; : &quot;\u0412\u0435\u043b\u0438\u043a\u043e\u043b\u0435\u043f\u043d\u044b\u0439 \u0437\u0432\u0443\u043a. \u041a\u0443\u0434\u0430 \u0431\u044b \u0432\u044b \u043d\u0438 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u044f\u043b\u0438\u0441\u044c.&quot;,         &quot;Content&quot; : &quot;\u0412\u0435\u043b\u0438\u043a\u043e\u043b\u0435\u043f\u043d\u044b\u0439 \u0437\u0432\u0443\u043a. \u041a\u0443\u0434\u0430 \u0431\u044b \u0432\u044b \u043d\u0438 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u044f\u043b\u0438\u0441\u044c.&quot;       },       {         &quot;UniqueId&quot;: &quot;Group-1-Item-3&quot;,         &quot;Title&quot;: &quot;\u041d\u0410\u0423\u0428\u041d\u0418\u041a\u0418 COLOUD BOOM &quot;,         &quot;Subtitle&quot;: &quot;Item Subtitle: 3&quot;,         &quot;ImagePath&quot;: &quot;Assets\/1-Misc-Product-Page-Gear-636x500.png&quot;, \t &quot;Price&quot;: &quot;999 \u0440\u0443\u0431.&quot;,         &quot;Description&quot; : &quot;\u0412\u0435\u043b\u0438\u043a\u043e\u043b\u0435\u043f\u043d\u044b\u0439 \u0437\u0432\u0443\u043a. \u0412\u0435\u043b\u0438\u043a\u043e\u043b\u0435\u043f\u043d\u044b\u0439 \u0441\u0442\u0438\u043b\u044c.&quot;,         &quot;Content&quot; : &quot;\u0412\u0435\u043b\u0438\u043a\u043e\u043b\u0435\u043f\u043d\u044b\u0439 \u0437\u0432\u0443\u043a. \u0412\u0435\u043b\u0438\u043a\u043e\u043b\u0435\u043f\u043d\u044b\u0439 \u0441\u0442\u0438\u043b\u044c.&quot;       },       {         &quot;UniqueId&quot;: &quot;Group-1-Item-4&quot;,         &quot;Title&quot;: &quot;\u0411\u0415\u0421\u041f\u0420\u041e\u0412\u041e\u0414\u041d\u0410\u042f \u0421\u0422\u0415\u0420\u0415\u041e\u0413\u0410\u0420\u041d\u0418\u0422\u0423\u0420\u0410 NOKIA PURITY PRO \u041e\u0422 MONSTER&quot;,         &quot;Subtitle&quot;: &quot;\u0411\u0415\u0421\u041f\u0420\u041e\u0412\u041e\u0414\u041d\u0410\u042f \u0421\u0422\u0415\u0420\u0415\u041e\u0413\u0410\u0420\u041d\u0418\u0422\u0423\u0420\u0410 NOKIA PURITY PRO \u041e\u0422 MONSTER&quot;,         &quot;ImagePath&quot;: &quot;Assets\/BH-940-Front.png&quot;, \t &quot;Price&quot;: &quot;999 \u0440\u0443\u0431.&quot;,         &quot;Description&quot; : &quot;\u041c\u0435\u043d\u044c\u0448\u0435 \u0448\u0443\u043c\u0430, \u0442\u043e\u043b\u044c\u043a\u043e \u043c\u0443\u0437\u044b\u043a\u0430&quot;,         &quot;Content&quot; : &quot;\u041c\u0435\u043d\u044c\u0448\u0435 \u0448\u0443\u043c\u0430, \u0442\u043e\u043b\u044c\u043a\u043e \u043c\u0443\u0437\u044b\u043a\u0430&quot;       },       {         &quot;UniqueId&quot;: &quot;Group-1-Item-5&quot;,         &quot;Title&quot;: &quot;\u0421\u0422\u0415\u0420\u0415\u041e\u0413\u0410\u0420\u041d\u0418\u0422\u0423\u0420\u0410 NOKIA PURITY&quot;,         &quot;Subtitle&quot;: &quot;\u0421\u0422\u0415\u0420\u0415\u041e\u0413\u0410\u0420\u041d\u0418\u0422\u0423\u0420\u0410 NOKIA PURITY&quot;,         &quot;ImagePath&quot;: &quot;Assets\/WH-920-cyan-png.png&quot;, \t &quot;Price&quot;: &quot;999 \u0440\u0443\u0431.&quot;,         &quot;Description&quot; : &quot;\u041d\u0435\u0432\u0435\u0440\u043e\u044f\u0442\u043d\u044b\u0439 \u0437\u0432\u0443\u043a \u0432 \u043d\u0430\u0443\u0448\u043d\u0438\u043a\u0430\u0445-\u0432\u043a\u043b\u0430\u0434\u044b\u0448\u0430\u0445&quot;,         &quot;Content&quot; : &quot;\u041d\u0435\u0432\u0435\u0440\u043e\u044f\u0442\u043d\u044b\u0439 \u0437\u0432\u0443\u043a \u0432 \u043d\u0430\u0443\u0448\u043d\u0438\u043a\u0430\u0445-\u0432\u043a\u043b\u0430\u0434\u044b\u0448\u0430\u0445&quot;       }     ]   },   {     &quot;UniqueId&quot;: &quot;Group-2&quot;,     &quot;Title&quot;: &quot;\u0417\u0430\u0440\u044f\u0434\u043a\u0430 \u0438 \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0430 \u0434\u0430\u043d\u043d\u044b\u0445&quot;,     &quot;Subtitle&quot;: &quot;\u0417\u0430\u0440\u044f\u0434\u043a\u0430 \u0438 \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0430 \u0434\u0430\u043d\u043d\u044b\u0445&quot;,     &quot;ImagePath&quot;: &quot;Assets\/LightGray.png&quot;,     &quot;Description&quot; : &quot;\u0417\u0430\u0440\u044f\u0434\u043d\u044b\u0435 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430. \u0411\u0435\u0441\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u0430\u044f \u0437\u0430\u0440\u044f\u0434\u043a\u0430 \u0432 \u043f\u0443\u0442\u0438&quot;,     &quot;Items&quot;:     [       {         &quot;UniqueId&quot;: &quot;Group-2-Item-1&quot;,         &quot;Title&quot;: &quot;\u041f\u041e\u0420\u0422\u0410\u0422\u0418\u0412\u041d\u0410\u042f \u0411\u0415\u0421\u041f\u0420\u041e\u0412\u041e\u0414\u041d\u0410\u042f \u0417\u0410\u0420\u042f\u0414\u041d\u0410\u042f \u041f\u0410\u041d\u0415\u041b\u042c NOKIA DC-50&quot;,         &quot;Subtitle&quot;: &quot;\u041f\u041e\u0420\u0422\u0410\u0422\u0418\u0412\u041d\u0410\u042f \u0411\u0415\u0421\u041f\u0420\u041e\u0412\u041e\u0414\u041d\u0410\u042f \u0417\u0410\u0420\u042f\u0414\u041d\u0410\u042f \u041f\u0410\u041d\u0415\u041b\u042c NOKIA DC-50&quot;,         &quot;ImagePath&quot;: &quot;Assets\/Nokia-Portable-Wireless-Charging-Plate-DC-50.png&quot;, \t &quot;Price&quot;: &quot;999 \u0440\u0443\u0431.&quot;,         &quot;Description&quot; : &quot;\u0411\u0435\u0441\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u0430\u044f \u0437\u0430\u0440\u044f\u0434\u043a\u0430 \u0432 \u043f\u0443\u0442\u0438&quot;,         &quot;Content&quot; : &quot;\u0411\u0435\u0441\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u0430\u044f \u0437\u0430\u0440\u044f\u0434\u043a\u0430 \u0432 \u043f\u0443\u0442\u0438&quot;       },       {         &quot;UniqueId&quot;: &quot;Group-2-Item-2&quot;,         &quot;Title&quot;: &quot;\u0423\u041d\u0418\u0412\u0415\u0420\u0421\u0410\u041b\u042c\u041d\u041e\u0415 \u041f\u041e\u0420\u0422\u0410\u0422\u0418\u0412\u041d\u041e\u0415 \u0417\u0410\u0420\u042f\u0414\u041d\u041e\u0415 \u0423\u0421\u0422\u0420\u041e\u0419\u0421\u0422\u0412\u041e NOKIA DC-19&quot;,         &quot;Subtitle&quot;: &quot;\u0423\u041d\u0418\u0412\u0415\u0420\u0421\u0410\u041b\u042c\u041d\u041e\u0415 \u041f\u041e\u0420\u0422\u0410\u0422\u0418\u0412\u041d\u041e\u0415 \u0417\u0410\u0420\u042f\u0414\u041d\u041e\u0415 \u0423\u0421\u0422\u0420\u041e\u0419\u0421\u0422\u0412\u041e NOKIA DC-19&quot;,         &quot;ImagePath&quot;: &quot;Assets\/Nokia-universal-portable-USB-charger-DC-19.png&quot;, \t &quot;Price&quot;: &quot;999 \u0440\u0443\u0431.&quot;,         &quot;Description&quot; : &quot;\u041f\u043e\u043b\u043d\u044b\u0439 \u043a\u0430\u0440\u043c\u0430\u043d \u044d\u043d\u0435\u0440\u0433\u0438\u0438&quot;,         &quot;Content&quot; : &quot;\u041f\u043e\u043b\u043d\u044b\u0439 \u043a\u0430\u0440\u043c\u0430\u043d \u044d\u043d\u0435\u0440\u0433\u0438\u0438&quot;       },       {         &quot;UniqueId&quot;: &quot;Group-2-Item-3&quot;,         &quot;Title&quot;: &quot;\u0411\u0415\u0421\u041f\u0420\u041e\u0412\u041e\u0414\u041d\u0410\u042f \u0417\u0410\u0420\u042f\u0414\u041d\u0410\u042f \u041f\u0410\u041d\u0415\u041b\u042c&quot;,         &quot;Subtitle&quot;: &quot;\u0411\u0415\u0421\u041f\u0420\u041e\u0412\u041e\u0414\u041d\u0410\u042f \u0417\u0410\u0420\u042f\u0414\u041d\u0410\u042f \u041f\u0410\u041d\u0415\u041b\u042c&quot;,         &quot;ImagePath&quot;: &quot;Assets\/DT-900-Front.png&quot;, \t &quot;Price&quot;: &quot;999 \u0440\u0443\u0431.&quot;,         &quot;Description&quot; : &quot;\u041d\u0435\u043f\u0440\u0438\u043d\u0443\u0436\u0434\u0435\u043d\u043d\u0430\u044f \u0437\u0430\u0440\u044f\u0434\u043a\u0430&quot;,         &quot;Content&quot; : &quot;\u041d\u0435\u043f\u0440\u0438\u043d\u0443\u0436\u0434\u0435\u043d\u043d\u0430\u044f \u0437\u0430\u0440\u044f\u0434\u043a\u0430&quot;       }     ]   } ] }  <\/code><\/pre>\n<p>  \u041a\u0430\u0440\u0442\u0438\u043d\u043a\u0438 \u0438 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0442\u043e\u0432\u0430\u0440\u043e\u0432 \u0434\u043b\u044f \u0442\u0435\u0441\u0442\u043e\u0432\u043e\u0433\u043e \u043d\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u0431\u044b\u043b\u0438 \u0432\u0437\u044f\u0442\u044b \u0441 \u0441\u0430\u0439\u0442\u0430 Nokia: <a href=\"http:\/\/www.nokia.com\/ru-ru\/accessories\/all\/headsets\/\">www.nokia.com\/ru-ru\/accessories\/all\/headsets\/<\/a><\/p>\n<p>  2. \u041f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u043c \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u043c \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0445.<\/p>\n<p>  \u041d\u0430 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u044d\u043a\u0440\u0430\u043d\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0431\u0443\u0434\u0435\u0442 \u0447\u0435\u0442\u044b\u0440\u0435 \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0438\u0432\u0430\u044e\u0449\u0438\u0435\u0441\u044f \u0441\u0435\u043a\u0446\u0438\u0438:   <\/p>\n<ul>\n<li>\u0421\u0435\u043a\u0446\u0438\u044f \u0441 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u0444\u043e\u043d\u043e\u0432\u044b\u043c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\u043c;<\/li>\n<li>\u0421\u0435\u043a\u0446\u0438\u044f \u0441 \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u043e\u0439 \u0430\u043a\u0446\u0438\u0435\u0439 \u0442\u043e\u0432\u0430\u0440\u0430;<\/li>\n<li>\u0414\u0432\u0435 \u0441\u0435\u043a\u0446\u0438\u0438 \u0434\u043b\u044f \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0439 \u0442\u043e\u0432\u0430\u0440\u043e\u0432. \u042d\u0442\u043e \u0431\u0443\u0434\u0443\u0442 \u0434\u0432\u0435 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u0435 \u0441 \u0442\u043e\u0447\u043a\u0438 \u0437\u0440\u0435\u043d\u0438\u044f \u0432\u043d\u0435\u0448\u043d\u0435\u0433\u043e \u0432\u0438\u0434\u0430 \u0441\u0435\u043a\u0446\u0438\u0438, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0438\u0435 \u043e\u0431\u0449\u0438\u0439 \u0448\u0430\u0431\u043b\u043e\u043d \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f.<\/li>\n<\/ul>\n<p>  \u041e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u0444\u0430\u0439\u043b <b>HubPage.xaml<\/b> \u0438 \u0432\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0442\u0443\u0434\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u0434:<\/p>\n<pre><code class=\"html\">&lt;Page   DataContext=&quot;{Binding DefaultViewModel, RelativeSource={RelativeSource Self}}&quot;     x:Name=&quot;pageRoot&quot;     x:Class=&quot;eShop.HubPage&quot;     xmlns=&quot;http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation&quot;     xmlns:x=&quot;http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml&quot;     xmlns:local=&quot;using:eShop&quot;     xmlns:data=&quot;using:eShop.Data&quot;     xmlns:common=&quot;using:eShop.Common&quot;     xmlns:d=&quot;http:\/\/schemas.microsoft.com\/expression\/blend\/2008&quot;     xmlns:mc=&quot;http:\/\/schemas.openxmlformats.org\/markup-compatibility\/2006&quot;     mc:Ignorable=&quot;d&quot;&gt;      &lt;Page.Resources&gt;         &lt;DataTemplate x:Key=&quot;CategoryItemTemplate&quot;&gt;             &lt;Grid Height=&quot;280&quot; Width=&quot;310&quot; Margin=&quot;5,10,5,10&quot;&gt;                 &lt;Grid.RowDefinitions&gt;                     &lt;RowDefinition Height=&quot;Auto&quot;\/&gt;                     &lt;RowDefinition Height=&quot;*&quot;\/&gt;                     &lt;RowDefinition Height=&quot;Auto&quot;\/&gt;                 &lt;\/Grid.RowDefinitions&gt;                 &lt;Border Background=&quot;{ThemeResource ListViewItemPlaceholderBackgroundThemeBrush}&quot; Height=&quot;150&quot;&gt;                     &lt;Image Source=&quot;{Binding ImagePath}&quot; Stretch=&quot;None&quot; AutomationProperties.Name=&quot;{Binding Title}&quot;\/&gt;                 &lt;\/Border&gt;                 &lt;StackPanel Grid.Row=&quot;1&quot; Margin=&quot;0,10,0,0&quot;&gt;                     &lt;TextBlock Text=&quot;{Binding Title}&quot; Style=&quot;{StaticResource TitleTextBlockStyle}&quot; TextWrapping=&quot;NoWrap&quot;\/&gt;                     &lt;TextBlock Text=&quot;{Binding Description}&quot; Style=&quot;{StaticResource BodyTextBlockStyle}&quot; MaxHeight=&quot;60&quot; \/&gt;                 &lt;\/StackPanel&gt;                 &lt;Button Grid.Row=&quot;2&quot; Content=&quot;\u043a\u0443\u043f\u0438\u0442\u044c&quot; Margin=&quot;0,10,0,0&quot; HorizontalAlignment=&quot;Right&quot; \/&gt;             &lt;\/Grid&gt;         &lt;\/DataTemplate&gt;     &lt;\/Page.Resources&gt;      &lt;Grid Background=&quot;{ThemeResource ApplicationPageBackgroundThemeBrush}&quot;&gt;         &lt;Grid.ChildrenTransitions&gt;             &lt;TransitionCollection&gt;                 &lt;EntranceThemeTransition\/&gt;             &lt;\/TransitionCollection&gt;         &lt;\/Grid.ChildrenTransitions&gt;         &lt;Hub SectionHeaderClick=&quot;Hub_SectionHeaderClick&quot; &gt;             &lt;Hub.Header&gt;                 &lt;Grid&gt;                     &lt;Grid.ColumnDefinitions&gt;                         &lt;ColumnDefinition Width=&quot;80&quot;\/&gt;                         &lt;ColumnDefinition Width=&quot;*&quot;\/&gt;                     &lt;\/Grid.ColumnDefinitions&gt;                     &lt;Button  x:Name=&quot;backButton&quot; Style=&quot;{StaticResource NavigationBackButtonNormalStyle}&quot;                         Margin=&quot;-1,-1,39,0&quot;                          VerticalAlignment=&quot;Top&quot;                         Command=&quot;{Binding NavigationHelper.GoBackCommand, ElementName=pageRoot}&quot;                         AutomationProperties.Name=&quot;Back&quot;                         AutomationProperties.AutomationId=&quot;BackButton&quot;                         AutomationProperties.ItemType=&quot;Navigation Button&quot;\/&gt;                     &lt;TextBlock x:Name=&quot;pageTitle&quot; Text=&quot;{StaticResource AppName}&quot; Style=&quot;{StaticResource HeaderTextBlockStyle}&quot; Grid.Column=&quot;1&quot;                          VerticalAlignment=&quot;Top&quot; IsHitTestVisible=&quot;false&quot; TextWrapping=&quot;NoWrap&quot; \/&gt;                 &lt;\/Grid&gt;             &lt;\/Hub.Header&gt;             &lt;HubSection Width=&quot;780&quot; Margin=&quot;0,0,80,0&quot;&gt;                 &lt;HubSection.Background&gt;                     &lt;ImageBrush ImageSource=&quot;Assets\/Background.jpg&quot; Stretch=&quot;UniformToFill&quot; \/&gt;                 &lt;\/HubSection.Background&gt;             &lt;\/HubSection&gt;             &lt;HubSection Width=&quot;500&quot; Header=&quot;\u0410\u043a\u0446\u0438\u0438 \u0438 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f&quot; &gt;                 &lt;DataTemplate&gt;                     &lt;Grid&gt;                         &lt;Grid.RowDefinitions&gt;                             &lt;RowDefinition Height=&quot;Auto&quot; \/&gt;                             &lt;RowDefinition Height=&quot;Auto&quot; \/&gt;                             &lt;RowDefinition Height=&quot;*&quot; \/&gt;                             &lt;RowDefinition Height=&quot;Auto&quot; \/&gt;                         &lt;\/Grid.RowDefinitions&gt;                         &lt;Image Source=&quot;Assets\/DT-900-Front.png&quot; Stretch=&quot;None&quot; Width=&quot;420&quot; Height=&quot;280&quot;\/&gt;                         &lt;TextBlock Style=&quot;{StaticResource SubheaderTextBlockStyle}&quot; Grid.Row=&quot;1&quot; Margin=&quot;0,10,0,0&quot; TextWrapping=&quot;Wrap&quot;                                      Text=&quot;\u0417\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u043e \u043f\u0440\u043e\u0432\u043e\u0434\u0430\u0445&quot; \/&gt;                                                 &lt;TextBlock Style=&quot;{StaticResource BodyTextBlockStyle}&quot; Grid.Row=&quot;2&quot;                                    Text=&quot;\u041f\u0440\u043e\u0441\u0442\u043e \u043f\u043e\u043b\u043e\u0436\u0438\u0442\u0435 \u0442\u0435\u043b\u0435\u0444\u043e\u043d \u043d\u0430 \u043f\u0430\u043d\u0435\u043b\u044c \u0431\u0435\u0441\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u043e\u0439 \u0437\u0430\u0440\u044f\u0434\u043a\u0438 - \u0443\u0434\u043e\u0431\u043d\u0435\u0435 \u043d\u0435 \u0431\u044b\u0432\u0430\u0435\u0442!&quot; \/&gt;                         &lt;Button Grid.Row=&quot;3&quot; Content=&quot;\u043a\u0443\u043f\u0438\u0442\u044c&quot; Margin=&quot;0,10,0,0&quot; HorizontalAlignment=&quot;Right&quot; \/&gt;                     &lt;\/Grid&gt;                 &lt;\/DataTemplate&gt;              &lt;\/HubSection&gt;             &lt;HubSection IsHeaderInteractive=&quot;True&quot; DataContext=&quot;{Binding Group1Items}&quot; Header=&quot;{Binding Title}&quot; Padding=&quot;40,40,40,32&quot;&gt;                 &lt;DataTemplate&gt;                     &lt;GridView                         x:Name=&quot;itemGridView&quot;                         ItemsSource=&quot;{Binding Items}&quot;                         Margin=&quot;-9,-14,0,0&quot;                         AutomationProperties.AutomationId=&quot;ItemGridView&quot;                         AutomationProperties.Name=&quot;Items In Group&quot;                         ItemTemplate=&quot;{StaticResource CategoryItemTemplate}&quot;                         SelectionMode=&quot;None&quot;                         IsSwipeEnabled=&quot;false&quot;                         IsItemClickEnabled=&quot;True&quot;                         ItemClick=&quot;ItemView_ItemClick&quot;&gt;                     &lt;\/GridView&gt;                 &lt;\/DataTemplate&gt;             &lt;\/HubSection&gt;             &lt;HubSection IsHeaderInteractive=&quot;True&quot; DataContext=&quot;{Binding Group2Items}&quot; Header=&quot;{Binding Title}&quot; Padding=&quot;40,40,40,32&quot;&gt;                 &lt;DataTemplate&gt;                     &lt;GridView                         x:Name=&quot;itemGridView&quot;                         ItemsSource=&quot;{Binding Items}&quot;                         Margin=&quot;-9,-14,0,0&quot;                         AutomationProperties.AutomationId=&quot;ItemGridView&quot;                         AutomationProperties.Name=&quot;Items In Group&quot;                         ItemTemplate=&quot;{StaticResource CategoryItemTemplate}&quot;                         SelectionMode=&quot;None&quot;                         IsSwipeEnabled=&quot;false&quot;                         IsItemClickEnabled=&quot;True&quot;                         ItemClick=&quot;ItemView_ItemClick&quot;&gt;                     &lt;\/GridView&gt;                 &lt;\/DataTemplate&gt;             &lt;\/HubSection&gt;         &lt;\/Hub&gt;     &lt;\/Grid&gt; &lt;\/Page&gt; <\/code><\/pre>\n<p>  \u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0441\u0442\u0440\u043e\u0447\u043a\u0438:<\/p>\n<pre><code class=\"html\">&lt;Page DataContext=&quot;{Binding DefaultViewModel, RelativeSource={RelativeSource Self}}&quot;&gt;  <\/code><\/pre>\n<p>  <i>{Binding DefaultViewModel}<\/i> \u2013 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u044e \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432, \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u044b \u0434\u043b\u044f \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0438 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b.<\/p>\n<pre><code class=\"html\">&lt;HubSection DataContext=&quot;{Binding Group1Items}&quot; Header=&quot;{Binding Title}&quot;&gt; <\/code><\/pre>\n<p>  <i>{Binding Group1Items}<\/i> \u2013 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 \u0438\u0437 \u043a\u0430\u043a\u043e\u0433\u043e \u043e\u0431\u044a\u0435\u043a\u0442\u0430 \u0431\u0443\u0434\u0443\u0442 \u0432\u0437\u044f\u0442\u044b \u0434\u0430\u043d\u043d\u044b\u0435 \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0432 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0435 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f. \u041e\u0431\u044a\u0435\u043a\u0442 Group1Items \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043e \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438 \u0442\u043e\u0432\u0430\u0440\u043e\u0432 \u0438 \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u0432 \u043d\u0435\u0439 \u0442\u043e\u0432\u0430\u0440\u044b.<br \/>  <i>{Binding Title}<\/i> \u2013 \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u043d\u0430 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e, \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0449\u0435\u0435 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438 \u0442\u043e\u0432\u0430\u0440\u043e\u0432 \u0432 \u043e\u0431\u044a\u0435\u043a\u0442\u0435 Group1Items.<\/p>\n<p>  \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0435 \u0434\u0430\u043d\u043d\u044b\u0445 \u043a \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043d\u0430\u0439\u0442\u0438 <a href=\"http:\/\/msdn.microsoft.com\/en-us\/library\/windows\/apps\/hh464965.aspx\">\u0442\u0443\u0442<\/a>. <\/p>\n<p>  3. \u0417\u0430\u0439\u043c\u0435\u043c\u0441\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0438\u043c \u0438\u0445 \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0443.<\/p>\n<p>  \u041e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u0444\u0430\u0439\u043b <b>HubPage.cs<\/b>, \u043d\u0430\u0439\u0434\u0438\u0442\u0435 \u0432 \u043d\u0435\u043c \u043c\u0435\u0442\u043e\u0434 <b>navigationHelper_LoadState<\/b> \u0438 \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u0435 \u0435\u0433\u043e \u043d\u0430 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u0434:<\/p>\n<pre><code class=\"cs\">private async void navigationHelper_LoadState(object sender, LoadStateEventArgs e) {             var sampleDataGroup1 = await SampleDataSource.GetGroupAsync(&quot;Group-1&quot;);             this.DefaultViewModel[&quot;Group1Items&quot;] = sampleDataGroup1;              var sampleDataGroup2 = await SampleDataSource.GetGroupAsync(&quot;Group-2&quot;);             this.DefaultViewModel[&quot;Group2Items&quot;] = sampleDataGroup2; } <\/code><\/pre>\n<p>  \u041c\u0435\u0442\u043e\u0434 <i>SampleDataSource.GetGroupAsync<\/i> \u2013 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0434\u0430\u043d\u043d\u044b\u0435 \u043f\u043e \u0442\u043e\u0432\u0430\u0440\u0430\u043c \u0438 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438 \u0438\u0437 \u0444\u0430\u0439\u043b\u0430 SampleData.json, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u044b \u0432 \u043d\u0430\u0447\u0430\u043b\u0435 \u043d\u0430\u043f\u043e\u043b\u043d\u044f\u043b\u0438 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u043e\u043c.<\/p>\n<p>  \u041e\u0431\u044a\u0435\u043a\u0442 <i>SampleDataSource<\/i> \u0431\u044b\u043b \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u043d \u043f\u0440\u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u043f\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0443 \u0438 \u0438\u043c\u0435\u0435\u0442 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e \u043c\u043e\u0434\u0435\u043b\u044c \u0434\u0430\u043d\u043d\u044b\u0445:<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habr.habrastorage.org\/post_images\/f53\/52f\/509\/f5352f5094c40ecb66429751096abd11.png\"\/><\/p>\n<p>  <i>DefaultViewModel<\/i> \u2013 \u044d\u0442\u043e \u043f\u0443\u0431\u043b\u0438\u0447\u043d\u043e\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0441\u043e\u0431\u043e\u0439 \u0441\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0438\u0445\u0441\u044f \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0434\u043b\u044f \u043e\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u043b\u0435\u043d\u0438\u044f \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0438 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u043a \u0434\u0430\u043d\u043d\u044b\u043c. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442\u0441\u044f \u0432 \u0442\u044d\u0433\u0435 &lt;Page&gt;.<\/p>\n<p>  4. \u041d\u0430\u0441\u0442\u0430\u043b\u043e \u0432\u0440\u0435\u043c\u044f \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435.<\/p>\n<p>  \u041c\u043e\u0436\u043d\u043e \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435, \u043d\u0430\u0436\u0430\u0432 <b>F5<\/b>, \u0437\u0435\u043b\u0435\u043d\u0443\u044e \u0441\u0442\u0440\u0435\u043b\u043e\u0447\u043a\u0443 \u0438\u043b\u0438 \u0432\u044b\u0431\u0440\u0430\u0432 <b>Debug <\/b>-&gt; <b>Start Debugging<\/b>.<\/p>\n<p>  \u0412\u043d\u0435\u0448\u043d\u0438\u0439 \u0432\u0438\u0434 \u043f\u043e\u043b\u0443\u0447\u0438\u0432\u0448\u0435\u0433\u043e\u0441\u044f \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d \u043d\u0430 \u0440\u0438\u0441\u0443\u043d\u043a\u0430\u0445 \u043d\u0438\u0436\u0435.<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habr.habrastorage.org\/post_images\/802\/151\/db6\/802151db6062cfa2cc053dd950a6e778.png\"\/><\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habr.habrastorage.org\/post_images\/440\/0c5\/c44\/4400c5c44e03327302fb522765ac2673.png\" alt=\"image\"\/><\/p>\n<p>  \u041a\u0430\u043a \u0432\u0438\u0434\u0438\u0442\u0435, \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e \u0438\u0437\u043c\u0435\u043d\u0438\u043b\u043e\u0441\u044c \u0438 \u043d\u0430\u0443\u0447\u0438\u043b\u043e\u0441\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435. \u041e\u0434\u043d\u0430\u043a\u043e, \u0434\u043e \u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u043e\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0435\u0449\u0435 \u043c\u043d\u043e\u0433\u043e\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u043e\u0438\u0442 \u0441\u0434\u0435\u043b\u0430\u0442\u044c.<\/p>\n<p>  \u042d\u0442\u0438\u043c \u043c\u044b \u0437\u0430\u0439\u043c\u0435\u043c\u0441\u044f \u0432 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0445 \u0441\u0442\u0430\u0442\u044c\u044f\u0445.<\/p>\n<p>  \u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0433\u043e\u0442\u043e\u0432\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 \u043c\u043e\u0436\u043d\u043e \u043f\u043e \u0441\u0441\u044b\u043b\u043a\u0435: <a href=\"https:\/\/skydrive.live.com\/download?resid=DA8C144CFF7C40EE!37375\">http:\/\/sdrv.ms\/1gKmlvw<\/a>      \t<\/p>\n<div class=\"clear\"><\/div>\n<\/p><\/div>\n<p> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"http:\/\/habrahabr.ru\/company\/microsoft\/blog\/201966\/\"> http:\/\/habrahabr.ru\/company\/microsoft\/blog\/201966\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"content html_format\">   \t<img decoding=\"async\" src=\"http:\/\/habr.habrastorage.org\/post_images\/025\/225\/402\/0252254026d042a2db2ba3e42aa77685.png\"\/><\/p>\n<p>  \u042d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435\u0439 \u043c\u044b \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u0441\u0435\u0440\u0438\u044e \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u043e\u0432, \u043f\u043e\u0441\u0432\u044f\u0449\u0435\u043d\u043d\u044b\u0445 \u043d\u043e\u0432\u044b\u043c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044f\u043c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439 \u0434\u043b\u044f Windows 8.1 \u043d\u0430 XAML\/C#. \u041c\u044b \u043f\u043b\u0430\u043d\u0438\u0440\u0443\u0435\u043c \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0439\u0442\u0438 \u043f\u0443\u0442\u044c \u043e\u0442 \u043f\u0443\u0441\u0442\u043e\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0434\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0449\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u00ab\u041a\u0430\u0442\u0430\u043b\u043e\u0433 \u0442\u043e\u0432\u0430\u0440\u043e\u0432\u00bb.<\/p>\n<p>  \u041f\u0435\u0440\u0432\u0430\u044f \u0441\u0442\u0430\u0442\u044c\u044f \u043f\u043e\u0441\u0432\u044f\u0449\u0435\u043d\u0430 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044e \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0432\u0435\u0440\u0441\u0438\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043d\u0430 \u0431\u0430\u0437\u0435 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 Hub App \u0432 Visual Studio 2013. \u0412 \u043d\u0435\u0439 \u043c\u044b \u043d\u0430\u0443\u0447\u0438\u043c\u0441\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u0443\u0434\u043e\u0431\u043d\u044b\u0435 \u0438 \u0440\u0430\u0437\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u044b\u0435 \u0441\u0442\u0430\u0440\u0442\u043e\u0432\u044b\u0435 \u044d\u043a\u0440\u0430\u043d\u044b \u0434\u043b\u044f \u0432\u0430\u0448\u0438\u0445 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0439.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-201966","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/201966","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=201966"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/201966\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=201966"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=201966"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=201966"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}