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 に答える