axure rp8如何做轮播图

Axure RP 8 中可以使用动态面板来实现轮播图的效果。

1. 新建一个动态面板,将要展示的图片放入动态面板中;
2. 在动态面板的属性中,勾选“循环播放”,设置播放间隔时间;
3. 在动态面板的事件中,添加“OnPanelChange”事件,添加相应的动作;

// OnPanelChange 事件
// 为当前动态面板添加OnPanelChange事件
// 设置动态面板的循环播放
OnPanelChange (event, currentPanelIndex, previousPanelIndex)
{
    if (currentPanelIndex == 0) {
        // 如果当前面板为第一个,则跳转到最后一个面板
        SetPanelState('Panel1', '', 'show', 'moveRight', 500);
    }
    else if (currentPanelIndex == GetPanelCount('Panel1') - 1) {
        // 如果当前面板为最后一个,则跳转到第一个面板
        SetPanelState('Panel1', '', 'show', 'moveLeft', 500);
    }
}
© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享