제목 : 허르미 한글 라이브러리 2.0 [8] 안녕하세요. 드디어 허르미 한글 라이브러리 2.0 의 핵 심인 윈도우 부분을 살펴보도록 하겠읍니다. 제가 프로그램을 작 성하다 보니 꼭 필요한 것은 화면 디자인에 관한 것이었읍니다. 대부분의 작업은 겹치기 마련이었고 그러한 작업들을 계속 진행 하다보니 이러한 작업들을 미리 라이브러리화 해 놓으면 좋겠다 는 생각을 가지게 되었읍니다. 또한 디자인 자체도 어떤 통일성 을 가질수 있다면 좋을 것입니다. Windows 3.0 이나 GeoWorks 를 보면 통일된 훌륭한 GUI 환경을 지니고 있읍니다. GUI 환경을 완 벽하게 구현할 수만 있다면 사실 프로그램작성시의 대부분의 짐 을 덜어놓은 셈이 됩니다. 이에 아직 빈약하지만 보다 큰 기초를 닦기 위해서 윈도우 루틴을 작성해 보고자 합니다. 윈도우 루틴을 작성할때 역점을 둔 점은 다음과 같습니 다. 즉 윈도우,박스,바아,버튼등을 하나하나의 객체(Object) 로 보고 별도로 정의할 뿐만 아니라 각각의 색깔과 크기도 객체로 간주합니다. 이들은 C++ 의 Class 에 의해서 정의되며 따라서 C++ 을 활용해야만이 이 윈도우 루틴을 적절히 사용할 수 있게 됩니다. 사실 Class 에 의해서 정의해 놓고 보니 무척이나 세밀 한 제어가 가능해 졌고 외부로 부터 보호받는 정도가 강화되어 만족스러웠지만 다소 쓰기가 번거롭다는 단점이 있었읍니다. 때 문에 이를 보완하기 위해서 기존의 함수 Call 형식을 따르는 Quick 루틴들을 만들었읍니다. 약 20 개에 이르는 Quick Window 루틴들을 적절히 활용하면 화면 디자인을 하는데는 별다른 무리 가 없을 것입니다. 단 여기서 말하는 윈도우 루틴은 화면에 표시 하는 것만을 의미합니다. 윈도우 부분을 저장/복귀하는 루틴은 포함되어 있으나 윈도우 내에서의 입/출력 부분은 아직 넣지 않 았읍니다. 이부분은 허르미 한글 라이브러리의 1.5 에서는 제외 될 것입니다. 이후 버젼에서 글자 확대를 지원하면서 윈도우내의 입출력 루틴을 제공할 계획입니다. 그럼 기본적인 윈도우의 정의 를 살펴보도록 합시다. 우선 제가 정의한 객체에는 hwindow,hbox,hbar,hbutton 이 있읍 니다. hwindow 는 말 그대로 윈도우입니다. hbox 는 items 들을 내부에 표시한 Box 이고 hbar 는 그저 네모난 양각 바아입니다. hbutton 은 item 에 대한 button 을 정의합니다. 이들에게 공용 된 것이라면 x,y width 와 color 가 되겠읍니다. 저는 매번 프로 그래머가 컬러를 지정해 오던 것을 제한하여 어떤 통일성 아래서 화면을 디자인 해보려고 했읍니다. 따라서 프로그래머는 몇가지 통일성 아래서 선택해야 합니다. 이것은 때로는 프로그래머의 자 유분방한 생각을 막는 듯 하지만 제 경험으로는 하나의 GUI style 을 확립해 놓는 것이 오히려 훨씬 나았기에 이 방법을 택 하였읍니다. 그럼 클래스 정의를 보시겠읍니다. class bstyle { private: int back; int color1; int color2; int deep; public: bstyle(int b,int c1,int c2,int d) { back=b;color1=c1;color2=c2;deep=d; } bstyle() { back=0;color1=WHITE;color2=DARKGRAY;deep=2; } int ret_box_back() { return back; } int ret_box_color1() { return color1; } int ret_box_color2() { return color2; } int ret_box_deep() { return deep; } void load(int b,int c1,int c2,int d) // load function { back=b;color1=c1;color2=c2;deep=d; } }; 위의 클래스는 bstyle,즉 각종 객체들을 화면에 그릴때 필요한 box 를 그려주는 루틴입니다. 제가 저번에도 언급한 적이 있지만 1.0 에서의 박스는 네모,또는 그림자 등이었읍니다. 1.5 부터는 박스는 양각,음각을 포함합니다. 이 bstyle 클래스의 전용 멤버 를 보세요. back,color1,color2,deep 의 4 가지로 되어 있읍니 다. 생성자에 의해서 초기화 할수 있읍니다. 그 아래의 ret_~ 함 수들은 별로 중요하지 않습니다. load 함수는 이미 선언된 클래 스에 값을 재설정할수 있도록 합니다. back 은 draw 시 FILL 옵 션이 주어졌을때 배경을 지우는 역할을 합니다. color1 은 박스 의 윗부분과 왼쪽의 색깔,color2 는 아래와 오른쪽입니다. deep 는 박스의 굵기입니다. color1 이 흰색,color2 가 검은색이면 양 각,반대이면 음각입니다. 실제로 bar 는 굵은 양각,box 는 얇은 양각등으로 정의하고 있읍니다. class wcolor { private: int border; int tfore; int tback; int back; public: wcolor(int b1,int t1,int t2,int b2) { border=b1;tfore=t1;tback=t2;back=b2; } wcolor() { border=0;tfore=WHITE;tback=DARKGRAY;back=2; } int ret_wc_border() { return border; } int ret_wc_tfore() { return tfore; } int ret_wc_tback() { return tback; } int ret_wc_back() { return back; } void load(int b1,int t1,int t2,int b2) { border=b1;tfore=t1;tback=t2;back=b2; } }; 윗 클래스는 wcolor,즉 text 를 포함하는 객체들의 컬러를 정의 해주는 역할을 합니다. 전용 멤버는 border,tfore,tback,back 의 4 가지 입니다. tfore,tback 는 text 의 컬러를 정하는데 사용합 니다. hwindow 의 정의에서는 Title 의 색깔을 나타내는데 쓰이 죠. border 는 컬러값이 아니라 Border 종류입니다. 이것은 사실 프로그래머가 직접 지정하는 것은 아닙니다. 라이브러리 내부에 서 쓰입니다. 하지만 프로그래머가 직접 이용할 수도 있죠. 아마 2.0 부터는 체계적으로 이용할 수 있는 방안이 생길것입니다. back 은 border 안의 색깔 종류를 선택합니다. 역시 몇가지가 준 비되어 있는데 이들도 제가 임의로 정해 놓았읍니다. 뒤에서 설 명드리겠읍니다. class bcolor { private: int border; int back; public: bcolor(int b1,int b2) { border=b1;back=b2; } bcolor() { border=0;back=2; } int ret_bc_border() { return border; } int ret_bc_back() { return back; } void load(int b1,int b2) { border=b1;back=b2; } }; 위의 클래스는 border,back 밖에 없읍니다. 즉 위의 wcolor 에서 text 의 색을 뺀 것으로 bar 등을 그릴때 쓰입니다. class width { private: int xwidth; int ywidth; public: width(int x,int y) { xwidth=x;ywidth=y; } width() { xwidth=640;ywidth=480; } int ret_xwidth() { return xwidth; } int ret_ywidth() { return ywidth; } void load(int x,int y) { xwidth=x;ywidth=y; } }; 위의 클래스는 가로,세로 크기를 정의합니다. 일단 Default 로 640x480 을 선택한다는 것을 주의하세요..지금은 VGA 만을 지원 하기 때문입니다. 그럼 이제 이것들을 이용한 각종 객체의 정의 를 살펴보도록 하겠읍니다. /* object define */ class hwindow { private: char *titl; wcolor color; width size; public: hwindow(char *t,wcolor c,width s); hwindow() {} ~hwindow(); wcolor rcolor() { return color; } width rsize() { return size; } void draw_hwindow(int x,int y); void load(char *t,wcolor c,width s); void scrup(int x,int y,int n); void scrdown(int x,int y,int n); void clrscr(int x,int y); }; 우선 윈도우... 스크롤 업/다운 루틴,클리어 루틴등을 공용멤버 로 가지고 있네요.. 전용멤버는 title 과 wcolor 형의 color,width 형의 size 입니다. class hbox { private: char *items[MAXITEM]; wcolor color; width size; char *buff; public: hbox(char *i[MAXITEM],wcolor c,width s); hbox() {} ~hbox(); wcolor rcolor() { return color; } width rsize() { return size; } void draw_hbox(int x,int y); void save_hbox(int x,int y); void restore_hbox(int x,int y); void load(char *i[MAXITEM],wcolor c,width s); }; hbox 는 items 라는 전용멤버를 가지는 것이 특색입니다. 이는 특정 item 들을 box 안에 세로로 늘어놓는 것입니다. class hbar { private: bcolor color; width size; public: hbar(bcolor c,width s); hbar() {} bcolor rcolor() { return color; } width rsize() { return size; } void draw_hbar(int x,int y,int option); void load(bcolor c,width s); }; hbar 는 Text 가 없는 것이 특색입니다. 그저 화면에 Bar 를 그 리고 말죠. 하지만 draw_hbar 함수의 세번째 인자를 보면 option 이 있읍니다. 이 옵션은 hbar 를 DRAW,ERASE 중에서 선택할 수 있도록 되어 있읍니다. bar 를 움직이고자 할때 DRAW,ERASE 를 적당히 선택하면 되는 것입니다. class hbutton { private: char *item; width size; wcolor color; public: hbutton(char *i,wcolor c,width s); hbutton() {} ~hbutton(); width rsize() { return size; } wcolor rcolor() { return color; } void draw_hbutton(int x,int y,int push); void load(char *i,wcolor c,width s); }; hbutton 은 item ( 1 개의 스트링 ) 을 받아서 버튼을 그려줍니 다. 역시 draw_hbutton 함수에는 push 옵션이 있어서 PUSH,NOPUSH 에 의해서 버튼을 그릴수 있도록 되어 있읍니다. 이 러한 클래스 정의는 사실 그 구조 자체를 체계적으로 하는 것이 필요합니다. 저는 C++ 을 접한 지가 얼마 되지 않았기에 C++ 의 특성을 제대로 살렸다고는 할 수 없읍니다. 진정으로 C++ 의 기 능을 이용하려면 윈도우와 같은 대형 객체는 다중상속에 의해서 구현되어야 할 것입니다. 지금은 전용멤버를 클래스로 하는 편법 을 사용하고 있는데 알아보기는 편하지만 역시 C++ 의 특성을 살 렸다고는 할 수 없겠읍니다. 그럼 이제 C++ 의 특징에 따라 선언 과 동시에 위의 객체들을 초기화 할 수 있는데 아래의 예를 하나 보겠읍니다. width testw(200,200); wcolor testc(2,WHITE,DARKGRAY,0); // 2,0 은 상수 hwindow testh("한글윈도우",testc,testw); 위의 선언은 크기 200x200. title 은 '한글윈도우' 이며 Title Fore 는 WHITE,Back 은 DarkGray 인 한글윈도우 testh 를 선언해 줍니다. 이렇게 선언해 놓으면 testw,testc 는 다른 객체에도 다 시 사용할 수 있읍니다. 또한 윈도우를 그리는 작업은 다음과 같 이 하면 됩니다. testh.draw_hwindow(10,10); 이는 10,10 부터 위에서 정의된 윈도우를 화면에 그려줍니다. 다 른 객체들도 마찬가지로 하면 됩니다. 단 box 의 초기화 인자는 items 인데 string 들의 배열입니다. 여기서는 이 배열의 끝을 인식하기 위해서 "" 를 사용했읍니다. 아래의 정의를 봅시다. char *items[]={ "ABCD","테스트","" }; width testw(200,200); wcolor testc(2,WHITE,DARKGRAY,0); hbox testh(items,testc,testw); 이 "" 가 없으면 이상동작이 발생하니 주의해 주세요. 에러처리 에 대해서는 거의 무력하니..쩝.(허르미는 에러처리가 싫다!).그 럼 이제 이렇게 정의된 부분을 화면에 그려주는 루틴이 필요할 것입니다. 기본적으로는 hgHline,hgVline 함수만을 가지고 (가로 선긋기,세로선긋기) 적당히 조합하여 각종 객체를 화면에 그려주 고 있읍니다. 가장 중요하고 많이 쓰이는 루틴은 네모 그리기 입 니다. 즉 Box 를 그리는데.. 양각,음각을 고려해야 합니다. 여기 서 처음의 bstyle 클래스가 쓰이게 되는 것입니다. 아래의 함수 를 봅시다. x1,y1,x2,y2 는 좌표,sty[4] 는 각각 back,color1,color2,deep 가 되겠읍니다. fill 은 옵션으로 이것 이 FILL 이면 일단 x1,y1~x2,y2 를 지우고 시작하게 됩니다. void hgDrawBorder(int x1,int y1,int x2,int y2,int sty[4],int fill) { int i; bstyle style(sty[0],sty[1],sty[2],sty[3]); if (fill) hgBoxFill(x1,y1,x2,y2,style.ret_box_back()); for (i=0;i