Axure 8.0教程 | 下拉框省市縣三級聯動

12 評論 63552 瀏覽 125 收藏 4 分鐘

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

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

y

首先打開Axure,新建如下

y1

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

y4

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

y2

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

y3

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

y6

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

y7

y8

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

y9

y01

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

y02

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

y03

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

0000

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

888

 

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

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 這樣的方法太繁瑣了,有沒有簡單點的,三級聯動第三級聯動怎么寫,我只實現了前兩層聯動

    來自上海 回復
  2. 這教程有問題,大家散了吧!

    來自福建 回復
  3. 很明顯這個教程是錯誤的

    來自江蘇 回復
  4. 市和區之間條件寫不好,應該怎么寫

    來自安徽 回復
  5. 希望能直接上傳原型,做不出來效果 ??

    來自上海 回復
    1. 終于找到原因了,這教材做的有問題。

      來自上海 回復
    2. 你好,我是一位剛學習的新手,可以請教一下嗎?我這邊在b動態面板下面添加“選擇江蘇時”,“選擇安徽時”只有一個下面有下拉列表框,另一個下面空白是為什么呢?

      來自本機地址 回復
  6. 按照上面操作出現了以下問題,哪位大神給解答下、感激不盡?。?br /> 1、動態面板a/b/c由北京的省、市、區切換成安徽的省、市、區后,市與區之間的動作出問題了,是不是與動態面板只顯示第一個的狀態有關?
    2、這樣的動作下去全國的省市比較多,設置的事件也比較多,有沒有簡便的方法?

    來自北京 回復
  7. 簡單啊,都是些最基本的操作 ??

    來自山東 回復
  8. 很經典很實用,寫的很清晰,其實可以直接上傳原型,福利大家的

    來自安徽 回復
    1. 謝謝支持 ?? 新手有點生澀,會繼續努力噠 ??

      來自上海 回復
    2. 我的C既有江蘇、又有安徽的時候切換出問題了,要么只顯示安徽的區要么顯示北京的區,是動態面板C的問題么?

      來自北京 回復