Win10开发：使用 x:DeferLoadStrategy 延迟加载元素

在Win8.1/WP8.1时代，若要实现XAML界面的元素不可见，一般是设置该元素的Visibility或Opacity值，然后根据需要在后台代码修改其值：

XAML：

<Button Content="显示图片" Grid.Row="0" Click="Show_Image"/>
<Image x:Name="img1" Source="/Assets/imgs/1.jpg" Grid.Row="1" Visibility="Collapsed"/>
<Image x:Name="img2" Source="/Assets/imgs/2.jpg" Grid.Row="2" Opacity="0"/>

C#：

private void Show_Image(object sender, RoutedEventArgs e)
  {
            img1.Visibility = Visibility.Visible;
            img2.Opacity = 1;
   }

这么做确实没什么不妥。但是对于XAML界面，我们对不需要可见的元素实际上并不需要加载。上面的例子虽然Load的时候是不可见的，但是依然是加载了，并且了消耗了资源。

在Win10中有个新的特性可以解决这个问题，那就是 x:DeferLoadStrategy。

通过给元素添加x:DeferLoadStrategy="Lazy"

<Image x:Name="img1" Source="/Assets/imgs/2.jpg" x:DeferLoadStrategy="Lazy"/>

可以实现同样的效果，及元素“不可见”，实际上是不加载。

当需要加载时可以做如下操作：

 private void Show_Image(object sender, RoutedEventArgs e)
    {
            FindName("img1");
    }

当然为避免"img1"拼写错误导致意外bug，建议使用nameof：

FindName(nameof(img1));

提示：

因为使用x:DeferLoadStrategy="Lazy"时，元素是未加载的，所以如果在调用FindName函数之前使用该控件是不可以的。

使用下面的代码将导致程序意外奔溃，没错，就是该死的bug

 private void Show_Image(object sender, RoutedEventArgs e)
 {
            img1.Visibility = Visibility.Visible;
            FindName(nameof(img1));
 }

使用场景：

1、当页面需要加载某些元素，但有可能加载失败时。比如从Internet上download图片，在未加载完成时可以使用。

2、页面有大量的元素需要加载，但一些不需要立即显示的，就可以使用以延迟加载显示。