Question

我希望在从服务器加载原始图像之前显示默认图像（像品牌图标这样的东西）。编写很多代码是可能的。因为我想在整个应用程序中使用相同的行为。

或者我们需要为此创建自定义控件。请指导我！

Answer 1

如果要在很多不同的地方重复使用它，那么创建自定义控件可能更容易。 <是/> 这是一个小用户控件应该这样做：

<UserControl x:Class="PhoneApp1.ImageWithLoading"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    d:DesignHeight="480" d:DesignWidth="480"
             x:Name="myImageWithLoading">

    <Grid x:Name="LayoutRoot" >
        <Image x:Name="temporaryImage"  Source="/Assets/Loading"/>
        <Image Source="{Binding Source,ElementName=myImageWithLoading}" ImageOpened="RemoteImage_OnLoaded"/>
    </Grid>
</UserControl>



public partial class ImageWithLoading : UserControl
{
    public static readonly DependencyProperty SourceProperty =
        DependencyProperty.Register("Source", typeof (ImageSource), typeof (ImageWithLoading), new PropertyMetadata(default(ImageSource)));

    public ImageSource Source
    {
        get { return (ImageSource) GetValue(SourceProperty); }
        set { SetValue(SourceProperty, value); }
    }
    public ImageWithLoading()
    {
        InitializeComponent();
    }

    private void RemoteImage_OnLoaded(object sender, RoutedEventArgs e)
    {
        temporaryImage.Visibility = Visibility.Collapsed;
    }
}

Answer 2

另一种选择可能是在默认样式页面中为图像创建默认样式，如此

<Style TargetType="Image">
     <Setter Property="Source" Value="/Assets/Load.jpg"/>
</Style>

并在图像准备就绪时设置源

是否可以在从服务器进行原始加载之前显示默认图像？

2 个答案: