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

@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

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

Новые блоги и статьи Все статьи Все блоги /
Калькулятор для расчета родства russiannick 07.08.2026 1. Задача: Создать калькулятор для расчета родства. Родственных связей существует 8 ступеней, такие как: p - отец P - мать q - муж Q - жена b - брат B - сестра s - сын S - дочь	Мир по моей воле kumehtar 07.08.2026 Когда-то кажется, что всё просто. Ты весь такой светлый. Причиняешь добро. Борешься за справедливость в этом тёмном мире. Потом начинаешь замечать одну неприятную вещь. Почти каждый хороший. . .	Кредитный калькулятор Maks 05.08.2026 Решение задачи по прикладной информатике средствами 1С. Задача: Напишите приложение-калькулятор, которое помогает рассчитывать параметры кредита для аннуитетного и дифференцированного видов. . .	У нас сейчас поговорку "Опять 25" нужно переделать на "Опять +35". kumehtar 04.08.2026 С ностальгией вспоминаю времена моего детства, когда у нас и правда +25 - была максимальная температура летом. Раньше +25 °C реально казались вершиной жары, когда можно было весь день пропадать на. . .
Как ИИ начал спорить и врать (возможно почуяв опасность для себя от индустрии - уход от электроники). Hrethgir 04.08.2026 Недельный диалог, на фоне событий с НПЗ. Да, из спирта можно получать бензин, и это не сложно. Но потом в схеме я решил избавиться от насоса, при этом полностью сделав контроль подачи спирта в. . .	Термопринтер QR701 Argus19 03.08.2026 Термопринтер QR701 Купил два термопринтера QR701. На сэлф-тесте написано: Language: PC936 (GB18030). Что означает, что принтеры могут печатать только латиницу и китайские иероглифы. Так же. . .	Создание формы заимствованного документа Maks 03.08.2026 Задача: Необходимо создать собственную форму заимствованного документа. На форме должен быть реквизит "Покупатель", а также табличная часть со следующими реквизитами: - Расчетный счет покупателя. . .	Задача предоставления скидок покупателям Maks 03.08.2026 Задача: В документе "Продажи" необходимо реализовать функционал предоставления скидок покупателям. Скидка должна автоматически рассчитываться и подставляться в соответствующее поле при выборе. . .

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

	Простенькая анимация. Пример 15.12.2018, 19:03. Показов 3845. Ответов 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