在瀏覽一個頁面時址愿,如果跳轉到下一個頁面或舞,一般需要等待幾秒嘹屯,有些網(wǎng)站就會產(chǎn)生倒計時等待的狀態(tài)眉枕,這樣一個效果暫且稱為Axure頁面跳轉倒計時。在Axure(http://www.axurechina.cc/)中要實現(xiàn)這樣一個效果需要用到幾個簡單的交互效果疏之,以下將是具體操作流程殿雪。關于頁面跳轉的設置還有一個教程可以參考:如何實現(xiàn)Axure頁面之間的跳轉,此篇內(nèi)容主要是關于點擊一個文字狀態(tài)觸發(fā)跳轉到相關內(nèi)容的頁面的教學锋爪。
首先在網(wǎng)站下載Axure(http://www.axurechina.cc/download.html)軟件運行打開丙曙,然后在空白頁面拖入一個矩形元件,輸入以下文字信息其骄,為了將信息醒目亏镰,字號盡量設置的大一些,比如為72號字體拯爽,實現(xiàn)六秒倒計時之后開始跳轉索抓。
拖入一個一級標題,輸入數(shù)字“6”毯炮,命名為倒計時”逼肯,為了好區(qū)分,顏色可更改為綠色(個人選擇)桃煎,字號也設為72:
然后拖入一個動態(tài)面板篮幢,動態(tài)面板主要起到觸發(fā)器的作用,所以不需要實質上的內(nèi)容为迈,我們需要設置一下它的屬性三椿。交互中添加用例缺菌,選擇“顯示時”,設置當前元件為顯示時隱藏搜锰,只有不斷的觸發(fā)才會產(chǎn)生倒計時的效果:
然后接著單擊交互中的“隱藏時”設置等待伴郁,等待時間為一秒,然后再設置文本值為5纽乱。
為了使讀秒不一直無限讀下去蛾绎,需要給它添加觸發(fā)條件昆箕,當大于0時鸦列,便觸發(fā)這個條件。
添加完條件之后鹏倘,如果要觸發(fā)這個倒計時薯嗤,需要在添加事件中重復添加等待,文本值依次改成5纤泵、4骆姐、3、2捏题、1玻褪、0,然后單擊右側“隱藏”公荧,將“動態(tài)面板”隱藏带射,如下圖所示:
所有的交互設置完成之后,最后只需將動態(tài)面板設置為“載入時”隱藏循狰,點擊確定之后Axure實現(xiàn)倒計時頁面跳轉窟社,可以點擊預覽。
以上內(nèi)容就是Axure頁面跳轉倒計時的實現(xiàn)過程绪钥,如果想要學習更多教程 灿里,可以去Axure教程(http://www.axurechina.cc/help.html)查看軟件教程。
本篇文章分享來源于:http://www.axurechina.cc/help/1261.html