|
1 | 1 | ---
|
2 | 2 | id: animations
|
3 |
| -title: Animations |
| 3 | +title: Анимации |
4 | 4 | ---
|
5 | 5 |
|
6 | 6 | import KeyframeDiagram from '/img/basics/user-interface/animation-keyframe.png';
|
7 | 7 |
|
8 |
| -# Animations |
| 8 | +# Анимации |
9 | 9 |
|
10 |
| -There are two types of animations in _Avalonia UI_: |
| 10 | +В _Avalonia UI_ существует два типа анимаций: |
11 | 11 |
|
12 |
| -* Keyframe Animation - can change one or more property values using a timeline. Keyframes are defined along the timeline at cue points. The properties being changed are adjusted between keyframes using an easing function (which is a straight-line interpolation by default). Keyframe animations are a very versatile type of animation. |
13 |
| -* Transitions - can change a single property. |
| 12 | +* Покадровая анимация (Keyframe Animation) - может изменять одно или несколько значений свойств с использованием временной шкалы. Ключевые кадры определяются вдоль временной шкалы в опорных точках. Изменяемые свойства корректируются между ключевыми кадрами с использованием функции плавности (по умолчанию это прямолинейная интерполяция). Покадровые анимации являются очень универсальным типом анимации. |
| 13 | +* Переходы (Transitions) - могут изменять одно свойство. |
14 | 14 |
|
15 |
| -## Keyframe Animation |
| 15 | +## Покадровая анимация |
16 | 16 |
|
17 |
| -The simplest keyframe animation will change one property value over a a specified duration by defining two keyframes with cue points at the start (0% of the duration) and the end (100% of the duration). |
| 17 | +Простейшая покадровая анимация изменяет одно значение свойства в течение указанной продолжительности, определяя два ключевых кадра с опорными точками в начале (0% продолжительности) и в конце (100% продолжительности). |
18 | 18 |
|
19 | 19 | <img src={KeyframeDiagram} alt=''/>
|
20 | 20 |
|
21 |
| -The property value is then changed over time between the keyframes using the profile defined by an easing function. The default easing function is also the simplest - a straight-line interpolation between two keyframes. |
| 21 | +Затем значение свойства изменяется со временем между ключевыми кадрами, используя профиль, определенный функцией плавности. Функция плавности по умолчанию также является самой простой - прямолинейная интерполяция между двумя ключевыми кадрами. |
22 | 22 |
|
23 | 23 | :::info
|
24 |
| -You can see the full range of easing functions in the reference, [here](../../reference/animation-settings.md). |
| 24 | +Полный набор функций плавности можно найти в справочнике [здесь](../../reference/animation-settings.md). |
25 | 25 | :::
|
26 | 26 |
|
27 |
| -## Triggering Animations |
| 27 | +## Запуск анимаций |
28 | 28 |
|
29 |
| -_Avalonia UI_ animations defined in XAML rely on selectors for their triggering behavior. Selectors can always apply to a control, or they can conditionally apply (for example if the control has a style class applied). |
| 29 | +Анимации _Avalonia UI_, определенные в XAML, используют селекторы для их поведения запуска. Селекторы могут всегда применяться к элементу управления или могут применяться условно (например, если к элементу управления применен класс стиля). |
30 | 30 |
|
31 |
| -If the selector is not conditional then the animation will be triggered when a matching `Control` is spawned into the visual tree. Otherwise, the animations will run whenever its selector is activated. When the selector no longer matches, the currently running animation will be cancelled. |
| 31 | +Если селектор не является условным, то анимация будет запущена, когда соответствующий `Control` появляется в визуальном дереве. В противном случае анимации будут запускаться всякий раз, когда их селектор активируется. Когда селектор больше не соответствует, текущая выполняемая анимация будет отменена. |
32 | 32 |
|
33 |
| -## Other Animation Settings |
| 33 | +## Другие настройки анимации |
34 | 34 |
|
35 |
| -* Delay |
36 |
| -* Repeat |
37 |
| -* Playback Direction |
38 |
| -* Value Fill Mode |
39 |
| -* Easing Function |
| 35 | +* Задержка (Delay) |
| 36 | +* Повторение (Repeat) |
| 37 | +* Направление воспроизведения (Playback Direction) |
| 38 | +* Режим заполнения значений (Value Fill Mode) |
| 39 | +* Функция плавности (Easing Function) |
0 commit comments