Как обеспечить скользящую анимацию при изменении видимости для любого элемента управления - PullRequest
Новая
       8

Как обеспечить скользящую анимацию при изменении видимости для любого элемента управления

0 голосов
/ 18 мая 2018

Я хочу предоставить анимацию для стека-панели при изменении ее видимости.Paint 3D в Windows 10 обеспечивает слайд в анимации для навигации по нажатию кнопки меню.Я хочу сделать тот же эффект скольжения, чтобы стека-панель на его видимость изменилась.Я попробовал анимацию, используя Microsoft.Toolkit.Uwp.UI.Animations со следующим кодом 

          <animations:Implicit.ShowAnimations>
            <animations:TranslationAnimation  Duration="0:0:1" From="0" To="1">
                <animations:ScalarKeyFrame Key="0.2" Value="0.6"/>
                <animations:ScalarKeyFrame Key="0.4" Value="0.3"/>
                <animations:ScalarKeyFrame Key="0.6" Value="0.8"/>
                <animations:ScalarKeyFrame Key="0.8" Value="0.5"/>
            </animations:TranslationAnimation>
        </animations:Implicit.ShowAnimations>

        <animations:Implicit.HideAnimations>
            <animations:OpacityAnimation Duration="0:0:1" From="1" To="0">
                <animations:ScalarKeyFrame Key="0.2" Value="0.5"/>
                <animations:ScalarKeyFrame Key="0.4" Value="0.8"/>
                <animations:ScalarKeyFrame Key="0.6" Value="0.3"/>
                <animations:ScalarKeyFrame Key="0.8" Value="0.6"/>
            </animations:OpacityAnimation>
        </animations:Implicit.HideAnimations>

Но это только заставляет панель стека исчезать и исчезать, где я хочу сдвинуть ее слева направоправый.

1 Ответ

0 голосов
/ 18 мая 2018

Вы можете поместить несколько элементов в один элемент <animations:Implicit.ShowAnimations>, поэтому вы можете добавить туда и анимацию Translation и Opacity.

Кроме того, перевод использует абсолютные значения, так что вы делаетеперемещает панель всего на один пиксель вправо, что незаметно.Попробуйте установить From="-200" и To="0", например.

...