中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

本文分享了頁(yè)面加載動(dòng)畫(huà)如何制作，希望對(duì)大家有所幫助。

先看效果：

以下是制作步驟：

第一階段，素材準(zhǔn)備

（1）拉入一個(gè)圓

注意：調(diào)整圓的大小，示例中是50*50。

（2）設(shè)置元件（圓）的線(xiàn)寬為最粗 ——?這樣看上去效果最明顯（簡(jiǎn)單粗暴大法）

注：線(xiàn)寬可根據(jù)實(shí)際情況自行調(diào)整

（3）設(shè)置元件（圓）的線(xiàn)段類(lèi)型為最碎 ——?這樣看上去效果最明顯（簡(jiǎn)單粗暴大法）

注：線(xiàn)段類(lèi)型可根據(jù)實(shí)際情況自行調(diào)整。

（4）設(shè)置線(xiàn)段顏色為漸變 ——?再加點(diǎn)效果，等下轉(zhuǎn)起來(lái)效果更明顯,

重點(diǎn)說(shuō)明：原始版本無(wú)此設(shè)置（默認(rèn)為單色：黑333333），錦上添花的一步。

注：

1. 顏色可根據(jù)實(shí)際情況自行調(diào)整；
2. 漸變效果可根據(jù)實(shí)際情況自行調(diào)整（拖拽那兩個(gè)小尖尖）。

第二階段：設(shè)置動(dòng)作

注：以上文看到的動(dòng)畫(huà)為藍(lán)本。

用例翻譯成大白話(huà)就是：元件載入時(shí)，順時(shí)針（方向）線(xiàn)性（動(dòng)畫(huà)效果）2000毫秒（動(dòng)畫(huà)時(shí)長(zhǎng)）旋轉(zhuǎn)自身720度 ——?注意是旋轉(zhuǎn)720度，不是旋轉(zhuǎn)到720度（相對(duì)位置與絕對(duì)位置的區(qū)別）

即，以下幾個(gè)設(shè)置要關(guān)注一下：

1. 旋轉(zhuǎn)位置 ——?因?yàn)槟J(rèn)是相對(duì)位置，此示例中不需要調(diào)整；
2. 旋轉(zhuǎn)角度 ——?旋轉(zhuǎn)的目標(biāo)值，此處設(shè)置的是720度，即2圈；
3. 方向 ——?順時(shí)針?或 逆時(shí)針；
4. 動(dòng)畫(huà) ——?axure自帶的動(dòng)畫(huà)，選擇的是線(xiàn)性效果（均速）；
5. 動(dòng)畫(huà)時(shí)間 ——?即動(dòng)畫(huà)執(zhí)行的速度：時(shí)間越長(zhǎng)，速度越慢；時(shí)間越長(zhǎng)，速度越快。

注：以上設(shè)置，并不是唯一答案，應(yīng)該在實(shí)際使用時(shí)靈活調(diào)整，活學(xué)活用。

再注：此例中用的動(dòng)作進(jìn)是“載入時(shí)”，同樣不是唯一答案，可根據(jù)實(shí)際需求，放置在相應(yīng)的動(dòng)作下面。

OK，菊花轉(zhuǎn)效果做好了，是不是很簡(jiǎn)單？！輕按F5查看一下成果吧。

原型鏈接：菊花轉(zhuǎn) ，歡迎下載交流。

對(duì)了，還有以下幾個(gè)點(diǎn)可以拓展一下

1. 如何讓菊花一直轉(zhuǎn)？
2. 在1的一直轉(zhuǎn)的前提下，如何停止轉(zhuǎn)正？

本文由 @?牧逸 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于CC0協(xié)議