Axure 实战(二)

来源:互联网 发布:卓越集团 知乎 编辑:程序博客网 时间:2024/05/29 06:37

今天做2个常用的操作,图片轮播和屏幕拖动。

  • 图片轮播

图片轮播,就是在网站上切换图片。1个网站,有菜单、图片、尾部。我们只需要轮播图片,所以,只把需要轮播的部分转换为动态模板,命好名字。在动态模板下新建几个状态。在首页上放1个热区,设置点击事件 -- 载入时 -- 设置面板状态 ,选择需要轮播的动态面板的状态即可。(注意:设置为动态面板后,展示的页面不是第1个状态,而是动态面板,所以在放点击事件的时候要注意一下,可能调了半天都不知道是什么问题)

  • 屏幕拖动

屏幕拖动,手机的屏幕是固定的,页面过长的时候会显的很长,如何让它保持屏幕宽高来滑动展示内容呢?

首先,我们添加1个动态面板在手机屏幕需要滑动的区域,命名为“区域动态面板”,然后在区域动态面板中新建1个状态,把页面内容放进去,此时会很长,不要紧,选中所有内容转换为动态面板,命名为“内容动态面板”。在区域动态面板中设置事件为“拖动时” -- 移动 -- 选择内容动态面板 -- 设置移动的方向为垂直移动,即可完成。(注意:设置的时候注意移动的宽度和高度,否则可能会出现移动错误)

原创粉丝点击