Axure RP是一套專門為網站或應用程序所設計的快速原型設計工具， 可以讓應用網站策劃人員或網站功能界面設計師更加快速方便的建立Web AP和Website的線框圖、流程圖、原型和規格。

免費下載Axure RP 優惠購買Axure RP

添加，刪除和重新排序列表框選項

要在列表框中添加和編輯選項，請雙擊畫布上或“大綱”窗格中的列表框小部件以打開“編輯列表框”對話框。您可以通過單擊添加，然后在出現的字段中鍵入新選項的文本，將單個選項添加到列表框中。或者，您可以通過單擊“多次編輯”一次將幾個新選項添加到列表框中。

要重新排列列表框選項，請選擇一個選項，然后使用對話框頂部的“向上”和“向下”按鈕。要刪除選項，請選擇它并單擊“刪除”，或單擊“編輯許多”并清除文本區域以一次刪除所有選項。

允許多個選擇

列表框可以允許多個選擇，但是您必須首先啟用此設置。要允許多個選擇，請雙擊列表框，然后在“編輯列表框”對話框的底部選中“默認情況下允許選擇多個項目”。

啟用此設置后，您可以在Web瀏覽器中通過按住CTRL或CMD的同時單擊多個選項來選擇多個選項。

定義默認選項

通常，列表框默認不會在Web瀏覽器中選擇任何選項，但是您可以在“編輯列表框”對話框中進行更改。 雙擊列表框小部件，然后選中對話框中選項之一旁邊的框。

注意：如果啟用了多個選擇，則可以定義多個默認選項。

特殊性質

禁用

禁用列表框可防止用戶在Web瀏覽器中與其進行交互。 這也會激活小部件的“禁用”樣式效果，使其顯示為灰色。

有兩種禁用窗口小部件的方法：

• 選中“交互”窗格底部的“禁用”復選框。
• 通過啟用/禁用操作在Web瀏覽器中動態禁用窗口小部件。 您可以在任何交互過程中執行此操作，例如在頁面加載或單擊按鈕時。

注意：您可以使用“啟用/禁用”操作在Web瀏覽器中動態啟用禁用的窗口小部件。

特殊互動

選擇列表選項

在Web瀏覽器中，您可以單擊列表框選項以將其選中。如果啟用了多個選擇，則可以在單擊以選擇多個選項的同時按住CTRL或CMD。

您還可以使用“設置選定的列表選項”操作來動態更改列表框中的選定選項。您可以選擇特定的列表選項，也可以使用變量值來設置新的選定選項。

捕獲和評估所選選項

您可以通過交互和條件中的value選項的所選選項訪問列表框的所選選項。例如，您可以將全局變量的值設置為列表框的選定選項，以便將該值帶到另一個頁面。您還可以在條件下評估列表框的選定選項，以僅在選項與特定值匹配時才執行特定情況。

提交按鈕

當列表框在Web瀏覽器中處于焦點狀態時，按ENTER鍵可以觸發頁面上另一個窗口小部件的Click或Tap事件，稱為列表框的“提交按鈕”。

要將提交按鈕分配給列表框：

• 選擇列表框，然后單擊“交互”窗格下部的“顯示全部”。
• 從“提交按鈕”下拉列表中的合格小部件列表中進行選擇。
• 要取消分配提交按鈕，請單擊下拉列表底部的取消分配提交按鈕。

局限性和解決方法

動態添加和刪除列表框選項

列表框中可用的選項無法在Web瀏覽器中動態更改，但是您可以通過制作具有多個狀態的動態面板來模擬效果，每個面板都包含具有不同內容的列表框。如果要更改列表框中的選項，請切換動態面板的狀態。

設置或讀取多個選擇

通過“設置選定的列表選項”操作動態設置列表框的選定選項時，您只能選擇一個選項；否則，您只能選擇一個選項。您無法通過互動同時選擇多個選項。

同樣，即使已選擇了多個選項，也可以通過交互和條件中的value選項的選擇選項從列表框中讀取一個選擇的選項（最上面的一個）。

要解決這些限制，請制作一個帶有形狀小部件的自定義列表框。

制表順序

列表框和其他表單窗口小部件的選項卡順序由其層深度確定，如“大綱”窗格中所示。

推薦閱讀：

原型設計工具Axure RP入門教程

原型設計工具Axure RP新手教程

關注慧聚IT微信公眾號???，了解產品的最新動態及最新資訊。