Блог

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

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

Любая помощь приветствуется.

В WinJS может быть 3 уровня задержек. Добавление задержек на самом деле очень просто. Вы можете использовать 3 класса CSS. WinJS обработает остальное.

win-pivot-slide1 , win-pivot-slide2 и win-pivot-slide3

Чтобы увидеть эффект в Pivot App (Windows Phone) шаблоне, вы можете отредактировать section3page.html , например. В этом файле есть ItemTemplate . Добавьте к этому классы

 <div class="itemTemplate"
     data-win-control="WinJS.Binding.Template">
    <div class="templatecontainer">
        <img class="win-pivot-slide1"
             src="#"
             data-win-bind="src: backgroundImage; alt: title" />
        <div class="itemcontainer">
            <div class="itemtitle label-extralarge win-pivot-slide2"
                 data-win-bind="textContent: title"></div>
            <div class="label-mediummid win-pivot-slide3"
                 data-win-res="{ textContent: 'Section3Description' }"
                 style="height: 82px;"></div>
        </div>
    </div>
</div>
 

Скорость анимации, похоже, жестко запрограммирована и не может быть установлена с помощью свойства функции.