{"id":266106,"date":"2015-09-22T10:40:03","date_gmt":"2015-09-22T06:40:03","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=266106"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=266106","title":{"rendered":"\u041f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043d\u0430 \u043f\u0440\u043e\u043a\u0430\u0447\u043a\u0443. \u041a\u0430\u043a \u0443\u0441\u043a\u043e\u0440\u0438\u0442\u044c \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443 C#\/XAML \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f Windows Store"},"content":{"rendered":"<p>       <a href=\"http:\/\/habrahabr.ru\/post\/267131\/\"><\/p>\n<div style=\"text-align:center;\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/b9b\/8e7\/8e9\/b9b8e78e954b45fdbfd7d087a0b51d28.jpg\" \/><\/div>\n<p><\/a><br \/>  \u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0442 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0435 \u0441\u043f\u043e\u0441\u043e\u0431\u044b \u0443\u0441\u043a\u043e\u0440\u0438\u0442\u044c \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u0435\u0433\u043e \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c. <br \/>  \u0412 \u0447\u0430\u0441\u0442\u043d\u043e\u0441\u0442\u0438 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c <font color=\"#00aa00\">\u043e\u0442\u043b\u043e\u0436\u0435\u043d\u043d\u0443\u044e \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443<\/font> \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438\u043b\u0438 \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f <font color=\"#0000aa\">\u0438\u043d\u043a\u0440\u0435\u043c\u0435\u043d\u0442\u043d\u043e\u0439 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u043e\u0439<\/font> \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e. \u041e\u0431 \u044d\u0442\u0438\u0445 \u0441\u043f\u043e\u0441\u043e\u0431\u0430\u0445 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u0438 \u043e \u0434\u0440\u0443\u0433\u0438\u0445 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u044f\u0445 \u0447\u0438\u0442\u0430\u0439\u0442\u0435 \u0434\u0430\u043b\u0435\u0435.<br \/>  <a name=\"habracut\"><\/a>  <\/p>\n<h4><font color=\"#aaaa00\">\u041e\u0442\u043b\u043e\u0436\u0435\u043d\u043d\u0430\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b<\/font><\/h4>\n<p>  \u0418\u043d\u043e\u0433\u0434\u0430 \u043f\u0440\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u043d\u0430\u043c \u0441\u0440\u0430\u0437\u0443 \u043d\u0435 \u043d\u0443\u0436\u043d\u044b. \u0412 \u0442\u0430\u043a\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0438\u0445 \u043d\u0435 \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0442\u044c \u0441\u0440\u0430\u0437\u0443, \u0443\u0441\u043a\u043e\u0440\u0438\u0432 \u0442\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u0437\u0430\u043f\u0443\u0441\u043a \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f, \u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u0438\u0445 \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u0442\u043e\u043c, \u043a\u043e\u0433\u0434\u0430 \u043e\u043d\u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0441\u0442\u0430\u043d\u0443\u0442 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b.<br \/>  \u0420\u0430\u0437\u0431\u0435\u0440\u0435\u043c \u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0435. \u0414\u043e\u0431\u0430\u0432\u0438\u043c \u0442\u0430\u043a\u043e\u0439 \u0432\u043e\u0442 \u043a\u043e\u0434 \u0432 XAML \u043d\u0430\u0448\u0435\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b:<\/p>\n<pre><code class=\"xml\">    &lt;Grid HorizontalAlignment=&quot;Center&quot; Background=&quot;{ThemeResource ApplicationPageBackgroundThemeBrush}&quot;&gt;             &lt;StackPanel x:Name=&quot;SomeHiddenPanel&quot; Visibility=&quot;Collapsed&quot; Width=&quot;100&quot; Height=&quot;100&quot; Background=&quot;Yellow&quot;&gt;       &lt;\/StackPanel&gt;       &lt;Button x:Name=&quot;btnShow&quot; Click=&quot;btnShow_Click&quot;&gt;\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043f\u0430\u043d\u0435\u043b\u044c&lt;\/Button&gt;             &lt;\/Grid&gt; <\/code><\/pre>\n<p>  \u041a\u0430\u043a \u0432\u0438\u0434\u043d\u043e \u0438\u0437 \u043a\u043e\u0434\u0430 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 StackPanel \u0441\u043a\u0440\u044b\u0442. \u0417\u0430\u043f\u0443\u0441\u0442\u0438\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435. \u0412 \u043e\u043a\u043d\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f StackPanel \u0436\u0435\u043b\u0442\u043e\u0433\u043e \u0446\u0432\u0435\u0442\u0430 \u043d\u0435 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442\u0441\u044f. \u0410 \u0432\u043e\u0442 \u0432 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u043e\u043c \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u043c \u0434\u0435\u0440\u0435\u0432\u0435 (\u043a\u0441\u0442\u0430\u0442\u0438, \u044d\u0442\u043e \u043d\u043e\u0432\u0430\u044f \u0444\u0438\u0447\u0430 Visual Studio 2015) \u043c\u044b \u0441\u0440\u0430\u0437\u0443 \u0436\u0435 \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u0441\u043c\u043e\u0436\u0435\u043c \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u043d\u0430\u0448 \u0441\u043a\u0440\u044b\u0442\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0441 \u0438\u043c\u0435\u043d\u0435\u043c SomeHiddenPanel:<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/d8a\/a34\/a26\/d8aa34a268544b47b22603ac10481f06.PNG\"\/><\/p>\n<p>  \u0412\u044b\u0445\u043e\u0434\u0438\u0442, \u0442\u043e, \u0447\u0442\u043e \u043c\u044b \u0441\u0434\u0435\u043b\u0430\u043b\u0438 \u0435\u0433\u043e Collapsed, \u043d\u0435 \u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442, \u0447\u0442\u043e \u043e\u043d \u043d\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0441\u044f. \u041a\u043e\u043d\u0442\u0440\u043e\u043b \u043d\u0435 \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u043e\u043a\u043d\u0430, \u043d\u043e \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0442\u0441\u044f \u0438 \u043a\u0443\u0448\u0430\u0435\u0442 \u043d\u0430\u0448\u0438 \u0440\u0435\u0441\u0443\u0440\u0441\u044b. \u041f\u0440\u0438 \u0436\u0435\u043b\u0430\u043d\u0438\u0438 \u043c\u044b \u0441\u043c\u043e\u0436\u0435\u043c \u0435\u0433\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u044c \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e: <\/p>\n<pre><code class=\"cs\">SomeHiddenPanel.Visibility = Visibility.Visible; <\/code><\/pre>\n<p>  \u041f\u043e\u0441\u043b\u0435 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u043c\u044b \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u043a \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0443 StackPanel \u0430\u0442\u0440\u0438\u0431\u0443\u0442 x:DeferLoadStrategy=\u00abLazy\u00bb \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u043c \u0442\u0430\u043a\u043e\u0439 \u0432\u043e\u0442 \u043a\u043e\u0434:<\/p>\n<pre><code class=\"xml\">    &lt;Grid HorizontalAlignment=&quot;Center&quot; Background=&quot;{ThemeResource ApplicationPageBackgroundThemeBrush}&quot;&gt;             &lt;StackPanel x:Name=&quot;SomeHiddenPanel&quot; x:DeferLoadStrategy=&quot;Lazy&quot; Visibility=&quot;Collapsed&quot;                          Width=&quot;100&quot; Height=&quot;100&quot; Background=&quot;Yellow&quot;&gt;         &lt;\/StackPanel&gt;         &lt;Button x:Name=&quot;btnShow&quot; Click=&quot;btnShow_Click&quot;&gt;\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043f\u0430\u043d\u0435\u043b\u044c&lt;\/Button&gt;          &lt;\/Grid&gt; <\/code><\/pre>\n<p>  \u0412\u043e\u0442 \u0442\u0435\u043f\u0435\u0440\u044c \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442 StackPanel \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/f42\/335\/e2e\/f42335e2ed49459e8f6c9ca84b80d65c.PNG\"\/><\/p>\n<p>  \u0415\u0441\u043b\u0438 \u043c\u044b \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0435\u043c \u043e\u0431\u0440\u0430\u0442\u0438\u0442\u044c\u0441\u044f \u043a \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0443 SomeHiddenPanel \u0438\u0437 \u043a\u043e\u0434\u0430 \u0438, \u0441\u043a\u0430\u0436\u0435\u043c, \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0435\u043c \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0435\u043c\u0443 \u0432\u0438\u0434\u0438\u043c\u043e\u0441\u0442\u044c<\/p>\n<pre><code class=\"cs\">SomeHiddenPanel.Visibility = Visibility.Visible; <\/code><\/pre>\n<p>  \u0442\u043e \u043c\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u043c \u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 System.NullReferenceException. \u0418 \u0432\u0441\u0435 \u0432\u0435\u0440\u043d\u043e, \u0432\u0435\u0434\u044c \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0440\u0435\u0430\u043b\u044c\u043d\u043e \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u0435\u0442.<br \/>  \u0414\u043b\u044f \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u0434\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0432 \u043d\u0443\u0436\u043d\u044b\u0439 \u0434\u043b\u044f \u043d\u0430\u0441 \u043c\u043e\u043c\u0435\u043d\u0442 \u043c\u043e\u0436\u043d\u043e \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043c\u0435\u0442\u043e\u0434\u043e\u043c FindName. <br \/>  \u041f\u043e\u0441\u043b\u0435 \u0432\u044b\u0437\u043e\u0432\u0430<\/p>\n<pre><code class=\"cs\">    FindName(&quot;SomeHiddenPanel&quot;); <\/code><\/pre>\n<p>  \u042d\u043b\u0435\u043c\u0435\u043d\u0442 XAML \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d. \u041e\u0441\u0442\u0430\u043d\u0435\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u044c \u0435\u0433\u043e:<\/p>\n<pre><code class=\"cs\">   SomeHiddenPanel.Visibility = Visibility.Visible; <\/code><\/pre>\n<p>  \u0412\u0443\u0430\u043b\u044f:<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/685\/ae8\/013\/685ae801303c456ca98262d4aad7fb35.PNG\"\/><br \/>  \u0414\u0440\u0443\u0433\u0438\u0435 \u0441\u043f\u043e\u0441\u043e\u0431\u044b \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0441 \u043e\u0442\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0439 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u043e\u0439 <b>x:DeferLoadStrategy=\u00abLazy\u00bb<\/b> \u044d\u0442\u043e:<br \/>  1. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c binding, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u0441\u044b\u043b\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u043d\u0435\u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u043d\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442.<br \/>  2. \u0412 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f\u0445 VisualState \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c Setter \u0438\u043b\u0438 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044e, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0431\u0443\u0434\u0435\u0442 \u0441\u0441\u044b\u043b\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u043d\u0435\u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u043d\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442. <br \/>  3. \u0412\u044b\u0437\u0432\u0430\u0442\u044c \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044e, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0437\u0430\u0442\u0440\u0430\u0433\u0438\u0432\u0430\u0435\u0442 \u043d\u0435\u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u043d\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442. <\/p>\n<p>  \u041f\u0440\u043e\u0432\u0435\u0440\u0438\u043c \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0441\u043f\u043e\u0441\u043e\u0431. \u0414\u043e\u0431\u0430\u0432\u0438\u043c \u0432 \u0440\u0435\u0441\u0443\u0440\u0441\u044b \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b StoryBoard:<\/p>\n<pre><code class=\"xml\">    &lt;Page.Resources&gt;         &lt;Storyboard x:Name=&quot;SimpleColorAnimation&quot;&gt;             &lt;ColorAnimation BeginTime=&quot;00:00:00&quot; Storyboard.TargetName=&quot;SomeHiddenPanel&quot;             Storyboard.TargetProperty=&quot;(StackPanel.Background).(SolidColorBrush.Color)&quot;            From=&quot;Yellow&quot; To=&quot;Green&quot; Duration=&quot;0:0:4&quot; \/&gt;         &lt;\/Storyboard&gt;     &lt;\/Page.Resources&gt; <\/code><\/pre>\n<p>  \u0422\u0435\u043f\u0435\u0440\u044c \u0432 \u0441\u043e\u0431\u044b\u0442\u0438\u0438 btnShow_Click \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u043c \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044e:<\/p>\n<pre><code class=\"cs\">            SimpleColorAnimation.Begin();            SomeHiddenPanel.Visibility = Visibility.Visible; <\/code><\/pre>\n<p>  \u0422\u0435\u043f\u0435\u0440\u044c \u043f\u043e\u0441\u043b\u0435 \u043d\u0430\u0436\u0430\u0442\u0438\u044f \u043a\u043d\u043e\u043f\u043a\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d.<\/p>\n<p>  \u041d\u0435\u043c\u043d\u043e\u0433\u043e \u0442\u0435\u043e\u0440\u0438\u0438:<br \/>  \u0410\u0442\u0440\u0438\u0431\u0443\u0442 <b>x:DeferLoadStrategy<\/b> \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d \u0442\u043e\u043b\u044c\u043a\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0443 UIElement (\u0437\u0430 \u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435\u043c \u043a\u043b\u0430\u0441\u0441\u043e\u0432, \u043d\u0430\u0441\u043b\u0435\u0434\u0443\u0435\u043c\u044b\u0445 \u043e\u0442 FlyoutBase. \u0422\u0430\u043a\u0438\u0445 \u043a\u0430\u043a Flyout \u0438\u043b\u0438 MenuFlyout). \u041d\u0435\u043b\u044c\u0437\u044f \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u0442\u044c \u044d\u0442\u043e\u0442 \u0430\u0442\u0440\u0438\u0431\u0443\u0442 \u043a \u043a\u043e\u0440\u043d\u0435\u0432\u044b\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438\u043b\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f, \u0430 \u0442\u0430\u043a\u0436\u0435 \u043a \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c, \u043d\u0430\u0445\u043e\u0434\u044f\u0449\u0438\u043c\u0441\u044f \u0432 ResourceDictionary. \u0415\u0441\u043b\u0438 \u0432\u044b \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0442\u0435 \u043a\u043e\u0434 XAML \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e XamlReader.Load, \u0442\u043e \u0441\u043c\u044b\u0441\u043b\u0430 \u0432 \u044d\u0442\u043e\u043c \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0435 \u043d\u0435\u0442, \u0430 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0441 XamlReader.Load \u043e\u043d \u0438 \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f.<\/p>\n<p>  \u0411\u0443\u0434\u044c\u0442\u0435 \u043e\u0441\u0442\u043e\u0440\u043e\u0436\u043d\u044b \u043f\u0440\u0438 \u0441\u043a\u0440\u044b\u0442\u0438\u0438 \u0431\u043e\u043b\u044c\u0448\u043e\u0433\u043e \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 \u0438 \u043f\u0440\u0438 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0438 \u0438\u0445 \u0432\u0441\u0435\u0445 \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u0437\u0430 \u0440\u0430\u0437, \u0442\u0430\u043a \u043a\u0430\u043a \u044d\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u0432\u044b\u0437\u0432\u0430\u0442\u044c \u0437\u0430\u043c\u0438\u043d\u043a\u0443 \u0432 \u0440\u0430\u0431\u043e\u0442\u0435 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b.<\/p>\n<h4><font color=\"#aaaa00\">\u0418\u043d\u043a\u0440\u0435\u043c\u0435\u043d\u0442\u043d\u0430\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445 Windows 8.1<\/font><\/h4>\n<p>  XAML \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b ListView\/GridView \u043a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442 \u0432 \u0441\u0435\u0431\u0435 \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0443 \u043a \u043c\u0430\u0441\u0441\u0438\u0432\u0443 \u0434\u0430\u043d\u043d\u044b\u0445. \u0415\u0441\u043b\u0438 \u0434\u0430\u043d\u043d\u044b\u0445 \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u043c\u043d\u043e\u0433\u043e, \u0442\u043e \u043f\u0440\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0435 \u043e\u0434\u043d\u043e\u043c\u043e\u043c\u0435\u043d\u0442\u043d\u043e \u043e\u043d\u0438 \u0432\u0441\u0435 \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u0441\u044f, \u043a\u043e\u043d\u0435\u0447\u043d\u043e \u0436\u0435, \u043d\u0435 \u0441\u043c\u043e\u0433\u0443\u0442 \u0438 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0430 \u043e\u043a\u043d\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u0435\u0440\u044b\u0432\u0438\u0441\u0442\u043e\u0439 (\u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u044d\u0442\u043e \u0437\u0430\u043c\u0435\u0442\u043d\u043e, \u0435\u0441\u043b\u0438 \u0432 \u0432\u0438\u0434\u0435 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f).<\/p>\n<p>  \u041a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0432 Windows 8.1? \u0421 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f Behaviors SDK (XAML).<br \/>  \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u043b\u0438 \u0441\u0441\u044b\u043b\u043a\u0443 \u043d\u0430 \u043d\u0435\u0433\u043e. \u041c\u0435\u043d\u044e \u00ab\u041f\u0440\u043e\u0435\u043a\u0442\u00bb \u2014 \u00ab\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0441\u0441\u044b\u043b\u043a\u0443\u00bb. \u0412 \u0433\u0440\u0443\u043f\u043f\u0435 \u00ab\u0420\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f\u00bb \u0432\u044b\u0431\u0438\u0440\u0430\u043b\u0438 Behaviors SDK (XAML).<\/p>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/de9\/82a\/143\/de982a143d064ada87d10b2c9ca46605.PNG\"\/><\/p>\n<p>  \u0414\u0430\u043b\u0435\u0435 \u0432 \u043a\u043e\u0440\u043d\u0435\u0432\u043e\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 Page \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u043b\u0438 \u0441\u0441\u044b\u043b\u043a\u0438 \u043d\u0430 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0430 \u0438\u043c\u0435\u043d:<\/p>\n<pre><code class=\"xml\">   xmlns:Interactivity=&quot;using:Microsoft.Xaml.Interactivity&quot;     xmlns:Core=&quot;using:Microsoft.Xaml.Interactions.Core&quot; <\/code><\/pre>\n<p>  \u041f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0440\u0430\u0441\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u043f\u043e\u0434\u043e\u0431\u043d\u044b\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:<\/p>\n<pre><code class=\"xml\">&lt;Image Source=&quot;ms-appx:\/\/\/Assets\/placeHolderImage.png&quot; Height=&quot;100&quot; Width=&quot;60&quot; VerticalAlignment=&quot;Center&quot; Margin=&quot;0,0,10,0&quot;&gt; &lt;Interactivity:Interaction.Behaviors&gt; &lt;Core:IncrementalUpdateBehavior Phase=&quot;0&quot;\/&gt; &lt;\/Interactivity:Interaction.Behaviors&gt; &lt;\/Image&gt; <\/code><\/pre>\n<p>  \u0420\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0435.<br \/>  \u0414\u043e\u0431\u0430\u0432\u0438\u043c \u0432 \u043f\u0440\u043e\u0435\u043a\u0442 \u0432 \u043f\u0430\u043f\u043a\u0443 Assets \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0443-\u0437\u0430\u0433\u043b\u0443\u0448\u043a\u0443 \u0441 \u0438\u043c\u0435\u043d\u0435\u043c placeHolderImage.jpg<br \/>  \u041a\u0430\u043a \u0431\u044b\u043b\u043e \u043e\u043f\u0438\u0441\u0430\u043d\u043e \u0432\u044b\u0448\u0435, \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0441\u0441\u044b\u043b\u043a\u0443 \u043d\u0430 Behaviors SDK (XAML). <br \/>  \u0421\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u043a\u043b\u0430\u0441\u0441 \u0434\u0430\u043d\u043d\u044b\u0445  <\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">\u041a\u043e\u0434 \u043a\u043b\u0430\u0441\u0441\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 ImageInfo<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"cs\">  public class ImageInfo      {         private string _name;         private Uri _url;          public string Name         {             get { return _name; }             set { _name = value;}         }          public Uri Url         {             get { return _url; }             set { _url = value; }         }     } <\/code><\/pre>\n<p>  <\/div>\n<\/div>\n<p>  \u0412 \u0442\u0435\u0433 Page \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b MainPage.xaml \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u043e\u0431\u044a\u044f\u0432\u043b\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432 \u0438\u043c\u0435\u043d:<\/p>\n<pre><code class=\"xml\">   xmlns:Interactivity=&quot;using:Microsoft.Xaml.Interactivity&quot;     xmlns:Core=&quot;using:Microsoft.Xaml.Interactions.Core&quot; <\/code><\/pre>\n<p>  \u0438 \u0441\u0441\u044b\u043b\u043a\u0443 \u043d\u0430 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u043e \u0438\u043c\u0435\u043d \u043d\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430 (\u0443 \u043c\u0435\u043d\u044f \u044d\u0442\u043e IncrementalLoadingDemo)<\/p>\n<pre><code class=\"xml\">    xmlns:local=&quot;using:IncrementalLoadingDemo&quot; <\/code><\/pre>\n<p>  \u0422\u0435\u043f\u0435\u0440\u044c \u043c\u043e\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c ListView \u0441 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0432\u043d\u0443\u0442\u0440\u0438 \u0438 \u0443\u043a\u0430\u0437\u0430\u0442\u044c \u0444\u0430\u0437\u044b \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 (\u0444\u0430\u0437 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u043d\u0435 \u0431\u043e\u043b\u044c\u0448\u0435 3-\u0435\u0445)<\/p>\n<pre><code class=\"xml\">&lt;ListView ItemsSource=&quot;{Binding}&quot; HorizontalContentAlignment=&quot;Center&quot; Width=&quot;200&quot;                   Height=&quot;500&quot; BorderThickness=&quot;1&quot; BorderBrush=&quot;Black&quot;&gt;             &lt;ListView.ItemTemplate&gt;                 &lt;DataTemplate x:DataType=&quot;local:ImageInfo&quot;&gt;                     &lt;StackPanel Orientation=&quot;Vertical&quot;&gt;               &lt;TextBlock Text=&quot;{Binding Name}&quot; &gt;                 &lt;Interactivity:Interaction.Behaviors&gt;                     &lt;Core:IncrementalUpdateBehavior Phase=&quot;1&quot;\/&gt;                 &lt;\/Interactivity:Interaction.Behaviors&gt;              &lt;\/TextBlock&gt;                     &lt;Grid&gt;              &lt;Image Source=&quot;Assets\/placeHolderImage.jpg&quot;  Height=&quot;100&quot; Width=&quot;100&quot; VerticalAlignment=&quot;Center&quot; Margin=&quot;0&quot;&gt;                 &lt;Interactivity:Interaction.Behaviors&gt;                   &lt;Core:IncrementalUpdateBehavior Phase=&quot;0&quot;\/&gt;                 &lt;\/Interactivity:Interaction.Behaviors&gt;              &lt;\/Image&gt;                &lt;Image Source=&quot;{Binding Path=Url}&quot;  Height=&quot;100&quot; Width=&quot;100&quot; VerticalAlignment=&quot;Center&quot; Margin=&quot;0&quot;&gt;                   &lt;Interactivity:Interaction.Behaviors&gt;                      &lt;Core:IncrementalUpdateBehavior Phase=&quot;3&quot;\/&gt;                    &lt;\/Interactivity:Interaction.Behaviors&gt;                &lt;\/Image&gt;                    &lt;\/Grid&gt;                      &lt;\/StackPanel&gt;                 &lt;\/DataTemplate&gt;             &lt;\/ListView.ItemTemplate&gt;         &lt;\/ListView&gt; <\/code><\/pre>\n<p>  \u0418 \u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u0435\u0433\u043e \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u0432 code-behind:<\/p>\n<pre><code class=\"cs\">    ObservableCollection&lt;ImageInfo&gt; myimages = new ObservableCollection&lt;ImageInfo&gt;();          public MainPage()         {             this.InitializeComponent();              this.DataContext = myimages;              int i;             for (i=0; i &lt; 20000; i++) {      myimages.Add(new ImageInfo { Name = &quot;\u041a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 1&quot;, Url = new Uri(&quot;http:\/\/www.alexalex.ru\/TesT.png&quot;) });      myimages.Add(new ImageInfo { Name = &quot;\u041a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 2&quot;, Url = new Uri(&quot;http:\/\/www.alexalex.ru\/RedactoR.jpg&quot;) });      myimages.Add(new ImageInfo { Name = &quot;\u041a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 3&quot;, Url = new Uri(&quot;http:\/\/www.alexalex.ru\/TesT.gif&quot;) });             }         } <\/code><\/pre>\n<p>  \u0422\u0435\u043f\u0435\u0440\u044c \u043f\u0435\u0440\u0432\u044b\u043c \u0434\u0435\u043b\u043e\u043c \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u043e \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u0435 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 placeHolderImage.png \u0438 \u0442\u043e\u043b\u044c\u043a\u043e \u0437\u0430\u0442\u0435\u043c \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u043e \u0438 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u043e \u0432 Grid \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0438\u0437 \u0441\u0435\u0442\u0438, \u0437\u0430\u0441\u043b\u043e\u043d\u0438\u0432 \u0441\u043e\u0431\u043e\u0439 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0437\u0430\u0433\u043b\u0443\u0448\u043a\u0443. \u0415\u0441\u043b\u0438 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0431\u044b\u0441\u0442\u0440\u043e \u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0438\u0432\u0430\u0442\u044c \u0441\u043f\u0438\u0441\u043e\u043a, \u0442\u043e \u0437\u0430\u043c\u0435\u0442\u0438\u043c, \u0447\u0442\u043e \u0438\u043d\u043e\u0433\u0434\u0430 \u0432\u0435\u0431 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 \u043d\u0435 \u0443\u0441\u043f\u0435\u0432\u0430\u0435\u0442 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c\u0441\u044f \u0438 \u043f\u0440\u043e\u0441\u043a\u0430\u043a\u0438\u0432\u0430\u0435\u0442 \u043d\u0430\u0448\u0430 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430-\u0437\u0430\u0433\u043b\u0443\u0448\u043a\u0430.<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/f43\/4b2\/00f\/f434b200fe2047a690db2c7e9a04c246.PNG\"\/><\/p>\n<h4><font color=\"#aaaa00\">\u0418\u043d\u043a\u0440\u0435\u043c\u0435\u043d\u0442\u043d\u0430\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0431\u0435\u0437 \u043f\u0440\u0438\u0432\u044f\u0437\u043e\u043a \u0434\u0430\u043d\u043d\u044b\u0445 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0441\u043e\u0431\u044b\u0442\u0438\u044f ContainerContentChanging<\/font><\/h4>\n<p>  \u0412 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445 Windows 8.x \u0431\u044b\u043b\u0430 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c Behaviors SDK, \u0430 \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0441\u043e\u0431\u044b\u0442\u0438\u0435\u043c ContainerContentChanging \u0438 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c \u0444\u0430\u0437\u044b \u043f\u0440\u043e\u0440\u0438\u0441\u043e\u0432\u043a\u0438 \u0438\u0437 \u043a\u043e\u0434\u0430. \u0421\u043f\u043e\u0441\u043e\u0431 \u0441 ContainerContentChanging \u0447\u0443\u0442\u044c \u0431\u043e\u043b\u0435\u0435 \u0441\u043b\u043e\u0436\u0435\u043d \u0434\u043b\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438, \u043d\u043e \u043e\u043d \u043f\u043e\u0432\u044b\u0448\u0430\u0435\u0442 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u044b \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u041f\u0440\u0438 \u043d\u0435\u043c \u043f\u0440\u0438 \u0431\u044b\u0441\u0442\u0440\u043e\u0439 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0435 \u043f\u0440\u043e\u0433\u0440\u0443\u0436\u0430\u044e\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u043c\u044b\u0435 \u043d\u0430 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u0432 \u043e\u043a\u043d\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b. \u0421\u043f\u043e\u0441\u043e\u0431 \u043f\u043e\u0434\u0440\u0430\u0437\u0443\u043c\u0435\u0432\u0430\u0435\u0442 \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 \u043f\u0440\u0438\u0432\u044f\u0437\u043e\u043a \u0434\u0430\u043d\u043d\u044b\u0445 \u0438 \u0438\u043c\u043f\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u0443\u044e \u043f\u043e\u0434\u0433\u0440\u0443\u0437\u043a\u0443 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e \u0438\u0437 \u043a\u043e\u0434\u0430 C#. <br \/>  \u0418\u0437\u043c\u0435\u043d\u0438\u043c \u043d\u0430\u0448 \u043f\u0440\u0438\u043c\u0435\u0440.<br \/>  \u041d\u0430\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c \u0431\u0443\u0434\u0435\u0442 \u0448\u0430\u0431\u043b\u043e\u043d ItemTemplate. \u0421\u043e\u0437\u0434\u0430\u0434\u0438\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0441 \u0438\u043c\u0435\u043d\u0435\u043c ItemViewer \u0438 \u0442\u0430\u043a\u0438\u043c \u0432\u043e\u0442 \u043a\u043e\u0434\u043e\u043c XAML:  <\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">\u041a\u043e\u0434 \u0437\u0434\u0435\u0441\u044c<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"xml\">&lt;UserControl     x:Class=&quot;IncrementalLoadingDemo.ItemViewer&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:IncrementalLoadingDemo&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;     d:DesignHeight=&quot;300&quot;     d:DesignWidth=&quot;400&quot;&gt;      &lt;StackPanel Orientation=&quot;Vertical&quot;&gt;         &lt;TextBlock x:Name=&quot;txtName&quot; Text=&quot;{Binding Name}&quot; &gt;&lt;\/TextBlock&gt;          &lt;Grid&gt;             &lt;Image x:Name=&quot;imgHolder&quot; Source=&quot;Assets\/placeHolderImage.jpg&quot;  Height=&quot;100&quot; Width=&quot;100&quot; VerticalAlignment=&quot;Center&quot; Margin=&quot;0&quot; \/&gt;             &lt;Image x:Name=&quot;imgUrl&quot;  Height=&quot;100&quot; Width=&quot;100&quot; VerticalAlignment=&quot;Center&quot; Margin=&quot;0&quot; \/&gt;         &lt;\/Grid&gt;     &lt;\/StackPanel&gt;   &lt;\/UserControl&gt; <\/code><\/pre>\n<p>  <\/div>\n<\/div>\n<p>  \u0412 \u043a\u043e\u0434 \u043a\u043b\u0430\u0441\u0441\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043c\u0435\u0442\u043e\u0434\u043e\u0432. \u041e\u0434\u0438\u043d \u043c\u0435\u0442\u043e\u0434 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442 \u0442\u0435\u043a\u0441\u0442, \u0434\u0440\u0443\u0433\u043e\u0439 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0443 \u0437\u0430\u043c\u0435\u0449\u0430\u044e\u0449\u0443\u044e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435, \u0442\u0440\u0435\u0442\u0438\u0439 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0443, \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u043c\u0443\u044e \u0438\u0437 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u0430 \u0438, \u043d\u0430\u043a\u043e\u043d\u0435\u0446, \u0447\u0435\u0442\u0432\u0435\u0440\u0442\u044b\u0439 \u043e\u0447\u0438\u0449\u0430\u0435\u0442 \u0434\u0430\u043d\u043d\u044b\u0435:  <\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">\u041a\u043e\u0434 C# \u043a\u043b\u0430\u0441\u0441\u0430<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"cs\">    public sealed partial class ItemViewer : UserControl     {         private ImageInfo _item;          public ItemViewer()         {             this.InitializeComponent();         }          public void ShowPlaceholder()         {             imgHolder.Opacity = 1;         }           public void ShowTitle(ImageInfo item)         {             _item = item;             txtName.Text = _item.Name;             txtName.Opacity = 1;         }          public void ShowImage()         {             imgUrl.Source = new BitmapImage(_item.Url);             imgUrl.Opacity = 1;             imgHolder.Opacity = 0;         }          public void ClearData()         {             _item = null;             txtName.ClearValue(TextBlock.TextProperty);             imgHolder.ClearValue(Image.SourceProperty);             imgUrl.ClearValue(Image.SourceProperty);         }     }  <\/code><\/pre>\n<p>  <\/div>\n<\/div>\n<p>  \u0422\u0435\u043f\u0435\u0440\u044c \u0432 XAML \u0444\u0430\u0439\u043b\u0430 MainPage.xaml \u043c\u044b \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0441\u0441\u044b\u043b\u043a\u0443 \u043d\u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0442\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u044b\u0439 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442. \u041e\u043d \u0443 \u043d\u0430\u0441 \u0431\u0443\u0434\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u0430:<\/p>\n<pre><code class=\"xml\">    &lt;Page.Resources&gt;         &lt;DataTemplate x:Key=&quot;FrontImageTemplate&quot;&gt;             &lt;local:ItemViewer\/&gt;         &lt;\/DataTemplate&gt;     &lt;\/Page.Resources&gt; <\/code><\/pre>\n<p>  \u0418 \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u0441\u0430\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442 ListView<\/p>\n<pre><code class=\"xml\">   &lt;ListView ItemsSource=&quot;{Binding}&quot; HorizontalContentAlignment=&quot;Center&quot; Width=&quot;200&quot;           Height=&quot;500&quot; BorderThickness=&quot;1&quot; BorderBrush=&quot;Black&quot; ShowsScrollingPlaceholders=&quot;True&quot;          ItemTemplate=&quot;{StaticResource FrontImageTemplate}&quot; ContainerContentChanging=&quot;ItemListView_ContainerContentChanging&quot;&gt;    &lt;\/ListView&gt; <\/code><\/pre>\n<p>  \u0412 \u043d\u0435\u043c \u043c\u044b \u0443\u043a\u0430\u0437\u0430\u043b\u0438 \u0448\u0430\u0431\u043b\u043e\u043d \u0438 \u0441\u043e\u0431\u044b\u0442\u0438\u0435 ContainerContentChanging. \u041a\u043e\u0434 \u044d\u0442\u043e\u0433\u043e \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0442\u0435\u043a\u0443\u0449\u0435\u0439 \u0444\u0430\u0437\u044b \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438:<\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">void ItemListView_ContainerContentChanging<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"cs\">   private void ItemListView_ContainerContentChanging(ListViewBase sender, ContainerContentChangingEventArgs args)         {             ItemViewer iv = args.ItemContainer.ContentTemplateRoot as ItemViewer;              if (args.InRecycleQueue == true)             {                 iv.ClearData();             }             else if (args.Phase == 0)             {                 iv.ShowTitle(args.Item as ImageInfo);                 \/\/ \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u0435\u043c \u0430\u0441\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u044b\u0439 callback \u0434\u043b\u044f \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0433\u043e \u0448\u0430\u0433\u0430                 args.RegisterUpdateCallback(ContainerContentChangingDelegate);             }             else if (args.Phase == 1)             {                 iv.ShowPlaceholder();                 \/\/ \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u0435\u043c \u0430\u0441\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u044b\u0439 callback \u0434\u043b\u044f \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0433\u043e \u0448\u0430\u0433\u0430                 args.RegisterUpdateCallback(ContainerContentChangingDelegate);             }             else if (args.Phase == 2)             {                 iv.ShowImage();                 \/\/ \u0448\u0430\u0433\u0438 \u0437\u0430\u043a\u043e\u043d\u0447\u0438\u043b\u0438\u0441\u044c, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043d\u0438\u0447\u0435\u0433\u043e \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u043d\u0435 \u043d\u0443\u0436\u043d\u043e             }              \/\/ \u0414\u043b\u044f \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c Handled \u0432 true \u043f\u043e\u0441\u043b\u0435 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430             args.Handled = true;         } <\/code><\/pre>\n<p>  <\/div>\n<\/div>\n<p>  \u0418 \u0435\u0449\u0435 \u043d\u0430\u043c \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f callback \u0441 \u0434\u0435\u043b\u0435\u0433\u0430\u0442\u043e\u043c (\u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0435\u0433\u043e \u0442\u043e\u0436\u0435 \u0432 MainPage.xaml.cs):<\/p>\n<pre><code class=\"cs\">private TypedEventHandler&lt;ListViewBase, ContainerContentChangingEventArgs&gt; ContainerContentChangingDelegate    {        get        {            if (_delegate == null)            {      _delegate = new TypedEventHandler&lt;ListViewBase, ContainerContentChangingEventArgs&gt;(ItemListView_ContainerContentChanging);            }            return _delegate;         }    }         private TypedEventHandler&lt;ListViewBase, ContainerContentChangingEventArgs&gt; _delegate; <\/code><\/pre>\n<p>  \u042d\u0442\u043e\u0442 \u0441\u043f\u043e\u0441\u043e\u0431 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0438 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445 Windows 8.x \u0438 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445 Windows 10.<\/p>\n<h4><font color=\"#aaaa00\">\u0418\u043d\u043a\u0440\u0435\u043c\u0435\u043d\u0442\u043d\u0430\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445 Windows UAP<\/font><\/h4>\n<p>  \u0421 \u0432\u044b\u0445\u043e\u0434\u043e\u043c Windows 10 \u0438 UWP \u043f\u043e\u044f\u0432\u0438\u043b\u0441\u044f \u0431\u043e\u043b\u0435\u0435 \u0443\u0434\u043e\u0431\u043d\u044b\u0439 \u0438 \u0431\u044b\u0441\u0442\u0440\u044b\u0439 \u0441\u043f\u043e\u0441\u043e\u0431, \u0432\u0435\u0434\u044c \u0441\u0442\u0430\u043b\u043e \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0438 x:Bind. <br \/>  \u041e \u043d\u0438\u0445 \u044f \u0443\u0436\u0435 \u043f\u0438\u0441\u0430\u043b \u043d\u0435\u0434\u0430\u0432\u043d\u043e \u2014 <a href=\"http:\/\/habrahabr.ru\/post\/265993\/\">\u041a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u043c\u044b\u0435 \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0438 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f\u0445 Windows 10<\/a><br \/>  \u041d\u0435\u043c\u043d\u043e\u0433\u043e \u043f\u043e\u0432\u0442\u043e\u0440\u044e\u0441\u044c \u0438 \u043f\u0440\u0438\u0432\u0435\u0434\u0443 \u0442\u043e\u0442 \u0436\u0435 \u0441\u0430\u043c\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 \u0443\u0436\u0435 \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c x:Bind.<br \/>  \u0414\u043b\u044f \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0438 \u0441\u0441\u044b\u043b\u043a\u0438 \u043a Image \u043d\u0430\u043c \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u0441\u044f \u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0435\u0440  <\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">\u041a\u043e\u0434 \u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0435\u0440\u0430<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"cs\">    class ConverterExample : IValueConverter     {         public object Convert(object value, Type targetType, object parameter, string language)         {             if (value == null) return string.Empty;              System.Uri u = (System.Uri)value;              Windows.UI.Xaml.Media.Imaging.BitmapImage bitmapImage = new Windows.UI.Xaml.Media.Imaging.BitmapImage(u);              return bitmapImage;         }         public object ConvertBack(object value, Type targetType, object parameter, string language)         {             \/\/ \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0440\u0435\u0434\u043a\u043e             throw new NotImplementedException();         }     } <\/code><\/pre>\n<p>  <\/div>\n<\/div>\n<p>  \u0412 \u0440\u0435\u0441\u0443\u0440\u0441\u044b XAML \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b Page \u0434\u043e\u0431\u0430\u0432\u0438\u043c \u043d\u0430 \u043d\u0435\u0433\u043e \u0441\u0441\u044b\u043b\u043a\u0443<\/p>\n<pre><code class=\"xml\">    &lt;Page.Resources&gt;         &lt;local:ConverterExample x:Name=&quot;ThatsMyConverter&quot;\/&gt;     &lt;\/Page.Resources&gt;  <\/code><\/pre>\n<p>  \u0418 \u0442\u0435\u043f\u0435\u0440\u044c \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c ListView, \u0443\u043a\u0430\u0437\u0430\u0432 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c \u0448\u0430\u0431\u043b\u043e\u043d\u0430 \u0444\u0430\u0437\u044b \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 (\u0444\u0430\u0437 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u043d\u0435 \u0431\u043e\u043b\u044c\u0448\u0435 \u0442\u0440\u0435\u0445) <\/p>\n<pre><code class=\"xml\">&lt;ListView ItemsSource=&quot;{x:Bind myimages}&quot; HorizontalContentAlignment=&quot;Center&quot; Width=&quot;200&quot; Height=&quot;500&quot; BorderThickness=&quot;1&quot; BorderBrush=&quot;Black&quot;&gt;      &lt;ListView.ItemTemplate&gt;          &lt;DataTemplate x:DataType=&quot;local:ImageInfo&quot;&gt;              &lt;StackPanel Orientation=&quot;Vertical&quot;&gt;                  &lt;TextBlock Text=&quot;{x:Bind Name}&quot; x:Phase=&quot;0&quot; &gt;&lt;\/TextBlock&gt;                   &lt;Grid&gt;               &lt;Image Source=&quot;Assets\/placeHolderImage.jpg&quot;  Height=&quot;100&quot; Width=&quot;100&quot; VerticalAlignment=&quot;Center&quot; Margin=&quot;0&quot; \/&gt;               &lt;Image Source=&quot;{x:Bind Url,Converter={StaticResource ThatsMyConverter}}&quot;  Height=&quot;100&quot; Width=&quot;100&quot;                                VerticalAlignment=&quot;Center&quot; Margin=&quot;0&quot; x:Phase=&quot;3&quot; \/&gt;                  &lt;\/Grid&gt;               &lt;\/StackPanel&gt;          &lt;\/DataTemplate&gt;      &lt;\/ListView.ItemTemplate&gt;  &lt;\/ListView&gt; <\/code><\/pre>\n<p>  \u041f\u0440\u0438\u043c\u0435\u0440 \u0441\u0442\u0430\u043b \u043f\u0440\u043e\u0449\u0435 \u0438, \u0440\u0430\u0437\u0443\u043c\u0435\u0435\u0442\u0441\u044f, \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0441\u0442\u0430\u043b\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0431\u044b\u0441\u0442\u0440\u0435\u0435. \u041a\u0430\u043a \u0435\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u0435\u0449\u0435 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c?<br \/>  \u0414\u043b\u044f \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0431\u043e\u043b\u044c\u0448\u0438\u0445 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439 \u043c\u043e\u0436\u043d\u043e (\u0438 \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0440\u0430\u043d\u0435\u0435 \u0432 Windows 8.x) \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c <b>DecodePixelHeight<\/b> \u0438 <b>DecodePixelWidth<\/b>. \u0415\u0441\u043b\u0438 \u0437\u0430\u0434\u0430\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u044d\u0442\u0438\u043c \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430\u043c, \u0442\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 BitmapImage \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u043a\u044d\u0448\u0438\u0440\u043e\u0432\u0430\u043d\u043e \u043d\u0435 \u0432 \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e\u043c, \u0430 \u0432 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u043c\u043e\u043c \u0440\u0430\u0437\u043c\u0435\u0440\u0435. \u0415\u0441\u043b\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u043f\u0440\u043e\u043f\u043e\u0440\u0446\u0438\u0438 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438, \u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0443\u043a\u0430\u0437\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e DecodePixelHeight \u0438\u043b\u0438 DecodePixelWidth, \u043d\u043e \u043d\u0435 \u043e\u0431\u0430 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e.<br \/>  \u0422\u043e \u0435\u0441\u0442\u044c \u0432 \u043d\u0430\u0448\u0435\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u043a\u043e\u0434 \u043c\u0435\u0442\u043e\u0434\u0430 Convert \u043d\u0430\u0448\u0435\u0433\u043e \u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0435\u0440\u0430, \u0434\u043e\u0431\u0430\u0432\u0438\u0432 \u043e\u0434\u043d\u0443 \u0441\u0442\u0440\u043e\u0447\u043a\u0443 (\u043c\u044b \u0432\u0435\u0434\u044c \u0437\u043d\u0430\u0435\u043c, \u0447\u0442\u043e \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u044c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043c\u044b \u0431\u0443\u0434\u0435\u043c \u0432\u044b\u0441\u043e\u0442\u043e\u0439 100 \u043f\u0438\u043a\u0441\u0435\u043b\u0435\u0439):<\/p>\n<pre><code class=\"cs\">        public object Convert(object value, Type targetType, object parameter, string language)         {             if (value == null) return string.Empty;              System.Uri u = (System.Uri)value;              Windows.UI.Xaml.Media.Imaging.BitmapImage bitmapImage = new Windows.UI.Xaml.Media.Imaging.BitmapImage(u);             bitmapImage.DecodePixelHeight = 100; \/\/ \u0432\u043e\u0442 \u044d\u0442\u0443 \u0441\u0442\u0440\u043e\u043a\u0443 \u043c\u044b \u0434\u043e\u0431\u0430\u0432\u0438\u043b\u0438              return bitmapImage;         } <\/code><\/pre>\n<p>  <b>\u041d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043e\u0431\u0449\u0438\u0445 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0439:<\/b><br \/>  \u0412\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u0440\u0438\u0440\u043e\u0441\u0442 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0435\u0441\u043b\u0438 \u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0438\u0440\u0443\u0435\u0442\u0435 \u0432\u0430\u0448\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0441 Windows 8.x \u043d\u0430 Windows 10.<br \/>  \u041f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435\u0441\u044c \u043f\u0440\u043e\u0444\u0430\u0439\u043b\u0435\u0440\u043e\u043c \u0434\u043b\u044f \u043f\u043e\u0438\u0441\u043a\u0430 \u0431\u0443\u0442\u044b\u043b\u043e\u0447\u043d\u044b\u0445 \u0433\u043e\u0440\u043b\u044b\u0448\u0435\u043a \u0432 \u0432\u0430\u0448\u0435\u043c \u043a\u043e\u0434\u0435. <br \/>  \u041f\u043e\u0437\u043d\u0430\u0439\u0442\u0435 \u0434\u0437\u0435\u043d. \u0421\u0430\u043c\u044b\u0439 \u0431\u044b\u0441\u0442\u0440\u044b\u0439 \u043a\u043e\u0434 \u044d\u0442\u043e \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043d\u0435\u0442. \u0412\u044b\u0431\u0438\u0440\u0430\u0439\u0442\u0435 \u043c\u0435\u0436\u0434\u0443 \u0431\u043e\u043b\u044c\u0448\u0438\u043c \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e\u043c \u0444\u0438\u0447 \u0438 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c\u044e \u0440\u0430\u0431\u043e\u0442\u044b \u0432\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f.<br \/>  \u041e\u043f\u0442\u0438\u043c\u0438\u0437\u0438\u0440\u0443\u0439\u0442\u0435 \u0440\u0430\u0437\u043c\u0435\u0440 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0445 \u0432\u0430\u0448\u0438\u043c \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u043c.<br \/>  \u0421\u043e\u043a\u0440\u0430\u0442\u0438\u0442\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0432 \u0448\u0430\u0431\u043b\u043e\u043d\u0435 \u0434\u0430\u043d\u043d\u044b\u0445. Grid \u0432\u043d\u0443\u0442\u0440\u0438 Grid-\u0430 \u044d\u0442\u043e \u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u0445\u043e\u0440\u043e\u0448\u0435\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435.<\/p>\n<p>  <b>\u041c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043d\u0435 \u043f\u043e\u043c\u043e\u0433\u043b\u0438 \u0432 \u043f\u0440\u043e\u043a\u0430\u0447\u043a\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f:<\/b><br \/>  <a href=\"https:\/\/msdn.microsoft.com\/en-us\/library\/mt204785.aspx\">x:DeferLoadStrategy attribute<\/a><br \/>  <a href=\"https:\/\/channel9.msdn.com\/Events\/Build\/2015\/3-698\">XAML Performance: Techniques for Maximizing Universal Windows App Experiences Built with XAML<\/a><br \/>  <a href=\"https:\/\/msdn.microsoft.com\/en-us\/library\/windows\/apps\/dn535964.aspx\">Incremental loading Quickstart for Windows Store apps using C# and XAML<\/a>               <\/p>\n<div class=\"clear\"><\/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\/post\/267131\/\"> http:\/\/habrahabr.ru\/post\/267131\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>       <a href=\"http:\/\/habrahabr.ru\/post\/267131\/\"><\/p>\n<div style=\"text-align:center;\"><img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/b9b\/8e7\/8e9\/b9b8e78e954b45fdbfd7d087a0b51d28.jpg\" \/><\/div>\n<p><\/a><br \/>  \u0421\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0442 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0435 \u0441\u043f\u043e\u0441\u043e\u0431\u044b \u0443\u0441\u043a\u043e\u0440\u0438\u0442\u044c \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u0435\u0433\u043e \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c. <br \/>  \u0412 \u0447\u0430\u0441\u0442\u043d\u043e\u0441\u0442\u0438 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c <font color=\"#00aa00\">\u043e\u0442\u043b\u043e\u0436\u0435\u043d\u043d\u0443\u044e \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443<\/font> \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438\u043b\u0438 \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f <font color=\"#0000aa\">\u0438\u043d\u043a\u0440\u0435\u043c\u0435\u043d\u0442\u043d\u043e\u0439 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u043e\u0439<\/font> \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e. \u041e\u0431 \u044d\u0442\u0438\u0445 \u0441\u043f\u043e\u0441\u043e\u0431\u0430\u0445 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u0438 \u043e \u0434\u0440\u0443\u0433\u0438\u0445 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u044f\u0445 \u0447\u0438\u0442\u0430\u0439\u0442\u0435 \u0434\u0430\u043b\u0435\u0435.  <\/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-266106","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/266106","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=266106"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/266106\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=266106"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=266106"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=266106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}