Turn pages

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

Prerequisite

Create a whiteboard by referring to Create a super board.

Implementation steps

Configure the function of listening for scrolling

// Listening for whiteboard page flipping and scrolling.
var zegoSuperBoard = ZegoSuperBoardManager.getInstance();
var zegoSuperBoardSubView = zegoSuperBoard.getSuperBoardView().getCurrentSuperBoardSubView();
zegoSuperBoard.on('scrollChange', function ( name,
    createTime,fileID,fileType,uniqueID,whiteboardIDList,currentPage,pageCount) {
    // Determine whether the SuperBoardView that received the scroll notification is the same one currently displayed.
    if (zegoSuperBoardSubView && zegoSuperBoardSubView.getCurrentSuperBoardSubViewModel().uniqueID == uniqueID) {
        // SuperBoardView will call this method after each scroll.
        // The business layer can update the page number/total number of pages and other information of the interface here.
    }
        // Omit other callback interface implementations...
    });

// Listening for whiteboard page flipping and scrolling.
var zegoSuperBoard = ZegoSuperBoardManager.getInstance();
var zegoSuperBoardSubView = zegoSuperBoard.getSuperBoardView().getCurrentSuperBoardSubView();
zegoSuperBoard.on('scrollChange', function ( name,
    createTime,fileID,fileType,uniqueID,whiteboardIDList,currentPage,pageCount) {
    // Determine whether the SuperBoardView that received the scroll notification is the same one currently displayed.
    if (zegoSuperBoardSubView && zegoSuperBoardSubView.getCurrentSuperBoardSubViewModel().uniqueID == uniqueID) {
        // SuperBoardView will call this method after each scroll.
        // The business layer can update the page number/total number of pages and other information of the interface here.
    }
        // Omit other callback interface implementations...
    });

Turn a page

var zegoSuperBoard = ZegoSuperBoardManager.getInstance();
var zegoSuperBoardSubView = zegoSuperBoard.getSuperBoardView().getCurrentSuperBoardSubView();
if (zegoSuperBoardSubView) {
    // Here you can call the interface corresponding to subView to turn pages. The following is a simple example.
    const page = 2 
    // Turn to a specified page.
    zegoSuperBoardSubView.flipToPage(page);
    // Turn to previous page.
    zegoSuperBoardSubView.flipToPrePage();
    // Turn to the next page.
    zegoSuperBoardSubView.flipToNextPage();
    }

var zegoSuperBoard = ZegoSuperBoardManager.getInstance();
var zegoSuperBoardSubView = zegoSuperBoard.getSuperBoardView().getCurrentSuperBoardSubView();
if (zegoSuperBoardSubView) {
    // Here you can call the interface corresponding to subView to turn pages. The following is a simple example.
    const page = 2 
    // Turn to a specified page.
    zegoSuperBoardSubView.flipToPage(page);
    // Turn to previous page.
    zegoSuperBoardSubView.flipToPrePage();
    // Turn to the next page.
    zegoSuperBoardSubView.flipToNextPage();
    }