AXURE教程 | 如何實現彈出的提示自動消失

6 評論 27704 瀏覽 58 收藏 4 分鐘

非確認的提示使用AXURE如何實現？一起從文中了解一下吧~

如今非確認提示大多使用的提示方式為Toast，即無需交互可自動消失，這類提示不能承載太多內容。例如：“支付成功”、“輸入信息有誤”、“有8條信息更新”等，屬于弱提示一類。

這種提示方式使用AXURE如何實現？了解一下其中一種實現方式。

  • 電腦系統： macOS v10.13.3
  • AXURE：v8.1.0.3366

Step1：設置基礎控件

  • 拖進按鈕控件，命名為“按鈕”，輸入文字“點擊彈出提示”；
  • 拖進動態面板控件，雙擊動態面板，命名為“提示框”，雙擊“state1”；
  • 拖出矩形進入“state1”，輸入文字“提示：3s后自動消失”，關閉“state1”tab，右擊“提示框”動態面板，選擇“set hidden”，將提示框設置為隱藏。

Step2：設置按鈕功能，點擊彈出提示框

  • 選中“按鈕”，在右側組建屬性中雙擊“OnClick”，彈出用例編輯器。
  • 選中左側“Widgets – Show”，選擇“提示框”動態面板（step1中已命名），Visibility默認為“show”，無需修改。

  • 點擊窗口上方“add condition”，選擇“value of variable”，設置為[?if value of OnLoadVariable equals? ]，結果如圖，點擊OK；

  • 返回編輯器頁面，點擊OK，結果如下：

step3：設置提示框

  • 繼續選中按鈕（非提示框！），在右側組建屬性中雙擊“OnClick”，彈出用例編輯器，此用例為“case2”；
  • 選擇左側“Miscellaneous -> Wait”，設置為3000ms；
  • 再選擇左側“Widgets -> Hide”，選擇右側“提示框”，點擊OK。

step4：最重要的一步

右擊右側的組件屬性的case2，選擇“Toggle IF/ELSE?IF”,設置為“if true”；

完成

保存預覽，即可看到效果?？梢愿鶕枨笳{整組建的形狀和位置，高保真原型就可以實現了！

 

本文由 @sundea 原創發布于人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基于CCO協議

更多精彩內容，請關注人人都是產品經理微信公眾號或下載App
January
1篇作品 27704總閱讀量
10-319483 瀏覽
產品經理職業規劃
10-111491 瀏覽
創業者和投資人的“翻臉”時刻
12-183499 瀏覽
梳理 | 產品需求優先級的判斷
07-036722 瀏覽
視頻號違規后如何恢復？官方答案來了
02-268609 瀏覽
知識付費的商業閉環
評論
評論請登錄

  1. 那個….新人還是建議用漢化版，漢化之后就會發現有很多更簡單的辦法，而且壓根就不需要用動態面板來實現這個功能

    來自廣東 回復

  2. 為什么要這么復雜??？直接在case1中加入1、wait 3000ms；2、hide 提示框。就好了呀。你這樣的交互，一是設置更復雜了，二是，用全局變量，一旦原型中其它地方對全局變量產生關聯，你的這個條件就不能生效了。

    來自上海 回復

    1. 贊一個，你的方法直觀了當簡單！ ?? 棒棒的~

      來自廣東 回復

    2. 試了一下發現你這個好

      來自福建 回復

    3. 贊一個，你的方法直觀了當簡單！ ?? 棒棒的~

      來自廣東 回復