如何在axure中選擇改變矩形內容
在使用axure做原型設計時,當表格中某一條記錄的狀態需要選擇、改變時如何設計?下面將詳細介紹。 打開axure工具 首先,打開axure工具,準備開始設計。確保你已經安裝了最新版本的axure軟
在使用axure做原型設計時,當表格中某一條記錄的狀態需要選擇、改變時如何設計?下面將詳細介紹。
打開axure工具
首先,打開axure工具,準備開始設計。確保你已經安裝了最新版本的axure軟件。
添加矩形框和文字
在左側工具欄中找到矩形框,并拖進工作區。雙擊矩形框,輸入文字“未完成”作為初始狀態。
添加下拉列表框
在左側工具欄中找到下拉列表框,并拖進工作區。雙擊下拉列表框,彈出編輯列表選項窗體。
在窗體中,點擊“添加多個”后,在彈出的新窗體中,輸入“未完成”、“進行中”和“已完成”三項,每項輸入后回車換行。你也可以在編輯列表選項窗體中點擊“ ”號進行增加選擇項。點擊確定后返回編輯列表窗體,單擊“未完成”選項,使其作為初始狀態值。點擊確定完成下拉列表編輯。
調整下拉列表框大小并隱藏
將下拉列表框的大小調整為與矩形框相近,并將其拖進矩形框中。在右側狀態欄中勾選為隱藏,以便在初始狀態下不顯示。
設置鼠標單擊事件
選中矩形框后,在右側欄中選擇屬性中的鼠標單擊時事件。在彈出的窗體中,左邊選擇“顯示”,右邊選擇下拉列表框。即當單擊矩形框時,顯示下拉列表框。點擊確定后回到工作區。
設置選項改變事件
在工作區中選擇下拉列表框,并選擇屬性中的選項改變時的事件。在彈出的事件設置窗體中選擇“添加條件”,并在條件窗體中選擇“進行中”。點擊確定完成條件設置,返回事件窗體。
在左側選擇“設置文本”,在右側選擇矩形,并在右下部將值設置為“進行中”;在左側選擇“隱藏”,右側選擇下拉列表框,完成設置。即當下拉列表的選擇是“進行中”時,將矩形的文字改變為“進行中”,并隱藏下拉列表框。
查看效果
回到工作區,按下F5在瀏覽器中查看效果。你將會看到矩形框的文字會根據下拉列表的選擇改變,同時下拉列表框會在初始狀態下被隱藏。
以上就是在axure中如何選擇改變矩形內容的詳細步驟。希望對你有所幫助!