1

我想在从服务器加载原始图像之前显示默认图像（例如品牌图标）。无需编写大量代码即可。因为我希望在整个应用程序中具有相同的行为。

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

4

2 回答 2

3

如果您打算在很多不同的地方重用它，那么创建一个 CustomControl 可能更容易。
这是一个小的用户控件，应该这样做：

<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;
    }
}
于 2013-10-01T12:16:12.920 回答
2

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

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

并在图像准备好时设置源

于 2013-10-02T07:13:11.953 回答