原文:UWP 創建動畫的極簡方式 — LottieUWP

提到 UWP 中創建動畫,第一個想到的大多都是 StoryBoard。因為 UWP 和 WPF 的界面都是基於 XAML 語言的,所以實現 StoryBoard 會非常方便。 來看一個簡單的 StoryBoard 例子: 這是一個很典型也很簡單的 StoryBoard 實現,相信做過 WPF 或 UWP 的開發者們都很熟悉了。一個橢圓,通過 StoryBoard 中 TranslateX 和 Tr ...

2018-03-19 19:08 14 1677 推薦指數:

查看詳情

[UWP]使用SpringAnimation創建有趣的動畫

1. 什么是自然動畫 最近用彈簧動畫(SpringAnimation)做了兩個番茄鍾,關於彈簧動畫官方文檔已經介紹得夠詳細了,這篇文章就摘錄一些官方文檔核心內容。 在傳統UI中,關鍵幀動畫(KeyFrameAnimation)是描述運動的主要方式。關鍵幀為設計人員和開發人員提供了盡可能多的用於 ...

Mon Nov 11 17:27:00 CST 2019 2 371
UWP Background過渡動畫

首先說兩件事: 1、大爆炸我還記着呢,先欠着吧。。。 2、博客搬家啦,新地址:https://blog.ultrabluefire.cn/ ==========下面是正文========== ...

Mon Sep 10 17:38:00 CST 2018 1 649
[UWP]用Shape做動畫

相對於WPF/Silverlight,UWP動畫系統可以說有大幅提高,不過本文無意深入討論這些動畫API,本文將介紹使用Shape做一些進度、等待方面的動畫,除此之外也會介紹一些相關技巧。 1. 使用StrokeDashOffset做等待提示動畫 圓形的等待提示動畫十分容易做,只要讓它旋轉 ...

Sun Jun 11 03:44:00 CST 2017 7 1466
[UWP]緩存Lottie動畫

在上一篇博文《[UWP]在UWP平台中使用Lottie動畫》中我簡單介紹了一下LottieUWP項目以及如何使用它呈現Lottie動畫,這篇文章里我們來講點進階的東西——緩存Lottie動畫幀。 為什么會有這樣的需求呢? 有兩方面原因: 直接在XAML中使用Lottie動畫時,是邊播放 ...

Sun Dec 30 00:39:00 CST 2018 0 586
[UWP]創建一個ProgressControl

1. 前言 博客園終於新增了UWP的分類,我來為這個分類貢獻第一篇博客吧。 UWP有很多問題,先不說生態的事情,表單、驗證、輸入、設計等等一堆基本問題纏身。但我覺得最應該首先解決的絕對是Blend,那個隨隨便便就崩潰、報錯、比Silverlight時代還差、不能用的Blend ...

Fri Mar 30 16:53:00 CST 2018 25 2035
[UWP]在UWP平台中使用Lottie動畫

最近QQ影音久違的更新了,因為記得QQ影音之前體驗還算不錯(FFmepg的事另說),我也第一時間去官網下載體驗了一下,結果發現一些有趣的事情。 是的,你沒看錯,QQ影音主界面上這個動畫效果是使用Lottie動畫實現的! 這讓我大為驚奇,我對Lottie了解還算是比較多的,但是Lottie ...

Sun Dec 30 00:37:00 CST 2018 2 719
[UWP]使用CompositionAPI的翻轉動畫

1. 運行效果 在 使用GetAlphaMask和ContainerVisual制作長陰影(Long Shadow) 這篇文章里我介紹了一個包含長陰影的番茄鍾,這個番茄鍾在狀態切換時用到了翻轉動畫,效果如上所示,還用到了彈簧動畫,可以看到翻轉后有點回彈。本來打算自己這個動畫效果寫的,但火火 ...

Thu Nov 14 17:03:00 CST 2019 3 304
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM