expression blend анимация

@Bagiara · Регистрация: 04.01.2011

Студворк — интернет-сервис помощи студентам

может кто знает как сделать анимацию из нескольких картинок, в частности медальона, который крутится?

@saiman_OK · 22.07.2011, 11:27

Крути его просто по оси Y (Transform -> Projection -> Y). Сделай один видимый, другой невидимый. На 90 градусах меняй видимость наоборот...

@Bagiara · 24.07.2011, 12:09 **[ТС]**

дело в том, что медальон должен выглядеть как 3D, у меня есть 8 картинок,из них нужно сделать анимацию и почему-то у меня не выходит скрывать картинки,делаю на первом кадре 1-ю карт. видимой,остальные не видимы и так по порядку, но при воспроизведении бленд видит только последнюю картинку.
P.S.это сильверлайт приложение.

@Unril · 01.08.2011, 13:01

Как вариант:

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
using System;
using System.Windows.Media.Imaging;
using System.Windows.Threading;
 
using GalaSoft.MvvmLight;
using GalaSoft.MvvmLight.Command;
 
namespace WpfApplicationTest {
    public class MainWindowViewModel : ViewModelBase {
        readonly DispatcherTimer _timer;
        private BitmapImage _bitmap;
        private int _counter;
 
        public MainWindowViewModel() {
            // Загружаем рисунки.
            var images = new[] {
                new BitmapImage( new Uri( "/Images/1.jpg", UriKind.RelativeOrAbsolute ) ),
                new BitmapImage( new Uri( "/Images/2.jpg", UriKind.RelativeOrAbsolute ) ),
                new BitmapImage( new Uri( "/Images/3.jpg", UriKind.RelativeOrAbsolute ) ),
                new BitmapImage( new Uri( "/Images/4.jpg", UriKind.RelativeOrAbsolute ) )
            };
 
            // Создаём таймер.
            _timer = new DispatcherTimer();
            _timer.Interval = TimeSpan.FromSeconds( 1 );
            _timer.Tick += ( sender, args ) => {
                // При срабатывании - меняем рисунок.
                _counter++;
                Bitmap = images[ _counter ];
                if ( _counter == 3 ) {
                    _counter = 0;
                }
            };
            Bitmap = images[ 0 ];
 
            // Команда, выполняемая при нажатии на кнопку, запускает таймер.
            Command = new RelayCommand( () => { _timer.IsEnabled = true; } );
        }
 
        public BitmapImage Bitmap {
            get { return _bitmap; }
            set {
                _bitmap = value;
                RaisePropertyChanged( "Bitmap" );
            }
        }
 
        public RelayCommand Command { get; private set; }
    }
}

XML
1
2
3
4
5
6
7
8
9
10
<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:WpfApplicationTest="clr-namespace:WpfApplicationTest" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" x:Class="WpfApplicationTest.MainWindow" Title="MainWindow" Height="600" Width="600">
    <Window.DataContext>
        <WpfApplicationTest:MainWindowViewModel />
    </Window.DataContext>
    <StackPanel Orientation="Vertical">
        <Image Stretch="None"
                 Source="{Binding Bitmap}"/>
        <Button Command="{Binding Command}">Start</Button>
    </StackPanel>
</Window>

Использовалась библиотека MVVM Light Toolkit.

Добавлено через 12 минут
Тоже самое на чистом XAML с использованием анимаций и триггеров:

XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
        <Image Stretch="None">
            <Image.Triggers>
                <EventTrigger RoutedEvent="Image.Loaded">
                    <BeginStoryboard>
                        <Storyboard>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Image.Source)" Duration="0:0:4" RepeatBehavior="Forever">
                                <ObjectAnimationUsingKeyFrames.KeyFrames>
                                    <DiscreteObjectKeyFrame KeyTime="0:0:1">
                                        <DiscreteObjectKeyFrame.Value>
                                            <BitmapImage UriSource="/Images/2.jpg" />
                                        </DiscreteObjectKeyFrame.Value>
                                    </DiscreteObjectKeyFrame>
                                    <DiscreteObjectKeyFrame KeyTime="0:0:2">
                                        <DiscreteObjectKeyFrame.Value>
                                            <BitmapImage UriSource="/Images/3.jpg" />
                                        </DiscreteObjectKeyFrame.Value>
                                    </DiscreteObjectKeyFrame>
                                    <DiscreteObjectKeyFrame KeyTime="0:0:3">
                                        <DiscreteObjectKeyFrame.Value>
                                            <BitmapImage UriSource="/Images/4.jpg" />
                                        </DiscreteObjectKeyFrame.Value>
                                    </DiscreteObjectKeyFrame>
                                </ObjectAnimationUsingKeyFrames.KeyFrames>
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Image.Triggers>
            <Image.Source>
                <BitmapImage UriSource="/Images/1.jpg" />
            </Image.Source>
        </Image>

@Bagiara · 01.08.2011, 17:04 **[ТС]**

большое спасибо!!!

Новые блоги и статьи Все статьи Все блоги /
Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .	Фото: Daniel Greenwood kumehtar 13.11.2025	Расскажи мне о Мире, бродяга kumehtar 12.11.2025 — Расскажи мне о Мире, бродяга, Ты же видел моря и метели. Как сменялись короны и стяги, Как эпохи стрелою летели. - Этот мир — это крылья и горы, Снег и пламя, любовь и тревоги, И бескрайние. . .

@Bagiara 21 / 0 / 0 Регистрация: 04.01.2011 Сообщений: 30

	expression blend анимация 22.07.2011, 11:12. Показов 2745. Ответов 4 Метки нет (Все метки) может кто знает как сделать анимацию из нескольких картинок, в частности медальона, который крутится? 0

@saiman_OK 13 / 13 / 3 Регистрация: 20.01.2011 Сообщений: 56
	22.07.2011, 11:27
	Крути его просто по оси Y (Transform -> Projection -> Y). Сделай один видимый, другой невидимый. На 90 градусах меняй видимость наоборот... 0

@Bagiara 21 / 0 / 0 Регистрация: 04.01.2011 Сообщений: 30
	24.07.2011, 12:09 [ТС]
	дело в том, что медальон должен выглядеть как 3D, у меня есть 8 картинок,из них нужно сделать анимацию и почему-то у меня не выходит скрывать картинки,делаю на первом кадре 1-ю карт. видимой,остальные не видимы и так по порядку, но при воспроизведении бленд видит только последнюю картинку. P.S.это сильверлайт приложение. 0

@Bagiara 21 / 0 / 0 Регистрация: 04.01.2011 Сообщений: 30
	01.08.2011, 17:04 [ТС]
	большое спасибо!!! 0