<html>
<head>
<script language="javascript">
<!--
var stcMsgArea; // 메시지 표출 영역
var UIID_MENUBTN_1 = 11;
var UIID_MENUBTN_2 = 12;
var UIID_MENUBTN_3 = 13;

function CreateUI() {
    var ctrlman = m_Map.GetCtrlMan();
    var uiman = ctrlman.GetUIMan();
    var ctrlstate = ctrlman.GetControlState();
    var dpsize = ctrlstate.GetSizeDP();
    var util = m_Map.GetUtility();
    
    var imageman    = ctrlman.GetImageMan();
    imageman.SetDefaultPath("http://www.talmap.co.kr/tutorial/");
    
    // 메시지 영역
    stcMsgArea = uiman.CreateUI_StaticText(uiman);
    stcMsgArea.SetParent(uiman);
    stcMsgArea.SetBound(4, 4, dpsize.CX-8, 20);
    stcMsgArea.SetAnchor(util.GetConstToValue("TMUIOBJ_ANCHOR_LEFT") | util.GetConstToValue("TMUIOBJ_ANCHOR_TOP"));
    stcMsgArea.SetBackColor(util.RGBColor(255, 255, 255));
    stcMsgArea.SetFont(12, 1, "굴림");    
    stcMsgArea.SetCaption("이벤트 처리에 대한 결과를 여기에 보여줍니다.");
    stcMsgArea.SetCanFocus(0);
    stcMsgArea.SetCanClick(0);
	
    // 메뉴 버튼 1
    var btn1 = uiman.CreateUI_Button(uiman);
    btn1.SetParent(uiman);
    btn1.SetUIID(UIID_MENUBTN_1);
    btn1.SetName("첫번째 메뉴 버튼");
    btn1.SetBound(0, dpsize.CY - 72, 72, 72);
    btn1.SetImageList("image/btn_menu_72.png", 72, 72);
    btn1.SetAnchor(util.GetConstToValue("TMUIOBJ_ANCHOR_LEFT") | util.GetConstToValue("TMUIOBJ_ANCHOR_TOP"));
    btn1.SetCanFocus(1);
    btn1.SetCanClick(1);
    btn1.SetBrush(util.GetConstToValue("BS_SOLID"), util.RGBColor(255, 0, 0), 0);
    btn1.SetTransparent(util.GetConstToValue("TMUIOBJ_TRANSPARENT_ALL"));
    btn1.SetData(1);
    btn1.SetAlpha(60);
    btn1.SetCanDrag(1);
    btn1.AddEventMode(util.GetConstToValue("TMEVENTTYPE_MOUSEENTER") | 
                     util.GetConstToValue("TMEVENTTYPE_MOUSELEAVE") | 
                     util.GetConstToValue("TMEVENTTYPE_MOUSEDOWN") | 
                     util.GetConstToValue("TMEVENTTYPE_MOUSEUP") |
                     util.GetConstToValue("TMEVENTTYPE_CREATE"));
    
    // 메뉴 버튼 2
    var btn2 = uiman.CreateUI_Button(uiman);
    btn2.SetParent(uiman);
    btn2.SetUIID(UIID_MENUBTN_2);
    btn2.SetName("두번째 메뉴 버튼");
    btn2.SetBound(72*1+2, dpsize.CY - 72, 72, 72);
    btn2.SetImageList("image/btn_menu_72.png", 72, 72);
    btn2.SetAnchor(util.GetConstToValue("TMUIOBJ_ANCHOR_LEFT") | util.GetConstToValue("TMUIOBJ_ANCHOR_TOP"));
    btn2.SetCanFocus(1);
    btn2.SetCanClick(1);
    btn2.SetBrush(util.GetConstToValue("BS_SOLID"), util.RGBColor(255, 0, 0), 0);
    btn2.SetTransparent(util.GetConstToValue("TMUIOBJ_TRANSPARENT_ALL"));
    btn2.SetData(1);
    btn2.SetAlpha(60);
    btn2.SetCanDrag(1);
    btn2.AddEventMode(util.GetConstToValue("TMEVENTTYPE_MOUSEENTER") | 
                     util.GetConstToValue("TMEVENTTYPE_MOUSELEAVE") | 
                     util.GetConstToValue("TMEVENTTYPE_MOUSEMOVE"));
    
    // 메뉴 버튼 3
    var btn3 = uiman.CreateUI_Button(uiman);
    btn3.SetParent(uiman);
    btn3.SetUIID(UIID_MENUBTN_3);
    btn3.SetName("세번째 메뉴 버튼");
    btn3.SetBound(73*2+4, dpsize.CY - 72, 72, 72);
    btn3.SetImageList("image/btn_menu_72.png", 72, 72);
    btn3.SetAnchor(util.GetConstToValue("TMUIOBJ_ANCHOR_LEFT") | util.GetConstToValue("TMUIOBJ_ANCHOR_TOP"));
    btn3.SetCanFocus(1);
    btn3.SetCanClick(1);
    btn3.SetBrush(util.GetConstToValue("BS_SOLID"), util.RGBColor(255, 0, 0), 0);
    btn3.SetTransparent(util.GetConstToValue("TMUIOBJ_TRANSPARENT_ALL"));
    btn3.SetData(1);
    btn3.SetAlpha(60);
    btn3.SetCanDrag(1);
    btn3.AddEventMode(util.GetConstToValue("TMEVENTTYPE_MOUSEENTER") | 
                     util.GetConstToValue("TMEVENTTYPE_MOUSELEAVE") | 
                     util.GetConstToValue("TMEVENTTYPE_MOUSEUP"));
}

// OnUI_CreateObject Event Function
function MapEvent_UI_CreateObject(Obj)
{
 stcMsgArea.SetCaption("["+Obj.GetName()+"] OnUI_CreateObject 이벤트 발생!!");
}

// OnUI_MouseDown Event Function
function MapEvent_UI_MouseDown(Obj, Flag, X, Y)
{
    stcMsgArea.SetCaption("["+Obj.GetName()+"] OnUI_MouseDown("+Flag+","+X+","+Y+") 이벤트 발생!!");
}

// OnUI_MouseUp Event Function
function MapEvent_UI_MouseUp(Obj, Flag, X, Y)
{
    stcMsgArea.SetCaption("["+Obj.GetName()+"] OnUI_MouseUp("+Flag+","+X+","+Y+") 이벤트 발생!!");
}

// OnUI_MouseMove Event Function
function MapEvent_UI_MouseMove(Obj, Flag, X, Y)
{
    stcMsgArea.SetCaption("["+Obj.GetName()+"] OnUI_MouseMove("+Flag+","+X+","+Y+") 이벤트 발생!!");
}

// OnUI_Click Event Function
function MapEvent_UI_Click(Obj, Flag, X, Y)
{
    if (Obj.GetUIID() == UIID_MENUBTN_1) return;
    stcMsgArea.SetCaption("["+Obj.GetName()+"] OnUI_Click("+Flag+","+X+","+Y+") 이벤트 발생!!");
}

// OnUI_MouseHover Event Function
function MapEvent_UI_MouseHover(Obj)
{
    stcMsgArea.SetCaption("["+Obj.GetName()+"] OnUI_MouseHover 이벤트 발생!!");
}

// OnUI_MouseLeave Event Function
function MapEvent_UI_MouseLeave(Obj)
{
    stcMsgArea.SetCaption("["+Obj.GetName()+"] OnUI_MouseLeave 이벤트 발생!!");
}
</script>

<script language="javascript" for="m_Map" event="OnUI_MouseDown(Obj, Flag, X, Y)">
<!--
    MapEvent_OnUI_MouseDown(Obj, Flag, X, Y);
-->
</script>

<script language="javascript" for="m_Map" event="OnUI_MouseUp(Obj, Flag, X, Y)">
<!--
    MapEvent_UI_MouseUp(Obj, Flag, X, Y);
-->
</script>
<script language="javascript" for="m_Map" event="OnUI_MouseMove(Obj, Flag, X, Y)">
<!--
    MapEvent_UI_MouseMove(Obj, Flag, X, Y);
-->
</script>
<script language="javascript" for="m_Map" event="OnUI_Click(Obj, Flag, X, Y)">
<!--
    MapEvent_UI_Click(Obj, Flag, X, Y);
-->
</script>
<script language="javascript" for="m_Map" event="OnUI_MouseHover(Obj)">
<!--
    MapEvent_UI_MouseHover(Obj);
-->
</script>
<script language="javascript" for="m_Map" event="OnUI_MouseLeave(Obj)">
<!--
    MapEvent_UI_MouseLeave(Obj);
-->
</script>

<script language="javascript" for="m_Map" event="OnUI_CreateObject(Obj)">
<!--
    MapEvent_UI_CreateObject(Obj);
-->
</script>

</head>

<body>
    <table>
        <tr>
            <td>
                <OBJECT ID="Map" CLASSID="CLSID:DD9B48AD-EDDC-4D2C-BD68-D1FB4B382024"
                codebase='http://localhost/TalMapX_Web.CAB#version=1,0,0,17' width=100% height=80%>
                </OBJECT>
            </td>
        </tr> 
    </table>  
</body>
</html>

#include "CXCtrlMan.h"
#include "CXUIMan.h"
#include "CXControlState.h"
#include "CXSize.h"
#include "CXUtility.h"
#include "CXImageMan.h"
#include "CXUIButton.h"

private: 
   CXUIStaticText stcMsgArea;

BEGIN_EVENTSINK_MAP(CSampleDlg, CDialog)
	ON_EVENT(CSampleDlg, IDC_TALMAPXCTRL1, 20, CSampleDlg::OnUI_MouseDownTalmapxctrl1, VTS_DISPATCH VTS_I4 VTS_I4 VTS_I4)
	ON_EVENT(CSampleDlg, IDC_TALMAPXCTRL1, 21, CSampleDlg::OnUI_MouseUpTalmapxctrl1, VTS_DISPATCH VTS_I4 VTS_I4 VTS_I4)
	ON_EVENT(CSampleDlg, IDC_TALMAPXCTRL1, 22, CSampleDlg::OnUI_MouseMoveTalmapxctrl1, VTS_DISPATCH VTS_I4 VTS_I4 VTS_I4)
	ON_EVENT(CSampleDlg, IDC_TALMAPXCTRL1, 23, CSampleDlg::OnUI_ClickTalmapxctrl1, VTS_DISPATCH VTS_I4 VTS_I4 VTS_I4)
	ON_EVENT(CSampleDlg, IDC_TALMAPXCTRL1, 24, CSampleDlg::OnUI_MouseHoverTalmapxctrl1, VTS_DISPATCH)
	ON_EVENT(CSampleDlg, IDC_TALMAPXCTRL1, 25, CSampleDlg::OnUI_MouseLeaveTalmapxctrl1, VTS_DISPATCH)
END_EVENTSINK_MAP()

void CSampleDlg::OnCreateUI()
{
	// Ctrl Manager 구하기
	CXCtrlMan ctrlman = m_Map.GetCtrlMan();
	// UI Manager 구하기
	CXUIMan uiman = ctrlman.GetUIMan();
	CXControlState ctrlstate = ctrlman.GetControlState();
	CXSize dpsize =  ctrlstate.GetSizeDP();
	CXUtility util = m_Map.GetUtility();
	
	CXImageMan imageman = ctrlman.GetImageMan();
	imageman.SetDefaultPath(_T("http://www.talmap.co.kr/tutorial/"));

	// 메시지 영역
	stcMsgArea = uiman.CreateUI_StaticText(uiman);
	stcMsgArea.SetParent(uiman);
	stcMsgArea.SetBound(4, 4, dpsize.GetCX()-8, 20);
	stcMsgArea.SetAnchor(util.GetConstToValue(_T("TMUIOBJ_ANCHOR_LEFT"))|util.GetConstToValue(_T("TMUIOBJ_ANCHOR_TOP")));
	stcMsgArea.SetBackColor(util.RGBColor(255, 255, 255));
	stcMsgArea.SetFont(12, 1, _T("굴림"));
	stcMsgArea.SetCaption(_T("이벤트 처리에 대한 결과를 여기에 보여줍니다."));
	stcMsgArea.SetCanFocus(0);
	stcMsgArea.SetCanClick(0);

	// 메뉴버튼1
	CXUIButton btn =  uiman.CreateUI_Button(uiman);
	btn.SetParent(uiman);
	btn.SetUIID(401);
	btn.SetName(_T("첫번째 메뉴 버튼"));
	btn.SetBound(0, dpsize.GetCY() - 72, 72, 72);
	btn.SetImageList(_T("image/btn_menu_72.png"), 72, 72);
	btn.SetAnchor(util.GetConstToValue(_T("TMUIOBJ_ANCHOR_LEFT"))|util.GetConstToValue(_T("TMUIOBJ_ANCHOR_TOP")));
	btn.SetCanFocus(1);
	btn.SetCanClick(1);
	btn.SetBrush(util.GetConstToValue(_T("BS_SOLD")), util.RGBColor(255, 0, 0), 0);
	btn.SetTransparent(util.GetConstToValue(_T("TMUIOBJ_TRANSPARENT_ALL")));
	btn.SetAlpha(60);
	btn.SetCanDrag(1);

	// AddEventMode 를 이용해 필요한 이벤트 설정
	btn.AddEventMode(util.GetConstToValue(_T("TMEVENTTYPE_MOUSEENTER")) | 
                     util.GetConstToValue(_T("TMEVENTTYPE_MOUSELEAVE")) | 
                     util.GetConstToValue(_T("TMEVENTTYPE_MOUSEDOWN")) | 
                     util.GetConstToValue(_T("TMEVENTTYPE_MOUSEUP")) |
                     util.GetConstToValue(_T("TMEVENTTYPE_CREATE")));
	// 메뉴버튼2
	CXUIButton btn2 =  uiman.CreateUI_Button(uiman);
	btn2.SetParent(uiman);
	btn2.SetUIID(402);
	btn2.SetName(_T("두번째 메뉴 버튼"));
	btn2.SetBound(72*1+2, dpsize.GetCY()-72, 72, 72);
	btn2.SetImageList(_T("image/btn_menu_72.png"), 72, 72);
	btn2.SetAnchor(util.GetConstToValue(_T("TMUIOBJ_ANCHOR_LEFT"))|util.GetConstToValue(_T("TMUIOBJ_ANCHOR_TOP")));
	btn2.SetCanFocus(1);
	btn2.SetCanClick(1);
	btn2.SetBrush(util.GetConstToValue(_T("BS_SOLD")), util.RGBColor(255, 0, 0), 0);
	btn2.SetTransparent(util.GetConstToValue(_T("TMUIOBJ_TRANSPARENT_ALL")));
	btn2.SetAlpha(60);
	btn2.SetCanDrag(1);
	btn2.AddEventMode(util.GetConstToValue(_T("TMEVENTTYPE_MOUSEENTER"))|
		util.GetConstToValue(_T("TMEVENTTYPE_MOUSELEAVE"))|
		util.GetConstToValue(_T("TMEVENTTYPE_MOUSEMOVE")));

	// 메뉴버튼3
	CXUIButton btn3 =  uiman.CreateUI_Button(uiman);
	btn3.SetParent(uiman);
	btn3.SetUIID(403);
	btn3.SetName(_T("세번째 메뉴 버튼"));
	btn3.SetBound(72*2+2, dpsize.GetCY()-72, 72, 72);
	btn3.SetImageList(_T("image/btn_menu_72.png"), 72, 72);
	btn3.SetAnchor(util.GetConstToValue(_T("TMUIOBJ_ANCHOR_LEFT"))|util.GetConstToValue(_T("TMUIOBJ_ANCHOR_TOP")));
	btn3.SetCanFocus(1);
	btn3.SetCanClick(1);
	btn3.SetBrush(util.GetConstToValue(_T("BS_SOLD")), util.RGBColor(255, 0, 0), 0);
	btn3.SetTransparent(util.GetConstToValue(_T("TMUIOBJ_TRANSPARENT_ALL")));
	btn3.SetAlpha(60);
	btn3.SetCanDrag(1);
	btn3.AddEventMode(util.GetConstToValue(_T("TMEVENTTYPE_MOUSEENTER"))|
		util.GetConstToValue(_T("TMEVENTTYPE_MOUSELEAVE"))|
		util.GetConstToValue(_T("TMEVENTTYPE_MOUSEMOVE")));
} 

void CSampleDlg::OnUI_MouseDownTalmapxctrl1(LPDISPATCH Obj, long Flag, long X, long Y)
{
   CXUIObj UIObj;
	UIObj.AttachDispatch(Obj, FALSE);
	
	CString msg;
	msg.Format(_T("[%s] OnUI_MouseDown (%d, %d, %d)"), Flag, X, Y);
	stcMsgArea.SetCaption(msg);
}
void CSampleDlg::OnUI_MouseUpTalmapxctrl1(LPDISPATCH Obj, long Flag, long X, long Y)
{
   CXUIObj UIObj;
	UIObj.AttachDispatch(Obj, FALSE);
	
	CString msg;
	msg.Format(_T("[%s] OnUI_MouseUp (%d, %d, %d)"), Flag, X, Y);
	stcMsgArea.SetCaption(msg);
}
void CSampleDlg::OnUI_MouseMoveTalmapxctrl1(LPDISPATCH Obj, long Flag, long X, long Y)
{
	CXUIObj obj;
	obj.AttachDispatch(Obj, FALSE);

	CString msg;
	msg.Format(_T("[%s] OnUI_MouseMove(%d, %d, %d)"), obj.GetName(), Flag, X, Y);
	stcMsgArea.SetCaption(msg);
}
void CSampleDlg::OnUI_ClickTalmapxctrl1(LPDISPATCH Obj, long Flag, long X, long Y)
{
	CXUIObj obj;
	obj.AttachDispatch(Obj, FALSE);

	CString msg;
	msg.Format(_T("[%s] OnUI_Click(%d, %d, %d)"), obj.GetName(), Flag, X, Y);
	stcMsgArea.SetCaption(msg);
}
void CSampleDlg::OnUI_MouseHoverTalmapxctrl1(LPDISPATCH Obj)
{
	CXUIObj UIObj;
	UIObj.AttachDispatch(Obj, FALSE);
	
	CString msg;
	msg.Format(_T("[%s] OnUI_MouseHover"), obj.GetName());
	stcMsgArea.SetCaption(msg);
} 
void CSampleDlg::OnUI_MouseLeaveTalmapxctrl1(LPDISPATCH Obj)
{
	CXUIObj UIObj;
	UIObj.AttachDispatch(Obj, FALSE);
	
	CString msg;
	msg.Format(_T("[%s] OnUI_MouseLeave"), obj.GetName());
	stcMsgArea.SetCaption(msg);
}

void CSampleDlg::OnUI_CreateObjectTalmapxctrl1(LPDISPATCH Obj)
{
	CXUIObj obj;
	obj.AttachDispatch(Obj, FALSE);

	CString msg;
	msg.Format(_T("[%s] OnUI_CreateObject"), obj.GetName());
	stcMsgArea.SetCaption(msg);
}