Axure基础教程:动态模板实现手机屏幕滚动效果
发布网友
我来回答
共1个回答
热心网友
本文将采用基础元件,通过动态模板的方式实现手机屏幕的滚动效果。首先,制作手机样式,通过修改矩形的圆角度数和可见性,来创建手机头部和底部。接着,选择“圆形-空-细边”的图标元件作为手机按键。建立手机雏形后,进入正题,通过修改动态模板实现滑动效果。
为动态面板设置名称为“手机滑动效果”。双击动态面板进入编辑页,修改状态名称。动态面板支持面板名称的修改,以及复制、删除和添加状态。在蓝色虚线框内添加图片,为方便操作,拖拽5个图片。预览动态面板,发现并未实现滚动效果。
在滚动状态编辑页中,找到属性选项卡中的“滚动条”,选中“按需滚动”,仅设置垂直滚动。此时,实现滚动效果,但右侧出现滚动条,需在手机中隐藏。通过创建新动态面板,并放置与底色相同的矩形来遮挡滚动条。至此,隐藏滚动条后的滚动效果已实现。