Простенькая анимация. Пример

@Bulky · Регистрация: 17.03.2018

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

Все привет!
дайте пожалуйста "наводку" каким образом сделать примерно такую анимацию.

@Почтальон · 25.12.2018, 10:12

Сообщение от Bulky

Честно говоря, немного удивлен. Что анимация так "тяжко" запускается.

Потому что не понимаете для чего она нужна. Анимация не занимается обработкой данных, а вот событие как раз может использоваться для запуска обработки.

@Bulky · 25.12.2018, 10:12 **[ТС]**

Почтальон,

Сообщение от Почтальон

Можно ValueConverter прикрутить........

Типа садишь true, а через конвертер управляешь свойством Анимации?

@Почтальон · 25.12.2018, 10:13

Сообщение от Bulky

Типа садишь true, а через конвертер управляешь свойством Анимации?

да, именно так

@Bulky · 25.12.2018, 10:51 **[ТС]**

Почтальон,

Сообщение от Почтальон

да, именно так

А на какое свойство? Что соответствует запуску?

@Рядовой · 25.12.2018, 11:24

Сообщение от Bulky

А на какое свойство? Что соответствует запуску?

тут то мы и подошли к вопросу

Сообщение от Рядовой
на какое свойство?

нету такого свойства

@Bulky · 25.12.2018, 11:43 **[ТС]**

Рядовой,

Сообщение от Рядовой

нету такого свойства

А наф нам такой "адронный коллайдер" если никто из нас его не сможет запустить?

Хотя бы с элементарной кнопки.

@Рядовой · 25.12.2018, 11:45

Bulky, как это никто? просто у кнопок нет подходящего свойства. Вы же не пытаетесь запустить автомобиль от спички? Хотя казалось бы... костер то запускается!!11!

@Bulky · 25.12.2018, 11:58 **[ТС]**

Рядовой, неудачная метафора.

Автомобили как раз с кнопки и запускаются. Есть у них такое Property!
Все human ориентированные вещи запускаются от кнопок. Так устроен этот мир.
Анимация похоже не от мира сего...

Добавлено через 5 минут
Так как решают этот вопрос крутые программисты!?

@Рядовой · 25.12.2018, 12:02

Bulky, я сказал от спички. Как бы то ни было, от классической кнопки работать не будет. Можно написать свою кнопку с подходящим свойством, но это костыль.

Добавлено через 3 минуты
Вы можете вручную подставлять источники изображения, без всякой анимации, и останавливать это дело, когда заблагорассудится.

@Bulky · 25.12.2018, 12:04 **[ТС]**

Сообщение от Рядовой

Bulky, я сказал от спички. Как бы то ни было, от классической кнопки работать не будет. Можно написать свою кнопку с подходящим свойством, но это костыль.

ОК, оставивим кнопку в покое. А в method в Code Behind?

@Рядовой · 25.12.2018, 12:06

можно создать свойство bool PlayAnimation и активировать/деактивировать его кнопкой, а DataTrigger забиндить на PlayAnimation

@Bulky · 25.12.2018, 12:20 **[ТС]**

Сообщение от Рядовой

можно создать свойство bool PlayAnimation и активировать/деактивировать его кнопкой, а DataTrigger забиндить на PlayAnimation

ОК, попробую.

@Элд Хасп · 25.12.2018, 12:28

Сообщение от Рядовой

можно создать свойство bool PlayAnimation и активировать/деактивировать его кнопкой, а DataTrigger забиндить на PlayAnimation

Сообщение от Bulky

ОК, попробую.

А я писал...

Сообщение от Элд Хасп

пост #4
Не совсем. Допустим, такой пример.
Делаете в VM целое свойство int ValueSpeaker. Привязываете к нему элемент. Элемент в зависимости от значения свойства меняет своё отображение. 0 - нет волн .... 3 - три волны. Это можно сделать и через триггера как Вы предложили. А анимация меняет ValueSpeaker от 0 до 3 с заданной скоростью.

Добавлено через 55 секунд
Свойство надо в VM делать! Без него всё осложняется...

@Bulky · 25.12.2018, 13:06 **[ТС]**

Элд Хасп,

Сообщение от Элд Хасп

А я писал...

Это так! Рядовой, привел пример, такой простенький и работоспособный, который даже я сумел "завести" и даже без спичек.
Но потом, как оказалось. Это была макушка Айсберга. Весь Айсберг там, под водой. Называется Как запустить анимацию с кнопки в WPF.

@Элд Хасп · 25.12.2018, 13:21

Сообщение от Bulky

Это так! Рядовой, привел пример, такой простенький и работоспособный, который даже я сумел "завести" и даже без спичек.
Но потом, как оказалось. Это была макушка Айсберга. Весь Айсберг там, под водой. Называется Как запустить анимацию с кнопки в WPF

Это опять к тому, что WPF сильно "заточен" под MVVM. Можно и без него делать, но обычно это приводит к такому геморрою...

@Bulky · 25.12.2018, 16:15 **[ТС]**

Элд Хасп, Рядовой,

Я повторил вот этот прикол, он стартует от кнопки.

XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 <Button x:Name="myButton" Content="Start" Click="myButton_Click" Margin="347,144,62.4,139.4">
            <Button.Triggers>
                <EventTrigger RoutedEvent="Button.Click">
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimation Storyboard.TargetName="Rect1"
                                     Storyboard.TargetProperty="(Canvas.Left)"
                                     To="100" Duration="0:0:2"/>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Button.Triggers>
        </Button>
        <Canvas x:Name="Can1">
            <Rectangle x:Name="Rect1" Canvas.Left="10" Width="100" Height="100"
               Fill="LightSeaGreen" Stroke="Bisque" StrokeThickness="5"/>
        </Canvas>

Попробовал "впихнуть" пример от Рядового. XAML "проглотил", но вылетает исключение.

Cannot resolve all property references in the property path 'Source'. Verify that applicable objects support the properties.

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
33
34
35
36
37
38
39
40
41
42
43
44
45
 <Grid>
        <Button x:Name="myButton" Grid.Column="1" Height="25" Width="100" Content="Start" Click="myButton_Click">
            <Button.Triggers>
                <EventTrigger RoutedEvent="Button.Click">
                    <BeginStoryboard>
                        
                            <Storyboard RepeatBehavior="Forever">
                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Source" Duration="0:0:2.0">
                                    <DiscreteObjectKeyFrame KeyTime="0:0:0">
                                        <DiscreteObjectKeyFrame.Value>
                                            <BitmapImage UriSource="D://Speakers//Wave_00.png" />
                                        </DiscreteObjectKeyFrame.Value>
                                    </DiscreteObjectKeyFrame>
                                    <DiscreteObjectKeyFrame KeyTime="0:0:.5">
                                        <DiscreteObjectKeyFrame.Value>
                                            <BitmapImage UriSource="D://Speakers//Wave_01.png" />
                                        </DiscreteObjectKeyFrame.Value>
                                    </DiscreteObjectKeyFrame>
                                    <DiscreteObjectKeyFrame KeyTime="0:0:1">
                                        <DiscreteObjectKeyFrame.Value>
                                            <BitmapImage UriSource="D://Speakers//Wave_02.png" />
                                        </DiscreteObjectKeyFrame.Value>
                                    </DiscreteObjectKeyFrame>
                                    <DiscreteObjectKeyFrame KeyTime="0:0:1.5">
                                        <DiscreteObjectKeyFrame.Value>
                                            <BitmapImage UriSource="D://Speakers//Wave_03.png" />
                                        </DiscreteObjectKeyFrame.Value>
                                    </DiscreteObjectKeyFrame>
 
                                </ObjectAnimationUsingKeyFrames>
                            </Storyboard>
                        
                    </BeginStoryboard>
                </EventTrigger>
            </Button.Triggers>
        </Button>
 
        <Image
            Name="img"
            Width="128"
            Height="128">
        </Image>
        
        
    </Grid>

Гляньте зорким глазом, можно ли таким образом реализовать пример от Рядового?

@Рядовой · 25.12.2018, 16:29

Bulky, запустить с кнопки то можно

XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<Button Grid.Row="1" VerticalAlignment="Bottom" Width="100" Height="20">
            <Button.Triggers>
                <EventTrigger RoutedEvent="Button.Click">
                    <BeginStoryboard Name="AnimStart">
                        <Storyboard RepeatBehavior="Forever">
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="img" Storyboard.TargetProperty="Source"  Duration="0:0:1">
                                <DiscreteObjectKeyFrame KeyTime="0:0:0">
                                    <DiscreteObjectKeyFrame.Value>
                                        <BitmapImage UriSource="E://1.jpg"/>
                                    </DiscreteObjectKeyFrame.Value>
                                </DiscreteObjectKeyFrame>
                                <DiscreteObjectKeyFrame KeyTime="0:0:.5">
                                    <DiscreteObjectKeyFrame.Value>
                                        <BitmapImage UriSource="E://1111.png"/>
                                    </DiscreteObjectKeyFrame.Value>
                                </DiscreteObjectKeyFrame>
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Button.Triggers>
        </Button>

Но остановить уже нельзя будет.

@Bulky · 25.12.2018, 16:33 **[ТС]**

Сообщение от Рядовой

Но остановить уже нельзя будет.

Ну у нас не понос, так золотуха.

А если повторяемость поставить например 4x?

@Рядовой · 25.12.2018, 16:40

Сообщение от Bulky

А если повторяемость поставить например 4x

поставьте хоть 1 раз, она будет крутиться бесконечно. Потому что не указано stopstoryboard. А если его указать, анимация вообще не запуститься, потому что событие сразу заканчивается, а с ним и анимация. Именно поэтому вам и было сказано, что привязать к кнопке нельзя.

@Почтальон · 25.12.2018, 16:44

Ну челу же нужен треш, и панос или золотуха, не ищет легких путей

Новые блоги и статьи Все статьи Все блоги /
FPS контроллер с анимированными Y-Bot и 3D-звуком miniaudio (Box3D, Recast, BehaviorTree.CPP, ozz-animation, ImGui, OpenGL и SDL3) 8Observer8 18.10.2026 Содержание блога \| English Version Полное мультиплатформенное руководство по стартовому проекту с FPS-контроллером игрока, анимированными роботами Y-Bot с 4-слойным блендингом, 3D-физикой Box3D,. . .	Локальный http сервер Argus19 17.10.2026 Локальный http сервер На работе, на двух локальных компьютерах круглосуточно работают программы опроса приборов с записью в книги Excel,которые раз в сутки записываются на сервер компании. Т. к. . . .	Копировать Windows на новый диск на UEFI damix 17.10.2026 https:/ / uriesk. wordpress. com/ 2016/ 11/ 01/ move-window-10-to-ssd-on-a-uefi-dualboot-system-with-basic-linux-tools/ TL DR Вставляем диск, а старый подключаем через переходник, грузимся с лайва. . .	ИИ не может найти нужный язык в списке Supersumestria 05.10.2026 Я ему даю вот такое изображение и прошу найти и подчеркнуть немецкий язык. Возвращает он вот это: https:/ / i. **********/ vqBWLe2. png Нужную строчку в 3й колонке просто выдумал. . Это. . .
Новая последняя моя музыка в SUNO zorxor 05.10.2026 Здравствуйте, дорогие мои друзья! С большой радостью я хотел бы представить вам свою новую последнею музыку, которую сгенерировала мне по моей просьбе нейросеть SUNO. С уважением, zorxor. Это. . .	Программный домашний кинотеатр russiannick 27.09.2026 Сподобился на программный домашний кинотеатр. В качестве ЯВУ по традиции выбрал js. В помощники взял Яндекс-Алису. Было создано три зала на разные интересы. исторические и ретро сериал Хичкок. . .	Беседа с ИИ о программистах, недопускающих к созданию и правке кода генеративные ИИ и причины этого zorxor 21.09.2026 Раньше я радовался или получал некоторые эмоции, пусть небольшие, но всё же, от самого процесса написания кода, рекомпиляции и запуска, видя постепенное развитие программы и прочее. А теперь лень. . .	Мобильное приложение ColorStep pavlinmavlin 17.09.2026 Реализовал приложение Красный, Зеленый, Синий в Unity3d + c#. Название изменил на ColorStep. Приложение прошло модерацию и теперь доступно для скачивания. Делал его сам, шаг за шагом — и вот,. . .

@Bulky -21 / 29 / 2 Регистрация: 17.03.2018 Сообщений: 778

	Простенькая анимация. Пример 15.12.2018, 19:03. Показов 3967. Ответов 44 Метки нет (Все метки) Все привет! дайте пожалуйста "наводку" каким образом сделать примерно такую анимацию. Миниатюры 0

@Рядовой 1524 / 914 / 329 Регистрация: 17.05.2015 Сообщений: 3,438
	25.12.2018, 11:45
	Bulky, как это никто? просто у кнопок нет подходящего свойства. Вы же не пытаетесь запустить автомобиль от спички? Хотя казалось бы... костер то запускается!!11! 0

@Bulky -21 / 29 / 2 Регистрация: 17.03.2018 Сообщений: 778
	25.12.2018, 11:58 [ТС]
	Рядовой, неудачная метафора. Автомобили как раз с кнопки и запускаются. Есть у них такое `Property`! Все `human` ориентированные вещи запускаются от кнопок. Так устроен этот мир. Анимация похоже не от мира сего... Добавлено через 5 минут Так как решают этот вопрос крутые программисты!? 0

@Рядовой 1524 / 914 / 329 Регистрация: 17.05.2015 Сообщений: 3,438
	25.12.2018, 12:02
	Bulky, я сказал от спички. Как бы то ни было, от классической кнопки работать не будет. Можно написать свою кнопку с подходящим свойством, но это костыль. Добавлено через 3 минуты Вы можете вручную подставлять источники изображения, без всякой анимации, и останавливать это дело, когда заблагорассудится. 0

@Рядовой 1524 / 914 / 329 Регистрация: 17.05.2015 Сообщений: 3,438
	25.12.2018, 12:06
	можно создать свойство bool PlayAnimation и активировать/деактивировать его кнопкой, а DataTrigger забиндить на PlayAnimation 1

@Почтальон управление сложностью 1693 / 1306 / 259 Регистрация: 22.03.2015 Сообщений: 7,545 Записей в блоге: 5
	25.12.2018, 16:44
	Ну челу же нужен треш, и панос или золотуха, не ищет легких путей 0