起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識Axure教程：省市級聯
本文作者帶大家一起來看一下Axure中如何實現省市級聯的效果，enjoy~
喜歡網購的小伙伴們可能會發現這樣一種現象：當需要添加新的郵寄地址的時候，我們首先是會先選擇省份，然后再選擇城市。有趣的就在于，我們選擇不同的省份，那么后面城市的可選擇范圍是不一樣的，這樣是不是很方便呢？
今天呢，我就帶大家一起來看一下Axure中如何實現省市級聯的效果。
話不多說，還是按照我們以往的套路來講解。
下文將從3個方面來展開：
1. 需求分析
首先先來看一下這個具體的需求是什么？
需求比較簡單：會先選擇省份，然后再選擇城市，并且城市的可選擇范圍是根據前面選擇的省份動態顯示的。
從上面的描述，我們看到關鍵詞“動態顯示”，腦瓜子里是不是會聯想到Axure中的動態面板呢？
沒錯，今天的主角還是它，動態面板。
2. Axure關鍵點分析
這里用到動態面板的是“市”字段，它是根據省份的選擇來動態顯示相應的值
2.1 “省”字段下拉列表
這個相對比較簡單：
2.2 “市”字段下拉列表
設置2種狀態與上面的“省”字段相對應
并設置每種狀態的列表值
2.3 設置“省”字段交互效果
交互時點為選項改變時，設置“市字段對應的動態面板狀態”
其中，這里用到局部變量p，來代表選中的省份值
3. 效果展示
最后，我們來看一下最終效果，網址為：https://jcfi1s.axshare.com
本文由 @翠baby 原創發布于人人都是產品經理。未經許可，禁止轉載
題圖來自Unsplash，基于CC0協議
評論
- 目前還沒評論，等你發揮！
