| 리눅스 기타 자료 |
|---|
|
|
|
| 제목 | gtk 강좌 #13 1998/07/10 (17:35) |
| 이름 | 김효원 |
| 번호 | 97 |
| 조회 | 345 |
| 본문 |
『리눅스 학당-번역물 (go LINUX)』 206번 제 목:[번역] gtk Tutorial, Chap21~24입니다. 올린이:중앙자대(이훈 ) 98/03/11 16:30 읽음:171 관련자료 없음 ----------------------------------------------------------------------------- ****************************** *** 21. GTK 어플을 개발하는 팁 ****************************** 이 부분은 단지 좋은 GTK 어플을 개발할 수 있도록 일반적인 스타일의 조언과 힌트 등을 다루고 있다. 이것은 지금으로선 제목만 그렇다는 것이고, 따라서 전혀 필요없을 것이다. :) GNU autoconf와 automake를 이용하라! 그들은 우리 친구다. :) 나는 이들에 대한 간단한 소개를 해줄 계획이 있다. ******************** *** 22. Contributing ******************** 이 문서는, 다른 수많은 소프트웨어들과 마찬가지로, 자유로운 이용을 위해서 자발적으로 만들어진 것이다. 만약 여러분이 아직 문서화되지 않은 GTK의 어떤 기능에 대해 확실히 지식을 가지게 된다면, 여러분 자신도 이 문서에 기여해 볼 것을 고려해 보자. 만약 기여하겠다고 마음먹었다면, 여러분의 글을 slow@intergate.bc.ca, 즉 나 Ian Main에게 보내주기 바란다. 또한, 이 문서는 완전히 자유로운 것이며 여러분에 의한 어떤 추가사항 역시 자유다. 즉 사람들은 그들의 프로그램을 위해 여러분의 글의 어떤 부분이라도 이용할 것이고, 또 문서의 복제품은 원하는 대로 배포될 것이다. THANK YOU *************** *** 23. Credits *************** 이 문서에 공헌한 다음 사람들에게 감사한다. *** Bawer Dagdeviren, chamele0n@geocities.com FOR the menus tutorial. *** Raph Levien, raph@acm.org FOR hello world ala GTK, widget packing, and general all around wisdom. He's also generously donated a home for this tutorial. *** Peter Mattis, petm@xcf.berkeley.edu FOR the simplest GTK program.. and the ability to make it :) *** Werner Koch werner.koch@guug.de FOR converting the original plain text to SGML, and the widget class hierarchy. *** Mark Crichton crichton@expert.cc.purdue.edu FOR the menu factory code, and the table packing tutorial. *** Owen Taylor owt1@cornell.edu FOR the EventBox widget section (and the patch to the distro). He's also responsible for the selections code and tutorial, as well as the sections on writing your own GTK widgets, and the example application. Thanks a lot Owen for all you help! *** Mark VanderBoom mvboom42@calvin.edu FOR his wonderful work on the Notebook, Progress Bar, Dialogs, and File selection widgets. Thanks a lot Mark! You've been a great help. *** Tim Janik timj@psynet.net FOR his great job on the Lists Widget. Thanks Tim :) *** Rajat Datta rajat@ix.netcom.com FOR the excellent job on the Pixmap tutorial. *** Michael K. Johnson johnsonm@redhat.com FOR info and code for popup menus. 그리고 도움을 주고 더 세련된 문서가 되도록 해준 모든 이들에게도 감사한다. Thanks. *************** *** 24. Copying *************** This tutorial is Copyright (C) 1997 Ian Main This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program; if not, write to the Free Software Foundation, Inc., 675 Mass Ave, Cambridge, MA 02139, USA. 歌� 그들의 parent 윈도 안에 그려넣는다. 이런 widget은 다음과 같은 것들이다. GtkAlignment GtkArrow GtkBin GtkBox GtkImage GtkItem GtkLabel GtkPaned GtkPixmap GtkScrolledWindow GtkSeparator GtkTable GtkViewport GtkAspectFrame GtkFrame GtkVPaned GtkHPaned GtkVBox GtkHBox GtkVSeparator GtkHSeparator 이런 이벤트들을 탐지하기 위해 우리는 EventBox widget을 필요로 한다. 자세 한 것은 EventBox widget에 대한 부분을 참조하라. 우리의 그리기 프로그램에서 는 마우스 버튼이 눌러지는 것과 움직이는 것을 탐지하고 싶어하므로, GDK_ POINTER_MOTION_MASK와 GDK_BUTTON_PRESS_MASK를 설정한다. 우리는 또한 윈도가 다시 그려져야 할 때를 알아야 하므로 GDK_EXPOSURE_MASK도 설정한다. 비록 우리는 윈도의 크기가 변했을 때를 Configure event로써 탐지해야 하지만, 우리는 이를 위해 GDK_STRUCTURE_MASK flag를 설정할 필요가 없다. 이것은 모든 윈도에 대해 자동적으로 설정되기 때문이다. 그런데 GDK_POINTER_MOTION_MASK를 설정 하는 데 있어 문제점이 있다는 것이 밝혀질 것이다. 이것은 사용자가 마우스를 움직일 때마다 서버가 event queue에 motion event를 계속 더할 것이다. 어떤 motion event를 다루기 위해 0.1초가 걸린다고 생각해 보자. 그러나 X 서버는 매 0.05초마다 새로운 motion을 queue에 저장한다. 우리는 곧 사용자가 그리는 데 대한 방법을 가지게 될 것이다. 만약 사용자가 5초동안 그림을 그리면, 그들이 마우스 버튼을 놓고 난 후 또다른 5초가, 그것을 잡아내기 위해 필요하게 될 것이다. 우리가 원하는 것은 진행되는 각각의 이벤트에 대해 단 하나의 motion event를 탐지하는 것이다. 이렇게 하기 위해서 우리는 GDK_POINTER_MOTION_HINT_ MASK를 설정한다. 우리가 GDK_POINTER_MOTION_HINT_MASK를 설정하면, 서버는 마우스 포인터가 우리의 윈도에 들어오고 나서 또는 버튼의 press나 release 이벤트가 발생하고 나서 처음으로 움직일 때 motion event를 보내준다. 뒤따르는 motion event는 우리가 아래의 함수로써 분명하게 마우스 포인터의 위치를 물어볼 때까지 억제될 것이다. GdkWindow* gdk_window_get_pointer (GdkWindow *window, gint *x, gint *y, GdkModifierType *mask); (더 간단한 쓰임새를 가진 gtk_widget_get_pointer()라는 함수도 있지만, 그다지 유용하지는 않음이 드러날 것이다. 왜냐하면 그것은 마우스 버튼의 상태에 관계 없이 포인터의 위치만을 말해주기 때문이다.) 우리의 윈도에 이벤트를 세팅하는 코드는 그러므로 이런 식으로 될 것이다. gtk_signal_connect (GTK_OBJECT (drawing_area), "expose_event", (GtkSignalFunc) expose_event, NULL); gtk_signal_connect (GTK_OBJECT(drawing_area),"configure_event", (GtkSignalFunc) configure_event, NULL); gtk_signal_connect (GTK_OBJECT (drawing_area), "motion_notify_event", (GtkSignalFunc) motion_notify_event, NULL); gtk_signal_connect (GTK_OBJECT (drawing_area), "button_press_event", (GtkSignalFunc) button_press_event, NULL); gtk_widget_set_events (drawing_area, GDK_EXPOSURE_MASK | GDK_LEAVE_NOTIFY_MASK | GDK_BUTTON_PRESS_MASK | GDK_POINTER_MOTION_MASK | GDK_POINTER_MOTION_HINT_MASK); "expose_event"와 "configure_event"는 다음을 위해서 남겨둔다. "motion_ notify_event"와 "button_press_event"의 핸들러는 꽤 간단하다. static gint button_press_event (GtkWidget *widget, GdkEventButton *event) { if (event->button == 1 && pixmap != NULL) draw_brush (widget, event->x, event->y); return TRUE; } static gint motion_notify_event (GtkWidget *widget, GdkEventMotion *event) { int x, y; GdkModifierType state; if (event->is_hint) gdk_window_get_pointer (event->window, &x, &y, &state); else { x = event->x; y = event->y; state = event->state; } if (state & GDK_BUTTON1_MASK && pixmap != NULL) draw_brush (widget, x, y); return TRUE; } *** *** 20-3. DrawingArea widget, 그리고 그리기 *** 이제 스크린에 그림을 그리는 과정에 대해 알아보자. 이때 필요한 것은 DrawingArea widget이다. 그림을 그리는 영역의 widget이란 본질적으로 다름 아닌 X윈도다. 이것은 우리가 원하는 것을 무엇이든 그려넣을 수 있는 빈 캔버스다. Drawing area는 이 함수를 이용해서 만들어진다. GtkWidget* gtk_drawing_area_new (void); 이 widget의 디폴트 크기는 이 함수로써 설정한다. void gtk_drawing_area_size (GtkDrawingArea *darea, gint width, gint height); 모든 widget에 대해 원한다면 이 디폴트 크기는 gtk_widget_set_usize()로써 오버로드될 수 있다. 그리고 사용자가 직접 그 drawing area를 포함한 윈도의 크기를 변경하면 역시 오버로드된다. 우리가 DrawingArea widget을 만들 때, 그릴 대상이 무엇인가에 전적으로 주의를 기울여야 한다. 만약 우리의 윈도가 감추어졌다가 다시 드러났다면, 우리는 exposure 마스크를 설정하고 그리고 원래 감추어졌었던 내용이 무엇이었는지 꼭 다시 그려줘야 한다. 덧붙여서, 윈도의 일부분이 지워졌다가 단계적으로 다시 그려지는 것은 시각적으로 산만해질 수 있다. 이런 문제에 대한 해법은 offscreen backing pixmap을 이용하는 것이다. 스크린 위로 바로 그리는 대신, 보이지 않는 서버 메모리에 저장된 어떤 이미지 위에 그려놓고, 이미지가 변했거나 또는 이미지의 새로운 영역이 보여지게 되면 해당하는 영역을 스크린에 복사해 주는 것이다. 어떤 offscreen pixmap을 만들기 위해, 우리는 이 함수를 이용한다. GdkPixmap* gdk_pixmap_new (GdkWindow *window, gint width, gint height, gint depth); 인자 window는 이 픽스맵이 특성을 이어받을 GDK 윈도를 설정한다. width와 height는 픽스맵의 크기를 정한다. depth는 color depth로서, 이 새로운 윈도 에서의 한 픽셀당 비트의 수다. 만약 depth가 -1로 설정되면, 그것은 윈도의 depth와 똑같아진다. 우리는 픽스맵을 "configure_event" handler 안에 만든다. 이 이벤트는 윈도가 처음 생성될 때를 포함해서, 윈도의 크기가 변할 때마다 발생한다. /* 그릴 영역에 대한 backing pixmap */ static GdkPixmap *pixmap = NULL; /* 적당한 크기의 backing pixmap을 하나 만든다. */ static gint configure_event (GtkWidget *widget, GdkEventConfigure *event) { if (pixmap) { gdk_pixmap_destroy(pixmap); } pixmap = gdk_pixmap_new(widget->window, widget->allocation.width, widget->allocation.height, -1); gdk_draw_rectangle (pixmap, widget->style->white_gc, TRUE, 0, 0, widget->allocation.width, widget->allocation.height); return TRUE; } gdk_draw_rectangle()을 부르며 픽스맵을 white로 초기화한다. 여기에 대해 잠깐 더 얘기할 것이다. 그러면 우리의 exposure event handler는 단순히 그 픽스맵의 관계된 portion을 스크린 위로 복사한다(우리는 exposure event의 event->area 필드로써 redraw할 영역을 결정한다). /* Backing pixmap으로부터 스크린을 복구한다. */ static gint expose_event (GtkWidget *widget, GdkEventExpose *event) { gdk_draw_pixmap(widget->window, widget->style->fg_gc[GTK_WIDGET_STATE (widget)], pixmap, event->area.x, event->area.y, event->area.x, event->area.y, event->area.width, event->area.height); return FALSE; } 우리는 이제 픽스맵에 대해 어떻게 스크린을 보존하는지 보았다. 그런데 우리의 픽스맵에 실제로 재미있는 것들을 어떻게 그려넣을까? GTK의 GDK 라이브러리에는 drawables들을 그리는 데 필요한 많은 수의 함수들이 있다. Drawable이란 간단히 어딘가에 그려질 수 있는 그 무엇이다. 여기서 어디란 하나의 window, pixmap, 또는 bitmap(흑백의 이미지)이 될 수 있다. 우리는 이미 이런 함수 두가지를 보았다. gdk_draw_rectangle()과 gdk_draw_pixmap() 이 그것이다. 이 함수들의 완전한 리스트는 이렇다. gdk_draw_line () gdk_draw_rectangle () gdk_draw_arc () gdk_draw_polygon () gdk_draw_string () gdk_draw_text () gdk_draw_pixmap () gdk_draw_bitmap () gdk_draw_image () gdk_draw_points () gdk_draw_segments () 이 함수들에 대해 더 자세히 알려면 참고 문서를 보거나 <gdk/gdk.h> 파일을 보라. 이 함수들은 처음 두 개의 인자를 공통적으로 가진다. 첫 번째는 그려 넣을 drawable, 그리고 두번째는 graphics context(GC)이다. GC는 foreground/ background color나 line width같은, 그려질 것에 대한 정보들을 캡슐화한 것이다. GDK는 GC를 새로 만들고 변형하는데 필요한 모든 함수들을 가지고 있지만, 뭐든지 간단히 유지하기 위해서(Keep things simple) 우리는 이미 정의되어 있는 GC만을 쓸 것이다. 각 widget은 연관된 스타일이 있다(이들은 rc 파일을 편집함으로써 변형가능하다. GTK의 rc 파일에 대한 부분을 참조). 이것은 다른 것들 사이에서 GC의 개수를 저장한다. 이런 GC에 접근하는 몇가지 예를 보이겠다. widget->style->white_gc widget->style->black_gc widget->style->fg_gc[GTK_STATE_NORMAL] widget->style->bg_gc[GTK_WIDGET_STATE(widget)] 필드 fg_gc, bg_gc, dark_gc, light_gc 등은 아래 값들을 가질 수 있는 Gtk StateType이라는 인자로 나타내어진다. GTK_STATE_NORMAL, GTK_STATE_ACTIVE, GTK_STATE_PRELIGHT, GTK_STATE_SELECTED, GTK_STATE_INSENSITIVE 예를들어, GTK_STATE_SELECTED에 대해 디폴트 foreground 색깔은 white이고 background 색깔은 dark blue이다. 실제로 스크린 위로 그리는 함수인 draw_ brush()는 그러므로 이렇게 된다. /* 스크린에 사각형을 하나 그린다. */ static void draw_brush (GtkWidget *widget, gdouble x, gdouble y) { GdkRectangle update_rect; update_rect.x = x - 5; update_rect.y = y - 5; update_rect.width = 10; update_rect.height = 10; gdk_draw_rectangle (pixmap, widget->style->black_gc, TRUE, update_rect.x, update_rect.y, update_rect.width, update_rect.height); gtk_widget_draw (widget, &update_rect); } 우리가 픽스맵 위로 브러쉬를 표시하는 사각형을 그리고 나서, 이 함수를 호출한다. void gtk_widget_draw (GtkWidget *widget, GdkRectangle *area); 이것은 area라는 인자로 주어진 영역이 업데이트되어야 함을 X에게 알려준다. 결국 X는 expose 이벤트를 발생하고, 이것은 우리의 expose 이벤트 핸들러가 관계된 영역을 스크린 위로 복사하게끔 할 것이다. 이제 우리는 main 윈도를 만드는 것 같이 일부 흔한 항목들을 제외하고 이 그리기 프로그램을 모두 살펴보았다. |
|
|
|