NGMsoftware

NGMsoftware
로그인 회원가입
  • 매뉴얼
  • NGM 5
  • 매뉴얼

    NGM 5의 매뉴얼입니다.

    NGM 5

    NGM 5의 매뉴얼입니다.

    본 사이트의 컨텐츠는 저작권법의 보호를 받으므로 무단 복사, 게재, 배포 등을 금합니다.

    디자이너 NGM Designer - 스크립트 아웃풋 내용 출력하는 방법. (Display of output message)

    페이지 정보

    본문

    안녕하세요. 소심비형입니다. 오늘은 스크립트가 실행되면서 사용자에게 알려주는 메시지를 표시하는 방법에 대해 알아보도록 하겠습니다. NGM Editor는 아래 아웃풋 창에 스크립트가 실행되면서 정보들을 표시해줍니다.

    img.png

     

     

    플레이어는 메뉴의 보기 > 출력 창을 실행해야 합니다. 아래와 같이 스크립트의 실행 정보를 확인할 수 있습니다.

    img.png

     

     

    비주얼 스튜디오를 실행합니다. 아래 그림과 같은 화면이 처음 표시될 거예요.

    img.png

     

     

    새로운 프로젝트를 생성합니다. 프로젝트란 내가 무언가 목표를 달성하기 위해 시작하는 일의 단위입니다. 결국 이 프로젝트가 컴파일(Compile 또는 Build)을 거쳐 결과물을 만들어냅니다. 결과물이란 NGM Player겠죠^^;

    메뉴의 파일 > 새로 만들기 > 프로젝트를 클릭하세요.

    img.png

     

     

    내 컴퓨터의 로컬 위치에 Windows Forms 프로젝트를 생성해줍니다.

    1. 찾아보기 클릭

    2. 프로젝트를 저장할 위치 선택 (바탕 화면 선택)

    3. Windows Forms 앱(.NET Framework) 선택

    4. MyNGMPlayer 프로젝트 이름 입력

    5. .NET Framework 버전 선택 (4.6.1)

    6. 솔루션용 디렉터리 만들기 체크

    7. 확인 버튼 클릭

    img.png

     

     

    이 글에 첨부되어 있는 스크립트 파일을 다운로드하세요. 보통은 에디터에서 만든 위치에 있어야 합니다. 이미지와 기타 여러 가지 연결된 파일 정보를 사용하려면 말이죠. 그래서, 다운로드한 스크립트 파일을 내 문서 > NGM5 > Script 폴더에 복사해 넣습니다.

    img.png


     

     

    바탕화면 마우스 클릭 스크립트는 아래와 같이 동작합니다. 단순히 0.5초 간격으로 내 문서와 내 컴퓨터, 네트워크를 클릭하는 스크립트입니다.

    img.gif


     

     

    NGM Designer 모듈을 내 프로젝트에 참조를 추가하도록 할게요. 우측 프로젝트의 ①참조에서 우클릭 후 ②참조 추가를 클릭하세요.

    img.png

     

     

    참조 관리자 창이 표시되면 우측 하단의 찾아보기버튼을 클릭하세요.

    img.png

     

     

    NGM Designer가 설치된 폴더로 이동합니다. 이 폴더 안에는 수많은 라이브러리들이 있습니다. 우리가 필요한 모듈을 모두 선택하고 우측 하단의 추가 버튼을 클릭하세요.

    • NGM.GUI.dll
    • NGM.Models.dll
    • NGM.dll
    • NGM.Controls.dll
    • NGM.Client.dll
    • NGM.ResourceManager.dll
    • NGM.Macro.Engine.dll
    img.png

     

     

    참조가 정상적으로 추가되면 아래 그림처럼 선택한 라이브러리들이 표시됩니다.

    img.png

     

     

    아래 그림처럼 매인 화면에서 F7(코드 보기)을 누릅니다. 또는 창에서 우클릭하여 콘텍스트를 표시하고 ②코드 보기를 클릭해도 됩니다. 

    img.png

     

     

    아래와 같이 13라인의 Form을 NGM.GUI.ComponentDefault.MainView로 수정합니다.
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    using System;
    using System.Collections.Generic;
    using System.ComponentModel;
    using System.Data;
    using System.Drawing;
    using System.Linq;
    using System.Text;
    using System.Threading.Tasks;
    using System.Windows.Forms;
     
    namespace MyNGMPlayer
    {
        public partial class Form1 : NGM.GUI.ComponentDefault.MainView
        {
            public Form1()
            {
                InitializeComponent();
            }
        }
    }
    cs

     

      

    Shift+F7을 눌러서 디자인 보기로 이동하세요. 그리고 아래 그림처럼 윈도우 폼의 사이즈를 350, 300으로 설정하세요.

    img.png

     

     

    테스트를 위해 아래와 같이 화면을 디자인하고, 실행하도록 해보겠습니다.

    1. 도구 상자의 플레이 버튼 클릭

    2. 드래그 앤 드롭으로 폼에 추가

    3. 도구 상자의 스크립트 클릭

    4. 드래그 앤 드롭으로 폼에 추가

    5. 속성 창 클릭

    6. SelectScript에 첨부되어 있는 스크립트 선택

    img.png

     

     

    스크립트 실행 정보를 표시할 텍스트 박스를 하나 추가해야 합니다. 아래 그림과 같이 도구 상자에서 ①RichTextBox를 ②추가하세요.

    img.png

     

     

    출력 정보를 표시하기 위해 속성을 변경해야 합니다. 아래 그림처럼 ①빈 곳을 클릭하고, 몇 가지 속성을 True로 변경합니다.

    img.png

     

     

    F7을 눌러서 코드 보기로 이동합니다. 그리고, 아래와 같이 코드를 추가해주세요. 20~27라인이 추가되었습니다.
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    using System;
    using System.Collections.Generic;
    using System.ComponentModel;
    using System.Data;
    using System.Drawing;
    using System.Linq;
    using System.Text;
    using System.Threading.Tasks;
    using System.Windows.Forms;
     
    namespace DesignTest
    {
        public partial class Form1 : NGM.GUI.ComponentDefault.MainView
        {
            public Form1()
            {
                InitializeComponent();
            }
     
            public override void WriteOutput(string message)
            {
                richTextBox1.Invoke((Action)delegate
                { 
                    richTextBox1.Text += message;
                    richTextBox1.Text += Environment.NewLine;
                });
            }
        }
    }
    cs
     

     

    F5를 눌러서 실행해보세요. 아래 그림처럼 스크립트가 실행되는 정보를 확인할 수 있습니다.

    img.gif


     

     

    개발자에게 후원하기

    img.jpg

     

     

    추천, 구독, 홍보 꼭~ 부탁드립니다.

    여러분의 후원이 빠른 귀농을 가능하게 해 줍니다~ 답답한 도시를 벗어나 귀농하고 싶은 개발자~

    감사합니다~


    • 네이버 공유하기
    • 페이스북 공유하기
    • 트위터 공유하기
    • 카카오스토리 공유하기
    추천0 비추천0

    댓글목록

    등록된 댓글이 없습니다.