Axure-原型图设计：手机版地区选择器原型.pdfVIP

手机版地区选择器原型图 目录 手机版地区选择器原型图 1 1. 拖动选择 2 2. 快捷选择 2 制作教程 3 1. 快捷选择中继器 3 2. 全部地区选择中继器 4 1. 拖动选择 2. 快捷选择 制作教程 1. 快捷选择中继器 这个中继器非常简单 每项加载时，设置中继器内文本框文字 =item.column0 ，鼠标单击文 本框时，设置位置文本框文字 =column1+column2 。 2. 全部地区选择中继器 这里其实是两个中继器，先说左边的中继器。 每项加载时，每项加载时，设置中继器内文本框文字 =item.column0 ， 如果 xuanzhong=1 ，选中该行，默认第一行选中。然后将中继器转为 动态面板（内面板），之后再转一次动态面板（外面板）。 外面板取消自动调整内容尺寸，自己调节大小；外面板拖动时，垂直拖 动内面板；外面板拖动结束时，移动内面板到绝对位置 = 内面板的 y 值 / 中继器每行高度， 然后用 fixed 函数取整数， 再乘中继器每行高度。 这 样做的目的就可以保证拖动选择不会卡在两个选项中间。 拖动结束时，更新行，先把所有行的选中设为 0 ，即未选中，然后通过 计算移动了多少格，选中 item.index== 移动的格数： ( 内面板的 y 值- 初始 y 值)/ 每行的高度，然后 fixed 四舍五入后用 abs 函数去绝对值， 再+1 。 这样左边中继器就完成了。 然后制作右边中继器，将左边中继器复制过去 ,插入多一列，把导入后： 每项加载时，设置文本框文字 =column1 ，其他不变。 然后左边中继器行被选中时，筛选右边中继器，条件为 column0=column1 ，筛选完成后更新第一行的选中 =1 。 最后是确定和取消按钮的事件。 鼠标单击确定按钮时， 设置城市文本 = 左边中继器选中的 column0+ 右 边中继器选中的 column1 ，然后隐藏该弹窗，鼠标单击取消按钮时， 隐藏该弹窗。