Axure基础教程:动态模板实现手机屏幕滚动效果

发布网友

我来回答

1个回答

热心网友

本文将采用基础元件,通过动态模板的方式实现手机屏幕的滚动效果。首先,制作手机样式,通过修改矩形的圆角度数和可见性,来创建手机头部和底部。接着,选择“圆形-空-细边”的图标元件作为手机按键。建立手机雏形后,进入正题,通过修改动态模板实现滑动效果。

为动态面板设置名称为“手机滑动效果”。双击动态面板进入编辑页,修改状态名称。动态面板支持面板名称的修改,以及复制、删除和添加状态。在蓝色虚线框内添加图片,为方便操作,拖拽5个图片。预览动态面板,发现并未实现滚动效果。

在滚动状态编辑页中,找到属性选项卡中的“滚动条”,选中“按需滚动”,仅设置垂直滚动。此时,实现滚动效果,但右侧出现滚动条,需在手机中隐藏。通过创建新动态面板,并放置与底色相同的矩形来遮挡滚动条。至此,隐藏滚动条后的滚动效果已实现。
声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。
E-MAIL:11247931@qq.com