教你元件的使用方法「axure庫里的默認元件不顯示」

元件的顯示/隱藏及其動效

元件準備與設置

  1. 準備好一個佔位符,三個按鈕,拖至畫布;
  2. 更改三個按鈕上的文字分別為顯示、隱藏、切換;
  3. 將佔位符的默認狀態設置為隱藏,方法:選中佔位符後在右側樣式菜單上點擊隱藏

設置點擊按鈕時佔位符的可見性

給三個按鈕分別添加事件設置可見性於佔位符上,如下圖所示:

元件的顯示隱藏及其動效 | 劍雨Axure RP9系列「進階」

動畫、燈箱、彈出、推拉

動畫

對於顯示與隱藏時,可以設置元件的動畫效果,此設置詳細見第36節-動畫和邊界.

置於頂層

注意,在顯示與切換兩個動作中,可將目標元件置於頂層bring to front。

元件的顯示隱藏及其動效 | 劍雨Axure RP9系列「進階」

燈箱效果

顯示動作時,可以設置一個燈箱效果,並添加背景色;

彈出效果

當顯示動作觸發時,元件會以彈出的方式出現,在該方式下,此佔位符會自動結束觸發事件顯示。

元件的顯示隱藏及其動效 | 劍雨Axure RP9系列「進階」

推拉

推拉選項位於「 顯示/隱藏」操作底部的「 更多選項」下的下拉列表中。該操作的圖示如下:

元件的顯示隱藏及其動效 | 劍雨Axure RP9系列「進階」

原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/307854.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
投稿專員的頭像投稿專員
上一篇 2025-01-03 14:42
下一篇 2025-01-03 14:42

相關推薦

發表回復

登錄後才能評論