StartprogrammingusingObjectPascal:FirstGuiApplication

우리의 첫 GUI 프로그램

새 GUI 프로그램을 만들려면, 다음 라자루스 메뉴를 누릅니다.

Project/New Project/Application

그 다음, 아래 메뉴를 따라가서 프로그램을 저장합니다.

File/Save  All

우리의 프로젝트 파일들을 저장하기 위해 firstgui와 같은 새로운 폴더를 만들 수 있습니다. 그 다음 main.pas와 같은 메인 유닛을 저장할 것이고, firstgui.lpi와 같은 프로젝트 이름을 정할 것입니다.

메인 유닛에서, 다음과 같은 메인 유닛과 관련된 폼을 보기 위해 F12키를 누를 수 있습니다.

프로그램을 실행하면 다음 창을 보게 될 것입니다.

디자이너로 돌아가기 위해 프로그램을 끝낼 수 있습니다.

다음은 표준 구성요소 페이지로부터 폼 위에 단추를 놓겠습니다.

그 다음 아래 그림과 같이 단추를 임의의 위치에 놓아둡니다.

Object Inspector 창에서 단추의 속성(캡션 이름, 폭 등)을 표시할 수 있습니다. 라자루스 창에서 나타나지 않는다면, 메인메뉴에서 Window/Object Inspector 를 마우스로 누르거나, F11 키를 눌러서 표시할 수 있습니다. 이제 다음 창을 보게 될 것입니다.

단추의 속성을 수정하기 전에 Form 아니라 단추를 선택했는지 확인하는 것이 좋습니다. Inspector 창에 첫 번째에는 Properties, 두 번째에는 Events 탭이 있는 것을 눈여겨 보도록 합니다. 각각의 탭은 그 자신의 페이지를 보여줍니다.

이제 단추에 표시된 텍스트를 Caption 속성을 눌러서 바꿀 수 있습니다.

그 다음, Events 페이지를 표시하기 위해 Object Inspector의 Events 탭을 선택하고, 메인 유닛에 코드 양식을 만들 OnClick 이벤트를 두 번 누릅니다.

procedure TForm1.Button1Click(Sender: TObject);
begin

end;

이제 라자루스가 우리를 위해 만들어준 OnClick 이벤트 코드 양식에 다음 줄을 작성합니다.

procedure TForm1.Button1Click(Sender: TObject);
begin
    ShowMessage(‘Hello world, this is my first GUI application’);
end;

이렇게 해서 프로그램을 실행하면, 마우스로 단추를 눌렀을 때 바라던 메시지가 들어있는 대화창을 표시할 것입니다.

리눅스에서는 firstgui 라는 실행 파일을 같은 디렉터리에서 찾게 될 것이고, 윈도우즈를 사용한다면 firstgui.exe를 같은 디렉터리에서 찾게 될 것입니다. 이들은 다른 컴퓨터로 복사할 수 있고, 라자루스 도구를 필요로 하지 않고 실행할 수 있는 파일들 입니다.

앞의 예제에서 여러가지 중요한 점들이 있습니다.

1. 메인 프로그램 파일: 예제에서는 firstgui.lpi 파일로 저장되었습니다. Project/Source를 마우스로 눌러서 볼 수 있습니다. 이 소스 코드를 보게 될 것입니다.

program firstgui;

{$mode objfpc}{$H+}

uses
    {$IFDEF UNIX}{$IFDEF UseCThreads}
    cthreads,
    {$ENDIF}{$ENDIF}
    Interfaces, // this includes the LCL widgetset
    Forms
    { you can add units after this }, main;

begin
    Application.Initialize;
    Application.CreateForm(TForm1, Form1);
    Application.Run;
end.

특별한 목적으로 몇몇의 경우에 이 코드를 수정할 필요가 있겠지만, 대부분의 경우에는 라자루스가 자동으로 관리하도록 이대로 내버려둘 수 있습니다.

2. 메인 유닛: 프로그램을 실행할 때 자동으로 나타날 폼의 정의내용이 들어있는 유닛입니다.

아래는 OnClick 이벤트에 대해 완성한 코드의 메인 유닛입니다.

unit main;
{$mode objfpc}{$H+}

interface

uses
    Classes, SysUtils, FileUtil, LResources, Forms, Controls, Graphics, Dialogs,
    StdCtrls;
type

    { TForm1 }

    TForm1 = class(TForm)
    Button1: TButton;
    procedure Button1Click(Sender: TObject);
    private
        { private declarations }
    public
        { public declarations }
    end;
var
    Form1: TForm1;
implementation

{ TForm1 }

procedure TForm1.Button1Click(Sender: TObject);
begin
    ShowMessage('Hello world, this is my first GUI application');
end;

initialization
    {$I main.lrs}

end.

메인 유닛 머리 부분에서 레코드 형식과 유사하지만 클래스인 TForm1 선언을 찾았습니다. 클래스에 대해서는 다음 장 “객체지향 프로그래밍”에서 이야기할 것입니다. Button1 은 TForm1 클래스 안에 선언되어 있습니다.

이 유닛의 소스 코드는 Ctrl+F12를 누르고 메인 유닛을 선택하면 볼 수 있습니다.

3. Object Inspector/Properties: Object Inspector의 이 페이지에서는 단추의 캡션이나 위치, 폼의 색, 레이블의 글꼴 등과 같은 임의의 구성요소의 속성을 보고 수정할 수 있습니다. 이 구성요소들은 레코드와 유사하며, 이들의 속성은 레코드의 필드와 유사합니다.

4. Object Inspector/Events: Object Inspector의 이 페이지에서는 단추의 OnClick 이벤트, 편집 상자의 KeyPress, 레이블의 두번 누르기 등과 같이 우리가 받을 수 있는 구성요소의 이벤트가 들어있습니다. 구성요소의 임의의 이벤트를 마우스로 누를 때, 라자루스는 이에 해당하는 이벤트가 발생할 때 호출될 코드를 작성하도록 우리를 위해 새로운 프로시저 양식 코드를 만듭니다. 단추의 OnClick 이벤트에 대한 아래 예제처럼 해당하는 이벤트에 대한 파스칼 코드를 작성할 수 있습니다.

procedure TForm1.Button1Click(Sender: TObject);
begin
    ShowMessage('Hello world, this is my first GUI application');
end;

이 프로시저는 사용자가 이 단추를 눌렀을 때 호출됩니다. 이 프로시저를 이벤트 핸들러라고 부릅니다.