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

2022年8月1日 21点热度 0人点赞

用户选择  “城市“,对应城市包含的“区”自动显示出来。

工具/原料

  • Axure RP 软件

方法/步骤

  1. 1

    界面设计:

    拖拽一个“下拉列表框部件”,

    调整大小,命名为“城市”。

  2. 2

    双击“城市”列表,打开编辑选项窗口。

    单击“新增多个”,输入城市名称。

    单击确定。

  3. 3

    再拖入一个 下拉列表框部件;

    右击,转换为动态面板;

    命名为“区域”。

  4. 4

    双击“区域”动态面板;

    新增3个状态,分别为“广州”,“深圳”,“阳江”。

    单击“广州”状态,进入其编辑器。

  5. 5

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

    确定。

  6. 6

    打开“深圳”状态。拖拽一个下拉列表框(或者把 广州状态中的复制过来,删除内容);

    调整与“广州”区域的下拉列表框一样大小。

    给“深圳”添加区域选项。

    确定。

  7. 7

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

  8. 8

    交互设计:

    回到首页,选中“城市”下拉列表框;

    双击“选项改变时”事件

  9. 9

    单击“添加条件”;

    如图所示,单击确定。

    (说明:添加条件意思---当选择的是广州时,在“区域”动态面板中显示广州对应的区域)

    选择“设置动态面板”,勾选“设置区域动态面板”,选择状态“广州”;

    确定。

  10. 10

    双击“选项改变时”,再次  添加条件;

    (当选择的是深圳时,在“区域”动态面板中显示深圳对应的区域)

    选择“设置动态面板”,勾选“设置区域动态面板”,选择状态“深圳”;

    确定。

  11. 11

    双击“选项改变时”,再次  添加条件;

    (当选择的是阳江时,在“区域”动态面板中显示阳江对应的区域)

    选择“设置动态面板”,勾选“设置区域动态面板”,选择状态“阳江”;

    确定。

    完毕!

    END
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。

展开阅读全部

laozhao

这个人很懒,什么都没留下

文章评论