Axure實現Toast效果——使用動態面板實現自動調整寬度的效果

前言:歡迎關注我左側頭像下的新浪微博,實時更新最新文章信息,增進交流,共同成長。
原文出處:http://blog.csdn.net/u014158743/article/details/52357574

最近學axure的時候, 想做出android中toast的效果, 能根據需要提示的內容長短自動調整提示文本的寬度, 類似android中toast的效果. Label部件能實現文本的寬度自動調整, 但是一有背景色, 背景色的寬度卻不會隨之改變. 網上也沒找到什麼好的方法, 後來自己想出了一種比較low的方法, 雖然比較low, 總歸是實現了, 如下.

首先, 基本佈局
一個用來觸發顯示toast的按鈕, 一個label部件, 黑底白字, 模擬toast效果, 如圖
基本佈局

然後右擊label部件, 將其轉換成動態面板, 並拖長動態面板留出預留空間, 如圖
拖長動態面板

準備完成後我們爲按鈕添加單擊用例, 總體動作如圖
用例開始
仔細留意當前toast寬度, 以便進行設置. 現在寬度爲81, 假如現在文本內容從”內容內容內容”–>”內容內容內容內容內容內容”, 可知文本增長一倍, 我們可以設置面板寬度爲162, 並在顯示前左移40, 顯示後再右移40, 這樣就達到了想要的效果

最終動作如下圖
用例最終結果

最後隱藏label, 發佈即得到想要的效果
隱藏label

很顯然, 這方法笨得可以, 望知道正解的博友留言或留下博客地址賜教, 萬分感激!!!
另: 左上角頭像下微博可以聯繫到我.
結束, 祝成長…

發佈了41 篇原創文章 · 獲贊 10 · 訪問量 7萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章