화면 토스트 메시지 가이드

화면 토스트 메시지박스에 대한 예시화면이다.

토스트 메시지박스는 주로 알림성 메시지를 표시하기 위한 용도로 사용된다.

토스트 메시지박스는 일반 메시지박스(messagebox API)와 다르게 화면을 잠그지 않는다.

토스트 메시지박스는 screen 오브젝트의 toastmessage API를 통해 표시한다.

toastmessage API는 타이틀, 내용, 자동 닫힘, 메시지 유형, 표시 위치, 크기 정보 설정 파라미터를 제공한다.

템플릿 위치: /HTML5/SCREEN/SCREEN/screen_toastmessage

템플릿 파일

• screen_toastmessage.xml
• screen_toastmessage.js
• 새창으로 실행

// 개발/전체 토스트 메시지박스를 닫는다.
function btn_toastmessage_close_on_click(objInst)
{
	screen.toastmessageclose();
}

// 토스트 메시지박스를 일정 시간 이후에 자동으로 닫는다.
function btn_toastmessage_timeclose_on_click(objInst)
{
	screen.toastmessage("INFO", "5초후에 자동 닫힘 메시지", 5000, 1);
}

// 아이콘 없이 토스트 메시지박스를 표시한다.
function btn_toastmessage_none_on_click(objInst)
{
	screen.toastmessage("NONE", "NONE 메시지", 0, 0);
}

// 정보성 아이콘을 표시하면서 토스트 메시지박스를 표시한다.
function btn_toastmessage_info_on_click(objInst)
{
	screen.toastmessage("INFO", "INFO 메시지", 0, 1);
}

// 에러성 아이콘을 표시하면서 토스트 메시지박스를 표시한다.
function btn_toastmessage_error_on_click(objInst)
{
	screen.toastmessage("ERROR", "ERROR 메시지", 0, 4);
}

// 질문성 아이콘을 표시하면서 토스트 메시지박스를 표시한다.
function btn_toastmessage_questlon_on_click(objInst)
{
	screen.toastmessage("QUESTION", "QUESTION 메시지", 0, 1);
}

// 멈춤성 아이콘을 표시하면서 토스트 메시지박스를 표시한다.
function btn_toastmessage_stop_on_click(objInst)
{
	screen.toastmessage("STOP", "STOP 메시지", 0, 3);
}

// 상단 좌측에 토스트 메시지박스를 표시한다.
function btn_toastmessage_topleft_on_click(objInst)
{
	screen.toastmessage("TOP/LEFT", "TOP/LEFT 메시지", 0, 1, 0);
}

// 하단 좌측에 토스트 메시지박스를 표시한다.
function btn_toastmessage_bottomleft_on_click(objInst)
{
	screen.toastmessage("BOTTO/MLEFT", "BOTTO/MLEFT 메시지", 0, 1, 1);
}

// 상단 우측에 토스트 메시지박스를 표시한다.
function btn_toastmessage_topright_on_click(objInst)
{
	screen.toastmessage("TOP/RIGHT", "TOP/RIGHT 메시지", 0, 1, 2);
}

// 하단 우측에 토스트 메시지박스를 표시한다.
function btn_toastmessage_bottomright_on_click(objInst)
{
	screen.toastmessage("BOTTOM/RIGHT", "BOTTOM/RIGHT 메시지", 0, 1, 3);
}

// 좌측 중앙에 토스트 메시지박스를 표시한다.
function btn_toastmessage_middleleft_on_click(objInst)
{
	screen.toastmessage("MODDLE/LEFT", "MODDLE/LEFT 메시지", 0, 1, 4);
}

// 상단 중앙에 토스트 메시지박스를 표시한다.
function btn_toastmessage_topcenter_on_click(objInst)
{
	screen.toastmessage("TOP/CENTER", "TOP/CENTER 메시지", 0, 1, 5);
}

// 중앙에 토스트 메시지박스를 표시한다.
function btn_toastmessage_middlecenter_on_click(objInst)
{
	screen.toastmessage("MODDL/CENTER", "MODDL/CENTER 메시지", 0, 1, 6);
}

// 우측 중앙에 토스트 메시지박스를 표시한다.
function btn_toastmessage_middleright_on_click(objInst)
{
	screen.toastmessage("MODDL/RIGHT", "MODDL/RIGHT 메시지", 0, 1, 7);
}

// 하단 중앙에 토스트 메시지박스를 표시한다.
function btn_toastmessage_bottomcenter_on_click(objInst)
{
	screen.toastmessage("BOTTOM/CENTER", "BOTTOM/CENTER 메시지", 0, 1, 8);
}