|
XDL Manual (piXoneer XDL Tutorial)
NXPlanetView를 활용하여 구 기반 2D 도시 환경에서 기능활용법을 익히고 마우스 위치에 따른 좌표 도시, 나침반 도시, 도시 기능을 구현해 봅니다.
2017. 01. 수정 2019. 02.
|
1 사용하기
1.1 XDL 엔진설치 프로그램으로 배포되는 XDL 엔진은 Visual Studio 2010 x86 Release 버전으로, Visual Studio 2010 이상의 버전에서 사용 가능하다. 아래의 설명은 Visual Studio 2010을 기준으로 하겠다. 2 NXPlanetView를 이용한 예제 프로그램 만들기l 본 예제 프로그램은 NXPlanetView와 NXPlantLayer를 이용하여 Planet2D 모드 상에서 기본 사용법을 익히고 간단한 도시기능을 추가해 보도록 한다. 2.1 기본 프로그램 작성2.1.1 Visual Studio 2010을 실행한다.2.1.2 메뉴 [파일]-[새로 만들기]-[프로젝트]를 선택한다.2.1.3 [새 프로젝트] 대화상자에서 왼쪽의 템플릿 창에서 “Visual C#”을 선택하고, 대화상자 중간의 목록에서 “Windows Forms 응용 프로그램”을 선택한다. 프로젝트의 이름(XDL_PlanetView1)을 입력하고 [새 프로젝트] 대화상자의 “확인” 버튼을 클릭한다.“확인” 버튼을 누르면 프로젝트가 기본적으로 생성되고, 화면에 Form을 디자인할 수 있는 화면이 생성된다. 만약 아래와 같이 Form 디자인 화면이 생성되지 않으면, [솔루션 탐색기] 창에서 “Form1.cs”를 마우스 더블 클릭하여 디자인화면을 연다.
2.1.4 [도구상자]의 [항목선택]을 선택한다.[도구 상자] 창의 “일반”에서 마우스 오른쪽 버튼을 클릭하여 생성되는 팝업메뉴에서 “항목 선택” 메뉴를 선택한다.
메뉴를 선택하면 아래와 같이 [도구 상자 항목 선택] 대화상자가 나타나며, 대화상자 아래쪽에 있는 “찾아보기” 버튼을 클릭한다.
열기 대화상자에서 “C:\Pixoneer\XDL1.2\bin\NXPlanet.dll” 파일을 선택한 후 “열기”를 클릭하고, [도구 상자 항목 선택] 대화상자의 “확인” 버튼을 클릭한다.
.Net Framework 구성요소 탭에 다양한 레이어와 NXPlanetView가 설정된다. “확인”버튼을 클릭한다. [도구상자]에 다양한 PlanetLayer들과 NXPlanetView가 추가됨을 확인한다.
2.1.5 솔루션 탐색기의 프로젝트 하부의 [참조]의 오른쪽 마우스 클릭을 통해 [참조추가]를 선택한다.2.1.6 [찾아보기]탭으로 이동한 후 “C:\Pixoneer\XDL1.2\bin\”경로로 이동한다. Ctrl키를 누른 채 “NXDL.dll”, “NXPlanet.dll”, “NXDLgr.dll”을 선택한 후 “확인”버튼을 선택한다.2.1.7 솔루션 탐색기의 프로젝트 하부의 [참조]항에 NXDL, NXDLgr, NXPlanet이 추가되었음을 확인한다.
2.2 프로그램 디자인
2.2.1 [도구 상자]의 “SplitContainer”를 선택하고 Form1에 끌어다가 놓는다.
Form1에 splitContainer1이 추가되며 아래와 같이 “Panel1”과 “Panel2”가 생긴다. Panel1에는 ①~⑨의 컨트롤을 추가하여 디자인하고, Panel2에는 ⑩, ⑪ 컨트롤을 추가한다. Panel1의 디자인은 위의 표를 참고로 구성하도록 하며 여기에서는 생략하도록 한다.
2.2.2 [도구 상자]의 [일반]에서 NXPlanetView를 선택한 뒤 드래그하여 Form1의 Panel2에 놓는다. Form1 위에 NXPlanetView 컨트롤이 생성된다.
2.2.3 생성된 NXPlanetView 컨트롤의 오른쪽 상단에 “►” 기호를 클릭하면 “부모 컨테이너에서 도킹” 버튼이 생성되는데 이 버튼을 클릭한다.
2.2.4 NXPlanetView 컨트롤이 Form1에 도킹되어 전체컨트롤 영역으로 확대된다.
Form1.Designer.cs에서 보면 컨트롤 nxPlanetView1 멤버변수가 추가됨을 확인할 수 있다. NXPlanetView는 다양한 NXPlanetLayerXXXXX들을 담을 수 있는 컨테이너이다. 즉, NXPlanetView는 다양한 계측의 레이어로 구성하여 구 기반 기능을 다양하게 구현할 수 있다. 2.2.5 [도구 상자]의 [일반]에서 NXPlanetLayer를 선택한 뒤 드래그하여 nxPlanetView1 위에 놓는다.NXPlanetLayer는 PlanetView에 추가되어 XDL 엔진에서 발생하는 이벤트를 외부 어플리케이션에서 처리할 수 있다. Form1.Designer.cs에서 보면 다음과 같이 컨트롤 nxPlanetLayer1 멤버변수가 추가됨을 확인할 수 있다.
2.2.6 솔루션을 빌드하고 실행한다.
2.3 기능 및 이벤트 추가2.3.1
Form1을 선택하고 [속성] 창 - [이벤트
|
|
public partial class Form1 : Form { private XVertex2d scrPos = new XVertex2d(); private XTextPrinter textPrinter = new XTextPrinter(); private XTexture compassTexture = new XTexture(); public Form1() { InitializeComponent(); nxPlanetView1.BackColor = Color.Black;
Font coordFont = new Font("Gulim", 12, FontStyle.Regular | FontStyle.Bold); if (!textPrinter.Initialize(coordFont)) { System.Diagnostics.Debug.WriteLine( "Fail to initialize text printer for coordinate display!"); }
if (!compassTexture.Load("c:\\Pixoneer\\XDL1.2\\Resource\\compass.png")) { System.Diagnostics.Debug.WriteLine( "Fail to load compass texture!"); } } |
나침반 이미지로 사용하는 “compass.png” 파일이 예제 코드와 같은 경로에 없으면, 예제 샘플 프로그램 압축 파일에 있는 파일을 이용하기 바란다.
2.3.3 nxPlanetLayer1을 선택하여 “OnWndProc” 이벤트와 “OnOrthoRender” 이벤트 함수를 추가하여 코드를 작성한다.
OnWndProc 이벤트는 NXPlanetLayer가 추가되어 있는 View의 윈도우 이벤트를 외부에서 받아서 사용할 수 있도록 한다. OnOrthoRender는 NXPlanetLayer가 추가되어 있는 View의 Ortho-rendering이 완료된 후 어플리케이션에서 추가적인 작업을 구현해야 할 필요가 있을 때 사용하면 된다. 참고로 NXPlanetView의 내부 Rendering 수행->OnRender 이벤트 발생->NXPlanetView의 내부 OrthoRendering 수행->OnOrthoRender 이벤트 발생 순서로 이루어진다.
코드는 아래와 같다.
|
private bool nxPlanetLayer1_OnWndProc(object sender, NXPlanetDrawArgs e, ref Message m) { if (m.Msg == Pixoneer.NXDL.XWndMsg.XWM_MOUSEMOVE) { scrPos.x = Pixoneer.NXDL.XWndMsg.GetLowValue(m.LParam); scrPos.y = Pixoneer.NXDL.XWndMsg.GetHighValue(m.LParam); nxPlanetView1.RefreshScreen(); }
return default(bool); }
private bool nxPlanetLayer1_OnOrthoRender(object sender, NXPlanetDrawArgs e) { if (nxPlanetView1 == null) return false;
XVertex3d posWorld = new XVertex3d(); // 화면 좌표를 위경도 좌표로 변환 XGeoPoint gpPoint = nxPlanetView1.ScreenToGeographic(scrPos.x, scrPos.y); posWorld.x = scrPos.x; posWorld.y = scrPos.y; posWorld.z = 0.0;
String str = gpPoint.lond.ToString() + ", " + gpPoint.latd.ToString();
// 화면에 텍스트 좌표를 도시 bool result = textPrinter.Print(str, posWorld, Pixoneer.NXDL.NGR.eTextAlign.Align_Center, Color.White, true, Color.DarkBlue);
// 나침반 도시 if (!compassTexture.SendTextureToDevice()) return false;
NXCameraState state = nxPlanetView1.GetCameraState();
int nXSize = compassTexture.Width; int nYSize = compassTexture.Height;
e.Graphics.glDisable(XGraphics.GL_DEPTH_TEST); e.Graphics.glEnable(XGraphics.GL_BLEND);
e.Graphics.glBindTexture(XGraphics.GL_TEXTURE_2D, (uint)compassTexture.GLTextureID); e.Graphics.glColor3f(1.0f, 1.0f, 1.0f);
e.Graphics.glPushMatrix(); e.Graphics.glTranslated(100.0, 100.0); e.Graphics.glRotated(-state.azimuth.deg, 0.0, 0.0, 1.0);
e.Graphics.glBegin(XGraphics.GL_QUADS); e.Graphics.glTexCoord2f(0, 1); e.Graphics.glVertex3d(-nXSize / 2, -nYSize / 2, 0); e.Graphics.glTexCoord2f(0, 0); e.Graphics.glVertex3d(-nXSize / 2, nYSize / 2, 0); e.Graphics.glTexCoord2f(1, 0); e.Graphics.glVertex3d(nXSize / 2, nYSize / 2, 0); e.Graphics.glTexCoord2f(1, 1); e.Graphics.glVertex3d(nXSize / 2, -nYSize / 2, 0); e.Graphics.glEnd();
e.Graphics.glPopMatrix();
e.Graphics.glDisable(XGraphics.GL_BLEND); e.Graphics.glEnable(XGraphics.GL_DEPTH_TEST);
return default(bool); } |
2.3.4 솔루션을 빌드하고 실행한다.
