在预设画板上:向下拖动画板的最低点,使其长度超过设备屏幕的长度。虚线表示可滚动内容的起始位置。
上次更新日期:
2023年2月21日
- 形状、对象和路径
- 文本和字体
- 组件和状态
- 蒙版和效果
- 版面
- 视频和 Lottie 动画
- 已知问题和已修复问题
- 安装和更新
- 启动和崩溃
- 云文档和 Creative Cloud Libraries
- 创建原型、发布和预览
- 导入、导出和使用其他应用程序
- Adobe XD 用户指南
- 简介
- 原型
- 共享、导出和审阅
- 设计系统
- 云文档
- 集成和插件
- iOS 和 Android 版 XD
-
故障排除
- 已知问题和已修复问题
- 安装和更新
- 启动和崩溃
- 云文档和 Creative Cloud Libraries
- 创建原型、发布和预览
- 导入、导出和使用其他应用程序
了解如何创建可滚动画板。
在创建 XD 设计时,有时画板的长度不足以容纳您的内容。通过根据设计需求加长画板并选择选项,可垂直滚动画板以适应不同的设备尺寸。
在设计可滚动的下拉列表或网站时,垂直滚动可帮助您模拟滚动效果。但是,在设计多面板界面、地图和水平图库时,可以使用滚动组添加新交互级别。


创建垂直滚动
-
虚线和可滚动的内容 虚线和可滚动的内容 -
在“设计”模式下的“属性检查器”中选择以下选项:
- 滚动:选择“垂直”或“无”。
- 滚动时固定位置:选择此项可将元素固定在某个固定的位置,以免随内容一起滚动。
- 视区高度:指定查看画板所凭借的视区高度。
您可以应用垂直滚动效果来上下移动画板的内容。
画板上的垂直滚动 画板上的垂直滚动 -
在原型模式下连接画板。
-
在“原型”模式下的“属性检查器”中选择以下选项:
- 保留滚动位置:在保持前一个画板中位置的同时过渡到下一个画板。有关更多详细信息,请查看此 Twitter 帖子。
- 滚动时固定位置:将设计元素固定到固定位置,避免它们随内容一起滚动。
保留滚动位置 保留滚动位置 滚动时固定位置 滚动时固定位置 -
要预览画板,请选择“桌面预览”
。拖动预览窗口以查看垂直滚动条。
示例和样本文件
您还可以查看 XD 社区,了解更多这样的教程和示例文件。
提示和技巧
要在设计中创建水平滚动效果,请使用滚动组。滚动组方便您为内容窗口创建原型,该窗口可以水平、垂直或双向滚动。
相关资源
有疑问或想法?
如果您有问题要问或要分享想法,欢迎加入 Adobe XD 社区。我们很乐意倾听您的心声并欣赏您的创意作品。