SetMode

적용 버전: VIZWide3D 2.1

UI theme 설정

Parameters

Name	Type	Description
type	VIZCore.Enum.UI_TYPE	UI theme (DARK, LIGHT, LIGHT_ORANGE, DARL_ORANGE)

Example

import VIZ3DCore from "./VIZCore3D/VIZCore.js";
import { VIZCore } from "./VIZCore3D/VIZCore.js";

let view = document.getElementById("view");
view.className = "VIZCore";
let vizcore = new VIZ3DCore(view);

// 파일 로딩 완료 시점 확인
let onModelLoadingCompleted = function (e, loadType) {
    console.log("Loading Completed :: ", e);
    if (loadType === VIZCore.Enum.CONFIG_KEY.LOADER.COMPLETEDTIME.STRUCTURE) {
        console.log("onLoad Structure :: ", e);
        // 구조정보 로딩 완료
    }
    if (loadType === VIZCore.Enum.CONFIG_KEY.LOADER.COMPLETEDTIME.MESH) {
        console.log("onLoad Mesh :: ", e);
        // 모델정보 로딩 완료
    }
};

let onInit = () => {
    let fileKey = 'example'
    let url = './VIZCore3D/Model/toycar/vizw/toycar_wh.vizw';

    vizcore.Model.OpenHeader(url, fileKey, onModelLoadingCompleted);

    // UI theme 설정
    vizcore.UIElement.SetMode(vizcore.UIElement.Enum.THEME_TYPE.DARK);
    // vizcore.UIElement.SetMode(vizcore.UIElement.Enum.THEME_TYPE.LIGHT);
    // vizcore.UIElement.SetMode(vizcore.UIElement.Enum.THEME_TYPE.LIGHT_ORANGE);
    // vizcore.UIElement.SetMode(vizcore.UIElement.Enum.THEME_TYPE.DARK_ORANGE);
};

let option = {
    event: {
        onInit: onInit,
    }
}

vizcore.Init(option);