Axure交互超級知識點

1、我要實現(xiàn)的效果是:點擊簽到btn,簽到字體變?yōu)椋阂押灥剑该鞫冉档?,然后彈出toast后消失的效果。

分析一下:這包含幾個事件,然后依次將每個事件添加對應(yīng)的動作就能完成交互效果

事件1:點擊btn(簽到)文字內(nèi)容變化

事件2:點擊btn(簽到)文字透明度變化

事件3:彈出toast

事件4:toast消失


步驟:

1、首先,在頁面中加入textbox(文本框),雙擊輸入文字 簽到,設(shè)置文本框的名稱問txt_qd

2、把做好的彈窗圖片放入頁面,設(shè)置圖片名稱 img_toast,設(shè)置為隱藏

3、點擊簽到btn做鏈接事件(俗稱為case),把所有的事件都在一個case里面展示(如上圖),上面的是全部事件的預(yù)覽。

? ?知識點講解:

? ?Show/Hide 顯示和隱藏;?

? ?Set Text :設(shè)置文字的內(nèi)容(里面的變量rich text 富文本內(nèi)容);

? ?Set ?Opacity :設(shè)置透明度

? ?當然還有其他的 Rotate:旋轉(zhuǎn) 、Set Size:設(shè)置大小


3.1首先文字由簽到變?yōu)?已簽到: 操作為 下拉選中rich text ,點擊Edit text 編輯內(nèi)容,輸入已簽到


3.2設(shè)置文字透明度變化,很簡單

3.3設(shè)置出現(xiàn)toast 也就是隱藏的toast圖片顯示,怎樣出現(xiàn)怎樣消失,Animate:動畫效果 flip up 向上劃入 后面是時間1000ms


3.4toast消失,原理操作同上

3.5設(shè)置下面的文字效果內(nèi)容變化,操作同3.1的步驟

大功告成,交互效果就做好了~~~~

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容