USDT自动API接口

菜宝钱包（caibao.it）是使用TRC-20协议的Usdt第三方支付平台,Usdt收款平台、Usdt自动充提平台、usdt跑分平台。免费提供入金通道、Usdt钱包支付接口、Usdt自动充值接口、Usdt无需实名寄售回收。菜宝Usdt钱包一键生成Usdt钱包、一键调用API接口、一键无实名出售Usdt。

原问题：Axure 9 动态面板案例教程，省市区三级联动下拉菜单

编辑导语：在页面的设计中经常会遇到一些动态面板的设计，对于这类设计需要注重许多细节方面以及逻辑方面的问题；本文作者分享了关于若何运用动态面板，绘制省市区三级联动下拉菜单的方式，我们一起来学习一下。

动态面板在Axure原型设计中，可以说是应用最普遍的了。本次课程我们就来学习一下，动态面板的应用。

本篇我们来解说一下，若何运用动态面板，绘制省市区三级联动下拉菜单。

完成效果图

我们先来看看完成效果图，人人可以看到，省市区联动下拉菜单的交互主要包罗：

下拉菜单初稿

为了节约时间，这里提前把下拉菜单初稿准备好了，下面来给人人解说一下设置联动交互的步骤。

01 第一步：确立动态面板

首先选中北京都会菜单，点击右键，在弹出菜单中选择转换为动态面板；然后把左侧栏切换为提要，将动态面板命名为都会（适当的命名，可利便分辨与查找元件）。

在北京都会菜单上，点击右键选择转换为动态面板

将动态面板命名为都会

在动态面板State1上点击右键，在弹出菜单中选择添加状态，新增一个State2状态；将河北都会菜单，拖入State2，并在动态面板中拖动其对齐省份菜单。

在State1上点击右键，选择添加状态，新增为State2

将河北都会拖入State2

在动态面板中，拖动河北都会菜单对齐省份菜单

接着回到正常画布，选中北京区县菜单，点击右键，在弹出菜单中选择转换为动态面板；然后左侧栏的提要中，将动态面板命名为区县。

在北京区县菜单上，点击右键选择转换为动态面板

将动态面板命名为区县

在区县动态面板的State1上点击右键，在弹出菜单中选择添加状态，新增2个状态为State2和State3；然后将石家庄区县菜单拖入State 2，将唐山区县菜单拖入State 3，并在动态面板中拖动其对齐省份菜单。

在State1上点击右键，选择添加状态，新增2个状态为State2和State3

石家庄区县拖入State 2，将唐山区县拖入State 3

在动态面板中，拖动石家庄区县和唐山区县菜单对齐省份菜单

02 第二步：设置省份菜单的联动交互

首先回到正常画布，选中省份菜单，在右侧栏的交互中点击新建交互，再依次点击选项改变时_显示隐藏_都会动态面板，设置为隐藏；然后点击右上角的添加目的，选择区县动态面板（默以为隐藏），再点击完成。

选中省份菜单，在右侧栏点击新建交互

依次点击选项改变时_显示隐藏_都会动态面板

设置为隐藏

点击添加目的，选择区县动态面板

默以为隐藏，直接点击完成

接着点击启用情形，在情形编辑弹窗上点击添加条件，保持各个菜单为默认项，再直接点击确定。

点击启用情形，打开情形编辑窗

在情形编辑窗上点击添加条件，再点击确定

这里的交互是指，我们通过判断省份菜单的选项，来确定都会/区县菜单的显示状态：

• 情形二，当选项为北京时，显示都会菜单State 1（北京都会），区县菜单不显示；
• 情形三，当选项为河北时，显示都会菜单State 2（河北都会），区县菜单不显示。

以是我们接着遵照前面的步骤，来添加这第二种情形；首先点击选项改变时的添加情形，打开情形编辑窗，在弹窗中点击添加条件，最后的下拉菜单选择北京。

点击交互右上角的添加情形，打开情形编辑窗

在弹窗中点击添加条件，修改条件的最后一个菜单为北京

接着在右侧栏的情形2中，点击添加动作，再依次点击设置面板状态_都会动态面板，勾选若是隐藏则显示；然后再次点击添加动作，依次点击设置列表选中项_北京都会；再一次点击添加动作，依次点击显示隐藏_区县动态面板，设置为隐藏。

点击情形2上的添加动作

再依次点击设置面板状态_都会动态面板，勾选若是隐藏则显示

再次点击添加动作，点击设置列表选中项_北京都会

再一次点击添加动作，点击显示隐藏_区县动态面板，设置为隐藏

我们接着再添加第三种情形，点击选项改变时的添加情形，打开情形编辑窗，在弹窗中点击添加条件，最后的下拉菜单选择河北。

在情形编辑窗中点击添加条件，最后的下拉菜单选择河北

接着在右侧栏的情形3中点击添加动作，依次点击设置面板状态_都会动态面板，点击State菜单，选择State 2（河北都会），勾选若是隐藏则显示。

在情形3中点击添加动作

点击设置面板状态_都会动态面板，State选择State2，勾选若是隐藏则显示

,

Usdt第三方支付接口

菜宝钱包（www.caibao.it）是使用TRC-20协议的Usdt第三方支付平台,Usdt收款平台、Usdt自动充提平台、usdt跑分平台。免费提供入金通道、Usdt钱包支付接口、Usdt自动充值接口、Usdt无需实名寄售回收。菜宝Usdt钱包一键生成Usdt钱包、一键调用API接口、一键无实名出售Usdt。

,

再次点击添加动作，依次点击设置列表选中项_河北都会；再一次点击添加动作，依次点击显示隐藏_区县动态面板，设置为隐藏。

再次点击添加动作，点击设置列表选中项_河北都会

再一次点击添加动作，点击显示隐藏_区县动态面板，设置为隐藏

第二步省份菜单的所有交互

03 第三步：设置北京都会菜单的联动交互

首先在左侧栏提要里选中北京都会，在右侧栏上点击新建交互，依次点击选项改变时_显示隐藏_区县动态面板，设置为隐藏。

选中北京都会，在右侧栏点击新建交互

点击选项改变时_显示隐藏_区县动态面板

设为隐藏

接着点击启用情形，打开情形编辑窗，在弹窗上点击添加条件，保持各个菜单为默认项，再直接点击确定。

点击启用情形

在情形编辑窗上点击添加条件，再点击确定

这里的交互是指，我们通过判断都会菜单的选项，来确定区县菜单的显示状态：

• 情形一，当选项为请选择市时，隐藏区县菜单；
• 情形二，当选项为北京时，显示区县菜单。

以是我们接着遵照前面的步骤，来添加这第二种情形；首先点击选项改变时的添加情形，打开情形编辑窗，在弹窗中点击添加条件，最后的下拉菜单选择北京。

点击添加情形，打开情形编辑窗

在情形编辑窗中点击添加条件，最后的下拉菜单选择北京

接着在右侧栏中点击添加动作，依次点击设置面板状态_区县动态面板，勾选若是隐藏则显示；再点击添加动作，依次点击设置列表选中项_北京区县，再直接点击确定。

点击添加动作，再点击设置面板状态_区县动态面板，勾选若是隐藏则显示

再点击添加动作，依次点击设置列表选中项_北京区县

第三步北京都会菜单的所有交互

04 第四步：设置河北都会菜单的联动交互

首先在左侧栏的提要里选中河北都会，在右侧栏上点击新建交互，再依次点击选项改变时_显示隐藏_区县动态面板，设置为隐藏。

选中河北都会，点击右侧栏的新建交互

点击选项改变时_显示隐藏_区县动态面板，设置为隐藏

接着点击启用情形，打开情形编辑窗，在弹窗中点击添加条件，保持各个菜单为默认项，再直接点击确定。

点击启用情形，打开情形编辑窗

在情形编辑窗中点击添加条件，再点击确定

与第三步一样，这里的交互是指，我们通过判断都会菜单的选项，来确定区县菜单的显示状态：

• 情形一，当选项为请选择市时，隐藏区县菜单；
• 情形二，当选项为石家庄时，显示石家庄区县菜单；
• 情形三，当选项为唐山时，显示唐山区县菜单。

以是我们接着遵照前面的步骤，来添加第二种情形。首先点击添加情形，打开情形编辑弹窗，在弹窗中点击添加条件，最后的下拉菜单选择石家庄。

点击添加情形，打开情形编辑窗

在情形编辑窗中点击添加条件，最后的下拉菜单选择石家庄

接着在情形2上点击添加动作，依次点击设置面板状态_区县动态面板，点击State菜单，在弹出菜单中选择State 2（石家庄区县），勾选若是隐藏则显示；再点击添加动作，依次点击设置列表选中项_石家庄区县，然后直接点击确定。

点击情形2的添加动作

点击设置面板状态_区县动态面板，State选择State 2，勾选若是隐藏则显示

再点击添加动作，点击设置列表选中项_石家庄区县

我们接着添加第三种情形，首先点击添加情形，打开情形编辑窗，在弹窗中点击添加条件，最后的下拉菜单选择唐山。

点击添加情形，打开情形编辑窗再点击添加条件，在最后的菜单选择唐山

接着在情形3上点击添加动作，依次点击设置面板状态_区县动态面板，点击State菜单，在弹出菜单中选择State 3（唐山区县），再勾选若是隐藏则显示；再次点击添加动作，依次点击设置列表选中项_唐山区县，然后直接点击确定。

在情形3上点击添加动作

点击设置面板状态_区县动态面板，State选择State 3，再勾选若是隐藏则显示

再次点击添加动作，点击设置列表选中项_唐山区县

第四步河北都会菜单的所有交互

05 第五步：隐藏都会/区县菜单

首先回到正常画布，选中都会动态面板和区县动态面板，然后设置为隐藏。

将都会动态面板和区县动态面板设为隐藏

06 结语

OK了，一个省市区三级联动下拉菜单就绘制完成了。以上就是本次的所有内容，你学会了吗？

作者：默林如斯，民众号：默林如斯事情室

本文由 @默林如斯事情室 原创公布于人人都是产物司理，未经允许，制止转载

Usdt自动充值接口声明:该文看法仅代表作者自己，与本平台无关。转载请注明：usdt数字货币交易平台（www.caibao.it）：Axure 9 动态面板案例教程，省市区三级联动下拉菜单