天天看點

第13節-下拉清單DropdownList | 劍雨Axure RP9系列【基礎】

下拉清單,又稱下拉框,是一個可切換清單,其中包含多個選項,一次隻能選擇一個選項。

當你需要從多個答案中選中某一個時,可以采用此部件。比如國家的選擇/地區的選擇等。

添加,删除和重新排序Droplist選項

第13節-下拉清單DropdownList | 劍雨Axure RP9系列【基礎】
  • 元件添加:直接從左側元件庫上拖入;
  • 下拉清單的編輯:直接輕按兩下Droplist;
  • 選項的添加:點選左側上方添加按鈕(上圖中第一個紅框);
  • 選項内容的編輯:點選左側上方的編輯多項按鈕 (上圖中第二個紅框)
  • 選項内容的輸入:可直接右側彈出視窗中輸入;
  • 選項的排序:選中某一個選項後,使用上方的上移或下移箭頭;
  • 選項的删除:選中某一個選項後,點選上方的删除按鈕。

定義預設選項

通常,第1個選項為預設選項;

自定義選項:直接在選項前打上對勾。

注意:若需要設定預設選項為空白選項,則将該選項的内容輸入為一個空格
第13節-下拉清單DropdownList | 劍雨Axure RP9系列【基礎】

特殊互動

針對下拉清單的特殊互動選項改變時, 可運用此互動來設定對應選項的互動事件。

  • 可以設定全局變量将值傳送至其他頁面;
  • 可以在互動事件選項改變時中設定條件,來觸發其他元件的樣式或動作。
    第13節-下拉清單DropdownList | 劍雨Axure RP9系列【基礎】

下拉框的送出按鈕

當滑鼠進入下拉框的範圍(擷取焦點)時, 按住

Enter

鍵可以觸發另一個元件的滑鼠單擊事件(OnClick事件), 這一個元件稱為送出按鈕(submit button)。

為下拉框指定送出按鈕的方法:選中下拉框後,單擊右側的選項,下方的“送出按鈕”,在下拉菜單中選擇要觸發的元件。

第13節-下拉清單DropdownList | 劍雨Axure RP9系列【基礎】

繼續閱讀