Axure學習從點滴開始缔杉!
下面是海報輪播的簡單實現(xiàn)方法,希望讀該文章的你在產(chǎn)品路上又進步了一點蹲堂。
拖動一張圖片到index中狼讨,并鼠標右鍵單擊選擇“轉(zhuǎn)化為動態(tài)面板”。
2.雙擊動態(tài)面板柒竞,添加2個state政供,共3個state。(這里只是以3個舉例)朽基。
將每個state里面添加一張圖片布隔。
3.回到index,點擊動態(tài)面板稼虎,在右上角屬性中選擇“載入時”事件衅檀,并雙擊添加。
選擇彈出窗左側(cè)的“設(shè)置動態(tài)面板”霎俩,點擊設(shè)置參數(shù)哀军。
4.在index界面,在元件庫里找到橢圓元件打却,將橢圓邊框去掉杉适,并設(shè)置合適的大小放在圖片上,并復制三個一模一樣的橢圓柳击,分別編號為1猿推,2,3捌肴。
5.對橢圓進行設(shè)置交互樣式蹬叭,選中第一個橢圓,右鍵單擊橢圓状知,選擇“交互樣式”中的“選中”下面的“填充顏色”秽五。其它橢圓也一樣操作。
6.回到index试幽,點擊動態(tài)面板筝蚕,選擇屬性中的“狀態(tài)改變時”卦碾,并雙擊,彈出彈窗起宽,點擊添加條件洲胖。
選擇彈窗左側(cè)“設(shè)置選中”,按照序號依次設(shè)置橢圓1坯沪,橢圓2绿映,橢圓3的值是TRUEorFALSE。
雙擊“狀態(tài)改變時”添加第二個case腐晾,狀態(tài)為state2時叉弦。
選擇彈窗左側(cè)“設(shè)置選中”,選擇FALSEorTRUE藻糖。第三個橢圓同理淹冰。
7.點擊預(yù)約即可,如下圖巨柒。
8.設(shè)置鼠標移入事件樱拴,在index中,點擊動態(tài)面板洋满,選擇屬性上的“鼠標移入時”事件晶乔。
雙擊“鼠標移入時”,彈出彈窗牺勾,并選擇設(shè)為“停止循環(huán)”正罢。
再選擇屬性中的“鼠標移出時”事件,并雙擊驻民,選擇“next”翻具。
9.回到index,單擊第一個橢圓回还,在右側(cè)屬性中選擇“鼠標移入時”呛占,雙擊,選擇“設(shè)置動態(tài)面板”懦趋,并選擇“state1”。其它橢圓類推疹味。
最后仅叫,預(yù)覽即可。
喜歡就經(jīng)常來關(guān)注糙捺,文章會不定期更新~