Axure RP 下拉列表 实现 城市和区 的交互

 时间:2024-10-13 16:50:15

1、界面设计:拖拽一个“下拉列表框部件”,调整大小,命名为“城市”。

Axure RP 下拉列表 实现 城市和区 的交互

3、再拖入一个 下拉列表框部件;右击,转换为动态面板;命名为“区域”。

Axure RP 下拉列表 实现 城市和区 的交互

4、双击“区域”动态面板;新增3个状态,分别为“广州”,“深圳”,“阳江”。单击“广州”状态,进入其编辑器。

Axure RP 下拉列表 实现 城市和区 的交互

5、双击“广州”状态中的“下拉列表框”,添加 广州城市的区域 选项。确定。

Axure RP 下拉列表 实现 城市和区 的交互

7、参照上述步骤,为“阳江”状态添加列表和区域列表选项。

Axure RP 下拉列表 实现 城市和区 的交互

9、单击“添加条件”;如图所示,单击确定。(说明:添加条件意思---当选择的是广州时,在“区域”动态面板中显示广州对应的区域)选择“设置动态面板”,勾选“设置区域动态面板”,选择状态“广州”;确定。

Axure RP 下拉列表 实现 城市和区 的交互

10、双击“选项改变时”,再次 添加条件;(当选择的是深圳时,在“区域”动态面板中显示深圳对应的辨泔矣嚣区域)选择“设置动态面板”,勾选“设置区域动态面板”,选择状态“深圳”;确定。

Axure RP 下拉列表 实现 城市和区 的交互

11、双击“选项改变时”,再次 添加条件;(当选择的是阳江时,在“区域”动态面板中显示阳江对应的辨泔矣嚣区域)选择“设置动态面板”,勾选“设置区域动态面板”,选择状态“阳江”;确定。完毕!

Axure RP 下拉列表 实现 城市和区 的交互
  • InDesign软件怎么修改参考线位置
  • Ai创意图形
  • 怎么给文字设置渐变颜色?
  • PS如何设计孔雀图形的海洋纹理艺术图
  • 使用PS滤镜制作逼真的流水效果
  • 热门搜索
    创建文明校园手抄报 开学第一课手抄报 关于英语的手抄报 欢庆六一手抄报内容 科技手抄报内容资料 暑假手抄报 数学手抄报模板 文明交通手抄报 科普手抄报图片 化学手抄报