Panel

Panel 생성

Example

//Panel 생성
let view = document.getElementById("view");
let panel = new vizcore.Panel(view);

Parameters

Name	Type	Description
view	Object	HTML Element

EnableResize

Panel 사이즈 조절 활성화

Example

//Panel 생성
let view = document.getElementById("view");
let panel = new vizcore.Panel(view);
//Panel 사이즈 조절 활성화
panel.EnableResize(false);

Parameters

Name	Type	Description
bool	Boolean	활성화/비활성화

SetBorderColor

Panel 배경 색상 설정

Example

//Panel 생성
let view = document.getElementById("view");
let panel = new vizcore.Panel(view);
//Panel 배경 색상 설정
panel.SetBorderColor({ r : 255, g : 255, b : 255, a : 255});

Parameters

Name	Type	Description
color	Object	{ r : 255, g : 255, b : 255, a : 255}

SetBorderColorFromRGBA

Panel 배경 색상 설정

Example

//Panel 생성
let view = document.getElementById("view");
let panel = new vizcore.Panel(view);
//Panel 배경 색상 설정
panel.SetBorderColorFromRGBA(255, 255, 255, 255);

Parameters

Name	Type	Description
R	Number	Red(0~255)
G	Number	Green(0~255)
B	Number	Blue(0~255)
A	Number	Alpha(0~255)

SetContent

Panel Content 설정

Example

//Panel Content 설정
let view = document.getElementById("view");
let element = document.createElement('input');
element.style.width = "150px";
element.style.height = "50px";
//Panel 생성
let panel = new vizcore.Panel(view);
panel.SetContent(element);

Parameters

Name	Type	Description
element	Object	HTML Element

SetContentBackgroundColor

Panel Content 배경 색상 설정

Example

//Panel Content 배경 색상 설정
panel.SetContentBackgroundColor({ r : 255, g : 255, b : 255, a : 255});

Parameters

Name	Type	Description
color	Object	{ r : 255, g : 255, b : 255, a : 255}

SetContentBackgroundColorFormRGBA

Panel Content 색상 설정

Example

//Panel Content 색상 설정
panel.SetContentBackgroundColorFormRGBA(255,255,255,255);

Parameters

Name	Type	Description
R	Number	Red(0~255)
G	Number	Green(0~255)
B	Number	Blue(0~255)
A	Number	Alpha(0~255)

SetHeaderContent

Panel Header Content 설정

Example

//Panel Header Content 설정
let view = document.getElementById("view");
let element = document.createElement('input');
element.style.width = "150px";
element.style.height = "50px";
//Panel 생성
let panel = new vizcore.Panel(view);
panel.SetHeaderContent(element);

Parameters

Name	Type	Description
element	Object	HTML Element

SetLocationLeft

Panel 위치 설정(Left)

Example

//Panel 생성
let view = document.getElementById("view");
let panel = new vizcore.Panel(view);
//Panel 위치 설정(Left)
panel.SetLocationLeft(10);

Parameters

Name	Type	Description
offset	Number	Left Offset

SetLocationTop

Panel 위치 설정(Top)

Example

//Panel 생성
let view = document.getElementById("view");
let panel = new vizcore.Panel(view);
//Panel 위치 설정(Top)
panel.SetLocationTop(10);

Parameters

Name	Type	Description
offset	Number	Top Offset

SetSize

Panel 크기 설정

Example

//Panel 생성
let view = document.getElementById("view");
let panel = new vizcore.Panel(view);
//Panel 크기 설정
panel.SetSize(200, 300);

Parameters

Name	Type	Description
width	Number	넓이
height	Number	높이

SetTitleBackgroundColor

Panel Title 배경 색상 설정

Example

//Panel 생성
let view = document.getElementById("view");
let panel = new vizcore.Panel(view);
//Panel Title 배경 색상 설정
panel.SetTitleBackgroundColor({ r : 255, g : 255, b : 255, a : 255});

Parameters

Name	Type	Description
color	Object	{ r : 255, g : 255, b : 255, a : 255}

SetTitleBackgroundColorFormRGBA

Panel Title 색상 설정

Example

//Panel 생성
let view = document.getElementById("view");
let panel = new vizcore.Panel(view);
//Panel Title 색상 설정
panel.SetTitleBackgroundColorFormRGBA(255,255,255,255);

Parameters

Name	Type	Description
R	Number	Red(0~255)
G	Number	Green(0~255)
B	Number	Blue(0~255)
A	Number	Alpha(0~255)

SetTitleText

Panel Title 설정

Example

//Panel 생성
let view = document.getElementById("view");
let panel = new vizcore.Panel(view);
//Panel Title 설정
panel.SetTitleText("Title");

Parameters

Name	Type	Description
text	String	Title

SetTitleTextColor

Panel Title 색상 설정

Example

//Panel 생성
let view = document.getElementById("view");
let panel = new vizcore.Panel(view);
//Panel Title 색상 설정
panel.SetTitleTextColor({ r : 255, g : 255, b : 255, a : 255});

Parameters

Name	Type	Description
color	Object	{ r : 255, g : 255, b : 255, a : 255}

SetTitleTextColorFormRGBA

Panel Title 색상 설정

Example

//Panel 생성
let view = document.getElementById("view");
let panel = new vizcore.Panel(view);
//Panel Title 색상 설정
panel.SetTitleTextColorFormRGBA(255,255,255,255);

Parameters

Name	Type	Description
R	Number	Red(0~255)
G	Number	Green(0~255)
B	Number	Blue(0~255)
A	Number	Alpha(0~255)

Show

Panel 보이기/숨기기

Example

//Panel 생성
let view = document.getElementById("view");
let panel = new vizcore.Panel(view);
//Panel 보이기/숨기기
panel.Show(true);

Parameters

Name	Type	Description
visible	Boolean	보이기/숨기기

--- Event Listener ---

OnCloseButtonEvent

Panel X 버튼 이벤트

Example

// Event : OnCloseButtonEvent
let cbClose = function(){
    console.log('close');
};

// Add Event Handler :  Panel X 버튼 이벤트
panel.OnCloseButtonEvent(cbClose);

Parameters

Name	Type	Description
cbClose	Object	callback Function

OnResizeEvent

Panel 크기 변경 이벤트

Example

// Event : OnResizeEvent
let cbResize = function(){
    console.log('resize');
};

// Add Event Handler :  Panel 크기 변경 이벤트
panel.OnResizeEvent(cbResize);

Parameters

Name	Type	Description
cbResize	Object	callback Function

Last modified: 24 July 2024