Windows Phone ListView Анимация элементов - PullRequest
Новая
       7

Windows Phone ListView Анимация элементов

1 голос
/ 12 января 2012

Я загрузил Silverlight Toolkit для Windows Phone из Codeplex. В демонстрации я заметил, что на главном экране была StackPanel, в которой были перечислены элементы, и нажатие на элемент отображало визуальную индикацию, аналогично тому, как это делают нативные меню Windows Phone. Пытаясь выяснить, как они это сделали, я вижу эффекты перехода, добавленные в верхней части страницы со следующим XAML: 

<toolkit:TransitionService.NavigationInTransition>
    <toolkit:NavigationInTransition>
        <toolkit:NavigationInTransition.Backward>
            <toolkit:TurnstileTransition Mode="BackwardIn"/>
        </toolkit:NavigationInTransition.Backward>
        <toolkit:NavigationInTransition.Forward>
            <toolkit:TurnstileTransition Mode="ForwardIn"/>
        </toolkit:NavigationInTransition.Forward>
    </toolkit:NavigationInTransition>
</toolkit:TransitionService.NavigationInTransition>
<toolkit:TransitionService.NavigationOutTransition>
    <toolkit:NavigationOutTransition>
        <toolkit:NavigationOutTransition.Backward>
            <toolkit:TurnstileTransition Mode="BackwardOut"/>
        </toolkit:NavigationOutTransition.Backward>
        <toolkit:NavigationOutTransition.Forward>
            <toolkit:TurnstileTransition Mode="ForwardOut"/>
        </toolkit:NavigationOutTransition.Forward>
    </toolkit:NavigationOutTransition>
</toolkit:TransitionService.NavigationOutTransition>

Мое первоначальное предположение - это то, что заставляет кнопки иметь эту анимацию, однако я не могу понять, как они заставляют ее работать. Не существует очевидной связи между приведенным выше XAML и всем остальным ниже.

Есть советы? Я пытаюсь получить элементы ListView, чтобы имитировать эту визуализацию прессы.

1 Ответ

3 голосов
/ 29 января 2012

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

Поскольку вы уже загрузили инструментарий, вам просто нужно убедиться, что вы добавили его в качестве ссылки на ваш проект, а затем вставить следующий код вверху вашей страницы где-то в открывшемся разделе "phone: PhoneApplicationPage". тег: 

xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
toolkit:TiltEffect.IsTiltEnabled="True"

Это автоматически увеличит все кнопки и элементы списка с эффектом наклона. Если вы хотите, чтобы другие элементы имели эффект наклона, вы можете просто добавить свойства 'toolkit: TiltEffect.IsTiltEnabled = "True" "в тег элемента.

Подробнее об анимации наклона можно прочитать здесь: http://windowsphonegeek.com/articles/Silverlight-for-WP7-Toolkit-TiltEffect-in-depth

...