以下介紹幾個常用小教程湘捎,還是那句話——內(nèi)容簡單,適合菜鳥查閱醒叁,老鳥可飄過司浪,順便幫忙點個贊哈
/偷笑泊业。
一.網(wǎng)頁圖片翻牌效果
例如:鼠標移到圖片上時把沼,該圖片顯現(xiàn)翻牌效果啊易,顯示另外一張圖片。鼠標移開饮睬,恢復原圖
1.拖動1個圖形元件租谈,右鍵設置“轉(zhuǎn)換為動態(tài)面板“,雙擊動態(tài)模板捆愁,添加“State2”割去;
2.對State1,和State2導入圖片昼丑,圖片大小要一致呻逆;
3.添加鼠標移入交互動作,并添加動作“設置面板狀態(tài)”→“當前元件”→“Next”→{進入動畫}與{退出動畫}均為“向右翻轉(zhuǎn)”菩帝;
4.繼續(xù)添加鼠標移出交互動作咖城,并添加動作“設置面板狀態(tài)”→“當前元件”→“Previous”→{進入動畫}與{退出動畫}均為“向右翻轉(zhuǎn)”;
5.最后把圖片動態(tài)面板呼奢,復制多幾個宜雀,一個個去修改它們的圖片。
二.網(wǎng)站常見幻燈片
例如:載入網(wǎng)頁握础,幻燈自動輪轉(zhuǎn)辐董,點擊幻燈號數(shù),直接跳入該號圖片
1.拖進一個動態(tài)面板元件禀综,設置尺寸(根據(jù)自己愛好定義)简烘,我這里設置的為寬500,高200定枷,雙擊進入面板狀態(tài)管理孤澎,設置面板名稱,面板狀態(tài)添加5個狀態(tài)依鸥;
2.針對面板內(nèi)的5個狀態(tài)亥至,每個都拖入圖片,并設置好圖片的尺寸贱迟,尺寸與動態(tài)面板一致姐扮;
3.回到index頁,添加頁面加載時交互方式→添加動作設置面板狀態(tài)→選擇動態(tài)面板→選擇狀態(tài)Next→選擇向后循環(huán)衣吠、循環(huán)間隔2000毫秒茶敏、首個狀態(tài)延時2000毫秒后切換。設置完成后缚俏,可進入頁面測試惊搏,查看幻燈圖是否已自動輪轉(zhuǎn)贮乳;
4.添加矩形元件,設置序號恬惯、尺寸向拆、樣式,復制到每張動態(tài)狀態(tài)上酪耳;
5.設置矩形的鼠標點擊交互浓恳,添加設置面板狀態(tài)動作→選擇序號對應的圖片名稱→添加等待動作→等待時間2000毫秒→添加設置面板狀態(tài)動作→設置選擇狀態(tài)Next→選擇循環(huán)間隔2000毫秒。
三.網(wǎng)頁常見走馬燈
例如:公司通告碗暗、股市數(shù)據(jù)颈将、購物、博彩等都可使用到
1.拖進一個動態(tài)面板元件言疗,設置尺寸和背景色晴圾;
2.雙擊動態(tài)面板進入面板狀態(tài)管理,添加面板名稱噪奄,新建一個面板狀態(tài)死姚;
3.進入面板狀態(tài)state1內(nèi),添加文字梗醇,文字設置為白色字體知允,再進入面板狀態(tài)state2內(nèi),添加文字叙谨,文字設置為白色字體温鸽;
4.設置交互動作載入時→添加動作設置面板狀態(tài)→選擇動態(tài)面板→選擇狀態(tài)Next→選擇向后循環(huán)和循環(huán)間隔30000毫秒→進入動畫從左滑動,時間30000毫秒(建議不要設置太快手负,否則閃瞎眼)
有看不明白的同鞋涤垫,可以留言。想要看《介紹Axure RP幾個常用小設計(四)》竟终,請加關注蝠猬,謝謝!