Axure 实现上下滑动页面

 时间:2024-10-23 03:57:49

1、在当前Page 中拖入一个动态面板,将面板命名为“显示面板”。这个面板对应着可见内容。该例中的可见面板的位置为{97, 77},大小为{300, 450}。

Axure 实现上下滑动页面
Axure 实现上下滑动页面

2、点击进入显示面板的 State1。拖动一个动态面板到State1 中,面板命名为“内容面板”。该面板的位置为{0, 0},因为这里要实现的是上下滑动效果,所以宽度与显示诹鬃蛭镲面板的一样。高度根据全部显示信息的内容定。进入内容面板的 State1,选择“自动调整为内容尺寸”

Axure 实现上下滑动页面
Axure 实现上下滑动页面

3、在内容面板的State1 中添加一个中继器。进入中继器下的矩形框,因为这里想要在中妤伊佛集继器中添加图片,所以直接右键,选择转换为图片,双击转换后的框框就可以添加图片了。

Axure 实现上下滑动页面
Axure 实现上下滑动页面
  • Axure RP中继器实例绑数据,选中,删除
  • Animate如何制作单击显示文字的交互效果(AS3)
  • AxureRP使用教程:[2]模板的使用
  • Axure怎么制作固定组件框内的上下拖动效果
  • 如何实现页面上下滑动效果-Axure基础教程
  • 热门搜索
    说好普通话写好规范字手抄报 九一八手抄报 五一节手抄报 英语国庆手抄报 一二年级普通话手抄报 关于理想的手抄报 经典诵读手抄报内容 教师节手抄报图片 关于成长的手抄报 未来世界手抄报