一、新建页面
首先,在墨刀的设计区域中,单击“+”按钮,弹出新建页面的窗口。选择“滚动页”,然后输入页面名称。点击“创建”按钮,这将会启动一个具有滚动功能的页面。
二、添加组件
在滚动页面中添加组件和元素与常规页面并没有什么不同。您可以添加所需的按钮、文本框、图像等元素来构建页面结构。要添加组件,单击组件区域的“+”按钮,选择要添加的组件。您可以从墨刀提供的组件库中选择也可以上传自己的组件。
三、设置页面大小
在滚动页面的设计中,设置页面大小非常重要。页面的宽度应该大于窗口的宽度,因为该页面需要滚动来显示所有内容。墨刀的滚动页面默认宽度是750,但是您可以自定义页面宽度。在属性栏中,点击“尺寸”设置页面宽度。
四、设置滚动区域
墨刀中的滚动页面需要将需要滚动的组件放在滚动区域内。要设置滚动区域,在页面中选择需要滚动的组件,选择“画板”选项,在属性区域中选择“设置为滚动区域 ”
五、制作交互
当您在墨刀中设计滚动页面时,还可以添加交互功能,以便用户可以通过滚动页面来获取信息。例如,您可以添加锚点功能,使用户可以通过单击导航菜单栏上按钮来跳转到页面的特定部分。在交互功能面板中,选择“添加动作”,然后选择要与其相关联的元素和动作类型。
六、演示页面
在完成上述步骤后,您可以选择“预览”按钮,以在浏览器中查看和演示您的滚动页面。如果您想为团队成员展示和分享原型,可以使用墨刀的“共享”功能。
已有 22658 名学员学习以下课程通过考试
最需教育客户端 软件问题一手掌握
去 App Store 免费下载 iOS 客户端
点击加载更多评论>>