Axure 8.0教程 | 下拉框省市縣三級(jí)聯(lián)動(dòng)

12 評(píng)論 63567 瀏覽 125 收藏 4 分鐘

省市縣選擇在APP設(shè)計(jì)中算是常用的一種功能。在原型中,我們不僅要模擬省市縣的選擇,同時(shí)需要進(jìn)行聯(lián)動(dòng),而不是各模塊之間相互獨(dú)立的。一起來看看怎么實(shí)現(xiàn)吧。

在Axure里,如何實(shí)現(xiàn)省市縣三級(jí)聯(lián)動(dòng)?

y

首先打開Axure,新建如下

y1

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

y4

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

y2

右擊“市”的下拉框,轉(zhuǎn)換為動(dòng)態(tài)面板

y3

雙擊進(jìn)入,添加“選擇江蘇時(shí)”“選擇安徽時(shí)”,點(diǎn)擊圓圈內(nèi)的編輯,進(jìn)入編輯頁(yè)面

y6

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

y7

y8

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

y9

y01

條件設(shè)立“被選項(xiàng) a? 是江蘇省”,然后確定

y02

設(shè)置面板狀態(tài),選擇動(dòng)態(tài)面板b 選擇江蘇時(shí),確定

y03

同理,返回界面,將“區(qū)”的下拉框轉(zhuǎn)為動(dòng)態(tài)面板,添加列表“選擇無錫時(shí)”“選擇徐州時(shí)”,并進(jìn)入相應(yīng)的編輯頁(yè)面,添加無錫市以及南京市下面的區(qū)名

0000

全部添加完成之后,返回預(yù)覽,效果達(dá)成。

888

 

本文由 @YYXXMM 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 這樣的方法太繁瑣了,有沒有簡(jiǎn)單點(diǎn)的,三級(jí)聯(lián)動(dòng)第三級(jí)聯(lián)動(dòng)怎么寫,我只實(shí)現(xiàn)了前兩層聯(lián)動(dòng)

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

    來自福建 回復(fù)
  3. 很明顯這個(gè)教程是錯(cuò)誤的

    來自江蘇 回復(fù)
  4. 市和區(qū)之間條件寫不好,應(yīng)該怎么寫

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

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

      來自上海 回復(fù)
    2. 你好,我是一位剛學(xué)習(xí)的新手,可以請(qǐng)教一下嗎?我這邊在b動(dòng)態(tài)面板下面添加“選擇江蘇時(shí)”,“選擇安徽時(shí)”只有一個(gè)下面有下拉列表框,另一個(gè)下面空白是為什么呢?

      來自本機(jī)地址 回復(fù)
  6. 按照上面操作出現(xiàn)了以下問題,哪位大神給解答下、感激不盡?。?br /> 1、動(dòng)態(tài)面板a/b/c由北京的省、市、區(qū)切換成安徽的省、市、區(qū)后,市與區(qū)之間的動(dòng)作出問題了,是不是與動(dòng)態(tài)面板只顯示第一個(gè)的狀態(tài)有關(guān)?
    2、這樣的動(dòng)作下去全國(guó)的省市比較多,設(shè)置的事件也比較多,有沒有簡(jiǎn)便的方法?

    來自北京 回復(fù)
  7. 簡(jiǎn)單啊,都是些最基本的操作 ??

    來自山東 回復(fù)
  8. 很經(jīng)典很實(shí)用,寫的很清晰,其實(shí)可以直接上傳原型,福利大家的

    來自安徽 回復(fù)
    1. 謝謝支持 ?? 新手有點(diǎn)生澀,會(huì)繼續(xù)努力噠 ??

      來自上海 回復(fù)
    2. 我的C既有江蘇、又有安徽的時(shí)候切換出問題了,要么只顯示安徽的區(qū)要么顯示北京的區(qū),是動(dòng)態(tài)面板C的問題么?

      來自北京 回復(fù)