省市縣選擇在APP設計中算是常用的一種功能。在原型中,我們不僅要模擬省市縣的選擇,同時需要進行聯動,而不是各模塊之間相互獨立的。一起來看看怎麼實現吧。

在Axure里,如何實現省市縣三級聯動?

首先打開Axure,新建如下

將三個下拉框依次命名為“a”“b”“c”

雙擊“省”的下拉框,添加江蘇省、安徽省(在此舉例),然後確定

右擊“市”的下拉框,轉換為動態面板

雙擊進入,添加“選擇江蘇時”“選擇安徽時”,點擊圓圈內的編輯,進入編輯頁面

雙擊下拉框,江蘇省與安徽省,分別添加相應的市名

添加完成之後,返回界面,選擇“添加用例”,選擇“添加條件”

條件設立“被選項 a  是江蘇省”,然後確定

設置面板狀態,選擇動態面板b 選擇江蘇時,確定

同理,返回界面,將“區”的下拉框轉為動態面板,添加列表“選擇無錫時”“選擇徐州時”,並進入相應的編輯頁面,添加無錫市以及南京市下面的區名

全部添加完成之後,返回預覽,效果達成。

 

本文由 @YYXXMM 原創發佈於人人都是產品經理。未經許可,禁止轉載。