Анимация GIF в WPF

Я использую этот код для анимации gif в отдельной библиотеке и код xaml в своем основном проекте:

<controls:GifImage GifSource="/project;component/Images/my.gif" Stretch="None" />

Gif Animating (отдельный файл):

public class GifImage : Image
    {
        #region Memmbers

        private GifBitmapDecoder _gifDecoder;
        private Int32Animation _animation;
        private bool _isInitialized;

        #endregion Memmbers

        #region Properties

        private int FrameIndex
        {
            get { return (int)GetValue(FrameIndexProperty); }
            set { SetValue(FrameIndexProperty, value); }
        }

        private static readonly DependencyProperty FrameIndexProperty =
         DependencyProperty.Register("FrameIndex", typeof(int), typeof(GifImage), new FrameworkPropertyMetadata(0, new PropertyChangedCallback(ChangingFrameIndex)));

        private static void ChangingFrameIndex(DependencyObject obj, DependencyPropertyChangedEventArgs ev)
        {
            GifImage image = obj as GifImage;
            image.Source = image._gifDecoder.Frames[(int)ev.NewValue];
        }

        /// <summary>
        /// Defines whether the animation starts on it's own
        /// </summary>
        public bool AutoStart
        {
            get { return (bool)GetValue(AutoStartProperty); }
            set { SetValue(AutoStartProperty, value); }
        }

        public static readonly DependencyProperty AutoStartProperty =
         DependencyProperty.Register("AutoStart", typeof(bool), typeof(GifImage), new UIPropertyMetadata(false, AutoStartPropertyChanged));

        private static void AutoStartPropertyChanged(DependencyObject sender, DependencyPropertyChangedEventArgs e)
        {
            if ((bool)e.NewValue)
                (sender as GifImage).StartAnimation();
        }

        public string GifSource
        {
            get { return (string)GetValue(GifSourceProperty); }
            set { SetValue(GifSourceProperty, value); }
        }

        public static readonly DependencyProperty GifSourceProperty =
         DependencyProperty.Register("GifSource", typeof(string), typeof(GifImage), new UIPropertyMetadata(string.Empty, GifSourcePropertyChanged));

        private static void GifSourcePropertyChanged(DependencyObject sender, DependencyPropertyChangedEventArgs e)
        {
            // CARLO 20100622: Reinitialize animation everytime image is changed
            (sender as GifImage).Initialize();
        }

        #endregion Properties

        #region Private Instance Methods

        private void Initialize()
        {

            _gifDecoder = new GifBitmapDecoder(new Uri(String.Format("pack://application:,,,{0}", this.GifSource)), BitmapCreateOptions.PreservePixelFormat, BitmapCacheOption.Default);
            _animation = new Int32Animation(0, _gifDecoder.Frames.Count - 1, new Duration(new TimeSpan(0, 0, 0, _gifDecoder.Frames.Count / 10, (int)((_gifDecoder.Frames.Count / 10.0 - _gifDecoder.Frames.Count / 10) * 1000))));
            _animation.RepeatBehavior = RepeatBehavior.Forever;
            this.Source = _gifDecoder.Frames[0];

            _isInitialized = true;
        }

        #endregion Private Instance Methods

        #region Public Instance Methods

        /// <summary>
        /// Shows and starts the gif animation
        /// </summary>
        public void Show()
        {
            this.Visibility = Visibility.Visible;
            this.StartAnimation();
        }

        /// <summary>
        /// Hides and stops the gif animation
        /// </summary>
        public void Hide()
        {
            this.Visibility = Visibility.Collapsed;
            this.StopAnimation();
        }

        /// <summary>
        /// Starts the animation
        /// </summary>
        public void StartAnimation()
        {
            if (!_isInitialized)
                this.Initialize();

            BeginAnimation(FrameIndexProperty, _animation);
        }

        /// <summary>
        /// Stops the animation
        /// </summary>
        public void StopAnimation()
        {
            BeginAnimation(FrameIndexProperty, null);
        }

        #endregion Public Instance Methods
    }

но я получаю ошибку:

Префикс URI не распознается.

Я не уверен, почему получаю ошибку. Может кто-нибудь мне помочь?


person UFO    schedule 30.10.2013    source источник
comment
Код, похоже, исходит из этого ответа. На той же странице есть ответ с более высоким рейтингом, который использует пакет NuGet под названием XamlAnimatedGif (в девичестве WpfAnimatedGif), а также различные другие решения.   -  person fadden    schedule 14.12.2019


Ответы (3)


Есть гораздо более простой способ показать анимированный .gif в wpf - использовать MediaElement

Пример:

<MediaElement x:Name="myGif" MediaEnded="myGif_MediaEnded" UnloadedBehavior="Manual"     Source="file://C:\waiting.GIF" LoadedBehavior="Play" Stretch="None"/>

Если вы хотите, чтобы .gif повторялся бесконечно, но он указывает только ограниченное количество повторов в .gif-файле, вы можете подключить MediaEnded и просто перезапустить анимацию (не забудьте установить UnloadedBehavior на Manual):

    private void myGif_MediaEnded(object sender, RoutedEventArgs e)
    {
        myGif.Position = new TimeSpan(0, 0, 1);
        myGif.Play();
    }
person edtheprogrammerguy    schedule 30.10.2013
comment
Как указать, где на экране воспроизводится GIF-файл? - person zetar; 13.07.2016
comment
@Wobbles - не совсем повод для отрицательного голоса. Хотя спасибо за понимание - person edtheprogrammerguy; 18.07.2017
comment
@edtheprogrammerguy Ответ имеет ограниченное количество приложений и вызовет проблемы для многих пользователей, что не удовлетворяет, почему многие пользователи приходят сюда, чтобы оживить гифку. - person Wobbles; 18.07.2017

Попробуй это:

<controls:GifImage GifSource="/Images/my.gif" Stretch="None" />

Кстати, я обнаружил, что использование этого способа воспроизведения gif в wpf может деформировать некоторые изображения gif, и мне интересно, почему ...

person Chobits    schedule 12.11.2013
comment
Где вы найдете этот контроль? - person Magnus Ahlin; 24.06.2015

Я не могу поверить в это, но вот способ сделать это только в XAML. Я добавил свойство IsBusy в свою модель просмотра, чтобы показать / скрыть счетчик во время обработки.

        <Image Name="Spinner" Source="Resources/spinner.gif" RenderTransformOrigin="0.5, 0.5">
            <Image.Triggers>
                <EventTrigger RoutedEvent="FrameworkElement.Loaded">
                    <EventTrigger.Actions>
                        <BeginStoryboard>
                            <Storyboard Storyboard.TargetName="Spinner" Storyboard.TargetProperty="RenderTransform.(RotateTransform.Angle)">
                                <DoubleAnimation From="0" To="360" BeginTime="0:0:0" Duration="0:0:2" RepeatBehavior="Forever" />
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger.Actions>
                </EventTrigger>
            </Image.Triggers>
            <Image.RenderTransform>
                <RotateTransform Angle="0" />
            </Image.RenderTransform>
            <Image.Style>
                <Style TargetType="Image">
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding IsBusy}" Value="False">
                            <Setter Property="Visibility" Value="Hidden"/>
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </Image.Style>
        </Image>

Вот ссылка к авторскому решению.

person LawMan    schedule 16.08.2017
comment
это просто поворот изображения (изображение первого изображения, если исходный файл .gif) - person Mohammad Mahroz; 19.11.2017
comment
На связанной странице рассказывается о замене анимированной анимации счетчика GIF на альтернативное решение. Даны два решения, первое из которых показано в ответе (и не имеет отношения к вопросу). Другой использует WPF Раскадровка для последовательного отображения кадров. Подробнее об этом было в этом ответе. - person fadden; 14.12.2019