Turn pages on a whiteboard

This document describes how to turn pages on a displayed whiteboard.

Prerequisites

Creat a whiteboard by referring to Create a super board.

Configure the function of listening for scrolling

// Listen for whiteboard page turning and scrolling.
var zegoSuperBoard = ZegoSuperBoardManager.getInstance();
var zegoSuperBoardSubView = zegoSuperBoard.getSuperBoardView().getCurrentSuperBoardSubView();
zegoSuperBoard.on('superBoardSubViewScrollChanged', function (uniqueID, page, step) {
    // Determine whether the superBoardView whose scrolling notification is received is the currently displayed superBoardView.
    if (zegoSuperBoardSubView && zegoSuperBoardSubView.getModel().uniqueID == uniqueID) {
        // This method is called back upon each superBoardView scrolling.
        // The page number and total number of pages on the UI can be updated at the business layer here.
    }
        // Other callback API implementation omitted.
    });

// Listen for whiteboard page turning and scrolling.
var zegoSuperBoard = ZegoSuperBoardManager.getInstance();
var zegoSuperBoardSubView = zegoSuperBoard.getSuperBoardView().getCurrentSuperBoardSubView();
zegoSuperBoard.on('superBoardSubViewScrollChanged', function (uniqueID, page, step) {
    // Determine whether the superBoardView whose scrolling notification is received is the currently displayed superBoardView.
    if (zegoSuperBoardSubView && zegoSuperBoardSubView.getModel().uniqueID == uniqueID) {
        // This method is called back upon each superBoardView scrolling.
        // The page number and total number of pages on the UI can be updated at the business layer here.
    }
        // Other callback API implementation omitted.
    });

Turn a page

var zegoSuperBoard = ZegoSuperBoardManager.getInstance();
var zegoSuperBoardSubView = zegoSuperBoard.getSuperBoardView().getCurrentSuperBoardSubView();
if (zegoSuperBoardSubView) {
    // The API for subView can be called to turn pages. An example is as follows:

    // Skip to a specified page.
    zegoSuperBoardSubView.flipToPage(page);
    // Skip to the previous page.
    zegoSuperBoardSubView.flipToPrePage();
    // Skip to the next page.
    zegoSuperBoardSubView.flipToNextPage();
    }

var zegoSuperBoard = ZegoSuperBoardManager.getInstance();
var zegoSuperBoardSubView = zegoSuperBoard.getSuperBoardView().getCurrentSuperBoardSubView();
if (zegoSuperBoardSubView) {
    // The API for subView can be called to turn pages. An example is as follows:

    // Skip to a specified page.
    zegoSuperBoardSubView.flipToPage(page);
    // Skip to the previous page.
    zegoSuperBoardSubView.flipToPrePage();
    // Skip to the next page.
    zegoSuperBoardSubView.flipToNextPage();
    }