使用Axure設(shè)置字幕跑馬燈效果
在Axure應(yīng)用中,動態(tài)面板是非常重要的組件之一。本經(jīng)驗將詳細(xì)介紹如何利用動態(tài)面板的切換實現(xiàn)跑馬燈效果。創(chuàng)建動態(tài)面板1. 在page1頁面上,新建一個長為400,高為40的動態(tài)面板,并將其命名為"動態(tài)
在Axure應(yīng)用中,動態(tài)面板是非常重要的組件之一。本經(jīng)驗將詳細(xì)介紹如何利用動態(tài)面板的切換實現(xiàn)跑馬燈效果。
創(chuàng)建動態(tài)面板
1. 在page1頁面上,新建一個長為400,高為40的動態(tài)面板,并將其命名為"動態(tài)面板1"。
2. 雙擊該動態(tài)面板,進(jìn)入編輯模式,然后新增一個動態(tài)面板狀態(tài),命名為"State2"。
3. 進(jìn)入動態(tài)面板1的狀態(tài)1(默認(rèn)狀態(tài)),添加背景色以及對應(yīng)的文字信息。
4. 復(fù)制動態(tài)面板1的狀態(tài)1,然后粘貼到State2中,并修改對應(yīng)的文字信息。
實現(xiàn)循環(huán)切換
5. 返回page1頁面,添加一個頁面加載時觸發(fā)的事件。
6. 在該事件中,讓動態(tài)面板1的狀態(tài)不斷切換循環(huán)。設(shè)置循環(huán)間隔為0秒,這樣文字就會連續(xù)向右移動。
測試效果
喜歡的朋友可以試試以上設(shè)置,個人感覺這種方法能夠快速達(dá)到想要的字幕跑馬燈效果。以下是移動時的截圖:
[插入移動時的截圖]
通過以上步驟,您可以在Axure中輕松實現(xiàn)字幕跑馬燈效果。希望本經(jīng)驗?zāi)軐δ兴鶐椭?/p>