Axure教程:如何制作旋轉(zhuǎn)鐘表元件
Axure是一款功能強(qiáng)大的原型設(shè)計(jì)工具,通過制作小的元件可以幫助我們更快地熟悉軟件的操作。本文將簡(jiǎn)單介紹如何使用Axure 7.0制作一個(gè)時(shí)鐘元件。 添加原型和秒針首先,在頁(yè)面中添加一個(gè)固定寬度的圓形
Axure是一款功能強(qiáng)大的原型設(shè)計(jì)工具,通過制作小的元件可以幫助我們更快地熟悉軟件的操作。本文將簡(jiǎn)單介紹如何使用Axure 7.0制作一個(gè)時(shí)鐘元件。
添加原型和秒針
首先,在頁(yè)面中添加一個(gè)固定寬度的圓形原型,直徑設(shè)為180,位置在0,0處。接著添加一個(gè)秒針,長(zhǎng)度小于圓形半徑,位置設(shè)置在X:90, Y:10。秒針的尾部應(yīng)該正好位于圓心。
使用直線代替指針
可以用直線來代替指針,并根據(jù)需求添加箭頭,使其看起來更像鐘表指針。
創(chuàng)建動(dòng)態(tài)面板控制轉(zhuǎn)動(dòng)
添加一個(gè)動(dòng)態(tài)面板來控制秒針的轉(zhuǎn)動(dòng)。在載入頁(yè)面時(shí),讓動(dòng)態(tài)面板每秒完成一次狀態(tài)切換,同時(shí)讓秒針以底部為圓心進(jìn)行轉(zhuǎn)動(dòng),每秒轉(zhuǎn)動(dòng)6度。
設(shè)定觸發(fā)事件
在動(dòng)態(tài)面板上添加事件,使其每次狀態(tài)切換時(shí)觸發(fā)效果,讓秒針相應(yīng)地轉(zhuǎn)動(dòng)6度。
運(yùn)行效果
試運(yùn)行一下,確認(rèn)效果是否符合預(yù)期。完成后,隱藏用于控制效果的動(dòng)態(tài)面板,再次預(yù)覽時(shí),頁(yè)面上將只剩下一個(gè)帶有秒針的表盤。是不是很簡(jiǎn)單呢?如果感興趣,可以嘗試制作時(shí)針和分針,作為入門的練習(xí)。
通過以上步驟,你可以輕松地使用Axure制作旋轉(zhuǎn)鐘表元件。希望這篇教程能夠幫助你更好地理解Axure的操作方法,為你的原型設(shè)計(jì)工作提供便利與靈感。