Toolbar
GetToolbar
툴바 가져오기
Example
import { VIZCore } from "./VIZCore3D/VIZCore.js";
let view = document.getElementById("view");
view.className = "VIZCore";
let vizcore = new VIZ3DCore(view);
let ui = vizcore.UIElement
//툴바
let toolbar = ui.GetToolbar();
Returns
Name | Type | Description |
|---|---|---|
object | Object | 툴바 오브젝트 |
Show
툴바 보이기/숨기기
Example
let ui = vizcore.UIElement
//툴바
let toolbar = ui.GetToolbar();
//툴바 보이기/ 숨기기
toolbar.Show(true);
Parameters
Name | Type | Description |
|---|---|---|
visible | Boolean | 툴바 보이기/숨기기 |
SetPosition
Toolbar 위치 설정
Example
let ui = vizcore.UIElement
//툴바
let toolbar = ui.GetToolbar();
//툴바 상/하/좌/우 위치 설정
toolbar.SetPosition(ui.Enum.TOOLBAR_POS.BOTTOM);
Parameters
Name | Type | Description |
|---|---|---|
position | Enum | 툴바 위치 vizcore.UIElement.Enum.TOOLBAR_POS.TOP vizcore.UIElement.Enum.TOOLBAR_POS.BOTTOM vizcore.UIElement.Enum.TOOLBAR_POS.LEFT vizcore.UIElement.Enum.TOOLBAR_POS.RIGHT |
GetMenu
툴바 모든 메뉴 가져오기
Example
let ui = vizcore.UIElement
//툴바
let toolbar = ui.GetToolbar();
// 모든 메뉴 가져오기
let menus = toolbar.GetMenu();
console.log("Toolbar Menu List:", menus);
Returns
Name | Type | Description |
|---|---|---|
objects | Array | 툴바 메뉴 오브젝트 배열 |
GetMenuById
ID에 해당하는 툴바 메뉴 반환
Example
let ui = vizcore.UIElement
//툴바
let toolbar = ui.GetToolbar();
//버튼 오브젝트
let button = ui.GetObject(ui.Enum.OBJECT_TYPE.BUTTON);
button.id = "button"; //버튼 ID
button.text = "tooltip"; //버튼 텍스트
button.status.enable = true; //버튼 활성화
//버튼 오브젝트 추가
toolbar.Add([button]);
//ID에 해당하는 버튼 오브젝트 가져오기
let menu = toolbar.GetMenuById(button.id);
console.log(menu);
Parameters
Name | Type | Description |
|---|---|---|
id | string | 버튼 ID |
Returns
Name | Type | Description |
|---|---|---|
object | Object | 버튼 오브젝트 |
SetMenu
툴바 메뉴 설정
Example
let ui = vizcore.UIElement
//툴바
let toolbar = ui.GetToolbar();
//버튼 오브젝트1
let button1 = ui.GetObject(ui.Enum.OBJECT_TYPE.BUTTON);
button1.id = "button1"; //버튼 ID
button1.text = "button1_tooltip"; //버튼 텍스트
//버튼 오브젝트2
let button2 = ui.GetObject(ui.Enum.OBJECT_TYPE.BUTTON);
button2.id = "button2";
button2.text = "button2_tooltip";
//툴바 메뉴 설정
toolbar.SetMenu([button1, button2]);
Parameters
Name | Type | Description |
|---|---|---|
objects | Array | 툴바 메뉴 오브젝트 배열 |
UpdateMenu
툴바 메뉴 업데이트
Example
let ui = vizcore.UIElement
//툴바
let toolbar = ui.GetToolbar();
let menus = toolbar.GetMenu();
//버튼 오브젝트
let button = ui.GetObject(ui.Enum.OBJECT_TYPE.BUTTON);
button.id = "button"; //버튼 ID
button.text = "tooltip"; //버튼 텍스트
//버튼 오브젝트 추가
menus.push(button);
//툴바 메뉴 설정
toolbar.SetMenu(menus);
//추가한 버튼 오브젝트 수정
let changeBtn = toolbar.GetMenuById(button.id);
if (changeBtn !== undefined){
changeBtn.status.enable = true;
changeBtn.text = "Change button";
}
//툴바 메뉴 업데이트
toolbar.UpdateMenu([changeBtn]);
Parameters
Name | Type | Description |
|---|---|---|
objects | Array | 버튼 오브젝트 배열 |
Add
버튼 생성
Example
let ui = vizcore.UIElement
//툴바
let toolbar = ui.GetToolbar();
let click = () => {
console.log("Clicked");
}
//버튼 오브젝트
let button = ui.GetObject(ui.Enum.OBJECT_TYPE.BUTTON);
button.id = "button"; //버튼 ID
button.text = "tooltip"; //버튼 텍스트
button.event.click = click; //버튼 클릭 이벤트
//버튼 오브젝트 추가
toolbar.Add([button]);
Parameters
Name | Type | Description |
|---|---|---|
objects | Array | 버튼 오브젝트 배열 |
AddSub
서브 버튼 추가
Example
let ui = vizcore.UIElement
//툴바
let toolbar = ui.GetToolbar();
//버튼 오브젝트 가져오기 (측정버튼)
let measureBtn = toolbar.GetMenuById("MeasureButton");
//서브 버튼 오브젝트1
let subbutton1 = ui.GetObject(ui.Enum.OBJECT_TYPE.BUTTON);
subbutton1.id = "subbutton1"; //버튼 ID
subbutton1.text = "sub1 tooltip" //버튼 텍스트
//서브 버튼 오브젝트2
let subbutton2 = ui.GetObject(ui.Enum.OBJECT_TYPE.BUTTON);
subbutton2.id = "subbutton2"; //버튼 ID
subbutton2.text = "sub2 tooltip" //버튼 텍스트
//서브 버튼 오브젝트 추가
toolbar.AddSub(measureBtn.id, [subbutton1, subbutton2], 2);
Parameters
Name | Type | Description |
|---|---|---|
parentID | String | 서브 버튼 추가할 부모 버튼 ID |
childInfo | Array | 서브 버튼 오브젝트 배열 |
position | int | 버튼의 추가될 위치 index 값 |
SetCheckButton
Button Check
Example
let ui = vizcore.UIElement
//툴바
let toolbar = ui.GetToolbar();
//버튼 오브젝트
let button = ui.GetObject(ui.Enum.OBJECT_TYPE.BUTTON);
button.id = "button"; //버튼 ID
button.text = "tooltip"; //버튼 텍스트
button.style.type = ui.Enum.BUTTON_STYLE
button.status.check = true; //버튼 체크/ 체크해제
//버튼 오브젝트 추가
toolbar.Add([button]);
//체크 버튼 설정
toolbar.SetCheckButton(button.id, true);
Parameters
Name | Type | Description |
|---|---|---|
id | String | 버튼 ID |
check | Boolean | 버튼 체크/ 체크해제 |
SetCheckButtons
Button Check
Example
let ui = vizcore.UIElement
//툴바
let toolbar = ui.GetToolbar();
//버튼 오브젝트1
let button1 = ui.GetObject(ui.Enum.OBJECT_TYPE.BUTTON);
button1.id = "Button1";
button1.text = "Button1_Text";
button1.style.type = ui.Enum.BUTTON_STYLE.CHECK;
button1.status.check = true;
//버튼 오브젝트2
let button2 = ui.GetObject(ui.Enum.OBJECT_TYPE.BUTTON);
button2.id = "Button2";
button2.text = "Button_Text2";
button2.style.type = ui.Enum.BUTTON_STYLE.CHECK;
button2.status.check = true;
//버튼 오브젝트 추가
toolbar.Add([button1]);
toolbar.Add([button2]);
//여러 버튼 체크
toolbar.SetCheckButtons([button1.id, button2.id], true);
Parameters
Name | Type | Description |
|---|---|---|
ids | Array | 버튼 ID 배열 |
check | Boolean | 버튼 체크/ 체크해제 |
SetCheckButtonImg
Button Check Image
Example
let ui = vizcore.UIElement
//툴바
let toolbar = ui.GetToolbar();
//버튼 오브젝트
let button = ui.GetObject(ui.Enum.OBJECT_TYPE.BUTTON);
button.id = "button"; //버튼 ID
button.style.type = ui.Enum.BUTTON_STYLE.CHECK; //버튼 스타일
button.status.check = true; //버튼 체크/ 체크해제
button.icon.normal = './Resource/normal.png'; //기본 버튼 아이콘 이미지
button.icon.check = './Resource/check.png'; //체크 버튼 아이콘 이미지
//버튼 오브젝트 추가
toolbar.Add([button]);
//체크 버튼 이미지 설정
toolbar.SetCheckButtonImg(button.id, true);
Parameters
Name | Type | Description |
|---|---|---|
id | String | 버튼 ID |
check | Boolean | 버튼 체크/ 체크해제 |
SetVisibleButton
Button 보이기/ 숨기기
Example
let ui = vizcore.UIElement
//툴바
let toolbar = ui.GetToolbar();
//버튼 오브젝트
let button = ui.GetObject(ui.Enum.OBJECT_TYPE.BUTTON);
button.id = "button"; //버튼 ID
button.text = "tooltip"; //버튼 텍스트
button.status.visible = true //버튼 보이기/ 숨기기
//버튼 오브젝트 추가
toolbar.Add([button]);
//버튼 보이기/ 숨기기 설정
toolbar.SetVisibleButton(button.id, true);
Parameters
Name | Type | Description |
|---|---|---|
id | String | 버튼 ID |
visible | boolean | 버튼 보이기/ 숨기기 |
SetEnableButton
Button 활성화/ 비활성화
Example
let ui = vizcore.UIElement
//툴바
let toolbar = ui.GetToolbar();
//버튼 오브젝트
let button = ui.GetObject(ui.Enum.OBJECT_TYPE.BUTTON);
button.id = "button"; //버튼 ID
button.status.enable = true; //버튼 활성화/ 비활성화
//버튼 오브젝트 추가
toolbar.Add([button]);
//버튼 활성화/ 비활성화 설정
toolbar.SetEnableButton(button.id, true);
Parameters
Name | Type | Description |
|---|---|---|
id | String | 버튼 ID |
enable | boolean | 버튼 활성화/ 비활성화 |
Last modified: 24 July 2024