在使用axure做原型設(shè)計(jì)時(shí)，當(dāng)表格中某一條記錄的狀態(tài)需要選擇、改變時(shí)如何設(shè)計(jì)？下面將詳細(xì)介紹。 打開(kāi)axure工具 首先，打開(kāi)axure工具，準(zhǔn)備開(kāi)始設(shè)計(jì)。確保你已經(jīng)安裝了最新版本的axure軟

在使用axure做原型設(shè)計(jì)時(shí)，當(dāng)表格中某一條記錄的狀態(tài)需要選擇、改變時(shí)如何設(shè)計(jì)？下面將詳細(xì)介紹。

打開(kāi)axure工具

首先，打開(kāi)axure工具，準(zhǔn)備開(kāi)始設(shè)計(jì)。確保你已經(jīng)安裝了最新版本的axure軟件。

添加矩形框和文字

在左側(cè)工具欄中找到矩形框，并拖進(jìn)工作區(qū)。雙擊矩形框，輸入文字“未完成”作為初始狀態(tài)。

添加下拉列表框

在左側(cè)工具欄中找到下拉列表框，并拖進(jìn)工作區(qū)。雙擊下拉列表框，彈出編輯列表選項(xiàng)窗體。

在窗體中，點(diǎn)擊“添加多個(gè)”后，在彈出的新窗體中，輸入“未完成”、“進(jìn)行中”和“已完成”三項(xiàng)，每項(xiàng)輸入后回車換行。你也可以在編輯列表選項(xiàng)窗體中點(diǎn)擊“ ”號(hào)進(jìn)行增加選擇項(xiàng)。點(diǎn)擊確定后返回編輯列表窗體，單擊“未完成”選項(xiàng)，使其作為初始狀態(tài)值。點(diǎn)擊確定完成下拉列表編輯。

調(diào)整下拉列表框大小并隱藏

將下拉列表框的大小調(diào)整為與矩形框相近，并將其拖進(jìn)矩形框中。在右側(cè)狀態(tài)欄中勾選為隱藏，以便在初始狀態(tài)下不顯示。

設(shè)置鼠標(biāo)單擊事件

選中矩形框后，在右側(cè)欄中選擇屬性中的鼠標(biāo)單擊時(shí)事件。在彈出的窗體中，左邊選擇“顯示”，右邊選擇下拉列表框。即當(dāng)單擊矩形框時(shí)，顯示下拉列表框。點(diǎn)擊確定后回到工作區(qū)。

設(shè)置選項(xiàng)改變事件

在工作區(qū)中選擇下拉列表框，并選擇屬性中的選項(xiàng)改變時(shí)的事件。在彈出的事件設(shè)置窗體中選擇“添加條件”，并在條件窗體中選擇“進(jìn)行中”。點(diǎn)擊確定完成條件設(shè)置，返回事件窗體。

在左側(cè)選擇“設(shè)置文本”，在右側(cè)選擇矩形，并在右下部將值設(shè)置為“進(jìn)行中”；在左側(cè)選擇“隱藏”，右側(cè)選擇下拉列表框，完成設(shè)置。即當(dāng)下拉列表的選擇是“進(jìn)行中”時(shí)，將矩形的文字改變?yōu)椤斑M(jìn)行中”，并隱藏下拉列表框。

查看效果

回到工作區(qū)，按下F5在瀏覽器中查看效果。你將會(huì)看到矩形框的文字會(huì)根據(jù)下拉列表的選擇改變，同時(shí)下拉列表框會(huì)在初始狀態(tài)下被隱藏。

以上就是在axure中如何選擇改變矩形內(nèi)容的詳細(xì)步驟。希望對(duì)你有所幫助！