axure动态面板滚动条
时间: 2023-10-05 13:05:11 浏览: 290
在Axure中,可以通过动态面板和滚动条来实现页面的滚动效果。下面是一个简单的步骤:
1. 创建一个动态面板:在Axure的工具栏中选择 "Dynamic Panel" 工具,然后在页面上拖动一个矩形来创建一个动态面板。
2. 设置面板内容:双击动态面板,进入编辑模式。在里面添加你要显示的内容,可以是文本、图片或其他组件。
3. 添加滚动条:在工具栏中选择 "Scrollable Container" 工具,然后在动态面板上拖动一个矩形来创建一个滚动条。
4. 链接滚动条和面板:选中滚动条,然后在右侧的交互面板中添加一个 "OnDrag" 事件。将事件的操作设置为 "Set Panel State",选择你的动态面板,并将状态设置为下一个或上一个状态(即切换到下一个或上一个页面)。
5. 预览效果:点击 Axure 的预览按钮,即可预览动态面板和滚动条的效果。
通过以上步骤,你可以在Axure中创建带有滚动条的动态面板,实现页面的滚动效果。希望对你有帮助!如有更多问题,请继续提问。
相关问题
axure动态面板自动滚动
Axure中,可以通过添加动作“移动”来实现动态面板的自动滚动效果。具体步骤如下:
1. 在“内容”动态面板中(外层)双击“拖动时”,添加动作“移动”。
2. 配置动作“滑动滚动效果实现(动态面板)”(内层),然后移动选择“垂直移动”。
3. 在内容/State1(index)中再拖进来一个动态面板,调整大小,然后命名为“滑动滚动效果实现”。
4. 在State1这个页面的右边“属性”栏中有个“滚动条”,选择“自动显示垂直滚动条”即可。
注意,如果不需要遮住滚动条,可以直接在“内容”动态面板中添加动作“移动”,然后选择“垂直移动”,就可以实现自动滚动效果了。
axure 动态面板自动滚动
在 Axure 中,你可以使用动态面板自动滚动的功能来模拟页面的滚动效果。下面是一些步骤来实现这个功能:
1. 首先,创建一个动态面板并设置它的尺寸,用来承载你的内容。
2. 在动态面板中创建你的内容,可以是文本、图片、按钮等等。
3. 在动态面板的右上角添加一个垂直滚动条。
4. 选中垂直滚动条,然后在交互设计中选择 "滚动到"。
5. 在设置面板中,选择你希望滚动到的目标位置。你可以选择一个目标部件或者直接输入一个位置值。
6. 设置触发条件,比如点击按钮或者页面加载完毕时触发滚动。
7. 完成设置后,你可以预览你的原型,并测试滚动效果是否符合你的预期。
通过这些步骤,你可以在 Axure 中实现动态面板的自动滚动效果。希望这对你有帮助!如果还有其他问题,请随时提问。
阅读全文