ps環(huán)形箭頭怎么做？類似于這個(gè)戒指...方法很多，我舉兩個(gè)簡單的例子:用鋼筆工具畫畫2.用橢圓框選擇工具和矩形框選擇工具合成。如何用Axure8實(shí)現(xiàn)環(huán)形進(jìn)度條？今天在網(wǎng)上看到幾個(gè)關(guān)于圓形進(jìn)度條的Axu

ps環(huán)形箭頭怎么做？

類似于這個(gè)戒指...

方法很多，我舉兩個(gè)簡單的例子:

用鋼筆工具畫畫

2.用橢圓框選擇工具和矩形框選擇工具合成。

如何用Axure8實(shí)現(xiàn)環(huán)形進(jìn)度條？

今天在網(wǎng)上看到幾個(gè)關(guān)于圓形進(jìn)度條的Axure教程。由于我生性愚鈍，花了一整天才明白它的原理，但強(qiáng)迫癥的細(xì)胞告訴我，網(wǎng)上的幾個(gè)教程并不完美，于是我跳進(jìn)了產(chǎn)品經(jīng)理最忌諱的坑——追求完美。

不僅是進(jìn)度條，很多模塊都有很多方法。如果勤于思考，可以用不同的制作，靈活學(xué)習(xí)使用，互相鼓勵(lì)。

一.部件準(zhǔn)備

如上圖所示:

1.一個(gè)圓形，尺寸為202*202，命名為 "外環(huán)和外環(huán)

2.一個(gè)尺寸為148*148的圓，命名為 "內(nèi)環(huán) "

3.一個(gè)名為 "開始 "作為觸發(fā)按鈕；

4.四分之一環(huán)由一個(gè)202*202的大圓和一個(gè)152*152的小圓組成。顏色用白色填充(圖中為顯示暫時(shí)填充灰色)，組合命名為 "白條 "。ps:大小與元素5不同，避免圓心疊加時(shí)露出紅邊；

5.有四個(gè)由200*200的大圓和150*150的小圓組成的四分之一環(huán)。當(dāng)它們組合在一起時(shí)，大圓圈用紅色填充，小圓圈用白色填充，這種組合被命名為 "紅條1234 "分別是。

二、元件放置位置

1.放置 "外環(huán)和外環(huán)在底部；

2.放置 "紅條1234 "在 的中心外環(huán)和外環(huán)分別是；

3.放置 的中心白條 "和 的中心外環(huán)和外環(huán)以重疊的。這時(shí)白條會(huì)擋住紅條。元件制備時(shí)白條尺寸略大于紅條尺寸的原因是為了遮擋紅條的邊緣顏色，達(dá)到完全遮擋，不留任何缺陷；

4.放置的中心 "內(nèi)環(huán) "和 "外環(huán)和外環(huán)以重疊的；

5.最后，放置 "開始 "按鈕在你最喜歡的位置。

如下圖所示:

第三，添加用例

做 "當(dāng)鼠標(biāo)點(diǎn)擊 "開始按鈕上的事件:

具體流程:

旋轉(zhuǎn) "紅條1 "到90度，的術(shù)語是 "到達(dá)和順時(shí)針，線性，200毫秒→旋轉(zhuǎn) "紅條2 "到180度，順時(shí)針，線性，400毫秒→旋轉(zhuǎn) "紅條3 "到270度，順時(shí)針，線性，600毫秒→旋轉(zhuǎn) "紅條4 "到180度。400毫秒→等待400毫秒→放置 "紅條4 "在頂層→位置 "內(nèi)環(huán) "在頂層→旋轉(zhuǎn) "紅條4 "旋轉(zhuǎn)180度。的術(shù)語是 "通行證 "，線性，400ms→F5。讓 讓我們看看效果。

第四，難點(diǎn)的解釋

1.四個(gè)紅條怎么旋轉(zhuǎn)？

起初，四個(gè)紅色條疊加在一起。當(dāng)他們開始旋轉(zhuǎn)時(shí)，他們實(shí)際上是同時(shí)旋轉(zhuǎn)的，但四個(gè)紅色條的最終位置是不同的。就像跑一樣，第一個(gè)人一聲槍響就跑了。四分之一停了，第二個(gè)人跑了兩個(gè)四分之一停了，第三個(gè)人跑了三個(gè)四分之一停了，只有第四個(gè)人跑完了全程。類似地，順時(shí)針90度是紅條1停止的位置，180度是紅條2停止的位置，270度是紅條3停止的位置，360度是紅條4停止的位置。但是為什么要讓紅杠4旋轉(zhuǎn)到180度，中途停頓呢？以下解釋。

2.為什么要讓紅杠4先旋轉(zhuǎn)180度？

聰明的同學(xué)一定都看到了！如果直接將紅條4旋轉(zhuǎn)360度，會(huì)被最初擋住紅條的白條擋住，這樣紅條4旋轉(zhuǎn)360度就相當(dāng)于做了無用功。所以我們需要讓紅杠4分兩步旋轉(zhuǎn)，中間停下來放到頂層，這樣最終的位置就不會(huì)被白杠擋住。

3.為什么最后把內(nèi)圈放在頂樓？

你可以試試。什么？;不把內(nèi)圈放在頂樓有什么影響？PS。事實(shí)上，它 還是追求細(xì)節(jié)，哈哈哈...

4.時(shí)間有什么關(guān)系？200ms，400ms，600ms，800ms之間有什么聯(lián)系？

其實(shí)這是從身體運(yùn)動(dòng)的過程考慮的。紅色條1234的旋轉(zhuǎn)距離是倍數(shù)關(guān)系。如果希望進(jìn)度條均勻增加，也要保持時(shí)間上的倍數(shù)關(guān)系。紅條4的完整移動(dòng)時(shí)間其實(shí)是800ms，可以嘗試調(diào)整時(shí)間做一個(gè)不均勻的增量進(jìn)度條。我沒有。;不要嘗試。

5.為什么紅條4使用 "致 "對(duì)于第一輪和 "by "第二輪嗎？

其實(shí)這是一個(gè)英語問題。使用介詞 "致 "當(dāng)你到了那里by "當(dāng)你路過的時(shí)候。當(dāng)紅色條4第一次旋轉(zhuǎn)時(shí)，它的起始位置是0度。當(dāng)它第二次旋轉(zhuǎn)時(shí)，如果你選擇 "致 "，你會(huì)把第一次旋轉(zhuǎn)后的180度位置作為新的起點(diǎn)，相當(dāng)于一個(gè)新的起點(diǎn)。如果你還在用 "致 "，你將到達(dá)參考新起點(diǎn)上的一個(gè)固定位置。PS:其實(shí)在這種情況下，使用 "致 "or "by "是一樣的，純屬巧合，但原因不同。每個(gè)人都必須明白 "致 "和 "by "。

動(dòng)詞 （verb的縮寫）瘋狂的

進(jìn)度條達(dá)到100%后，單擊 "開始 "按鈕，看看它有什么影響。我贏了。;我不能告訴你有一個(gè)錯(cuò)誤。