리눅스 기타 자료
HomePage Backward Forward Post Reply List
Delete Modify
  제목   X-Windows Programming #6 1998/07/04 (16:31)
이름 김효원
번호 46
조회 359
본문
『리눅스 학당-리눅스 강좌 / 연재 (go LINUX)』 236번
제  목:[강좌 06] X 프로그래밍 기초 : Xlib                          
올린이:geoman  (이만용  )    96/04/16 11:13    읽음:2165 관련자료 없음
-----------------------------------------------------------------------------


/* X Window 그래픽 */


아직 창에 대하여 할 이야기들은 많이 남아 있지만, 너무 썰렁한 창만 가지고 이리
저리 장난치는 것은 그만두고 당분간은 GRAPHICS 에 대하여 공부해보도록 하겠습니
다.


8) X 윈도우 그래픽의 기본 개념


1. 어디에(Where) 그릴 것인가?

뭐, 너무 당연한 것 아니겠어요? 창(Window) 안에다 그림을 그리겠지요. 하지만,
오직 그것만은 아니랍니다. 창 말고도 그릴 수 있는 곳이 있는데, 그것을 Pixmap
이라고 합니다. 중요한 자료형(Variable Type) 중에 Window와 Pixmap 이 두 가지가
있는데, 이 두 개를 합쳐서 자료형 Drawable이라고 합니다. Drawable? 자, 그림을
그리는 것이 가능하다는 뜻이죠? 어디서 본 것도 같죠? 바로 전번 강의 XGetGeo-
metry 함수에서 잠깐 나왔던 녀석입니다. 당분간 계속 창에다만 그릴 것이오니,
Pixmap에 대한 설명을 다음으로 미룹니다. 이렇게 미뤄도 되냐구요? 걱정하지 마십
시요. Drawable 자료형이라고 되어 있는 것은 Window나 Pixmap 두 가지에 똑같이
적용되므로 새롭게 배우실 필요가 없고 이해하시기도 쉬울 겁니다.

2. 어떤 붓을 가지고? ( Graphics Context )

큰 붓, 작은 붓 ... 빨간색, 노란색, 주황색 ... 무엇인가를 그릴 때 자신의 구미에
맞게 다양한 도구를 선택할 수 있어야 하겠죠? X 윈도우 시스템은 Graphics Context
첫글자만 따서 GC라고 하는 아주 특별한 자원(Resource)을 가지고 있습니다.
요 GC라고 하는 것에 과연 어떻게(How) 그릴 것인가? 라는 문제에 대한 정보를 전
적으로(!) 가지고 있습니다. 항상 자원은 서버가 독재적으로(!) 관리를 하는 모습
을 여기서도 엿볼 수 있군요. :)

3. 어떤 것을 그릴 수 있는가? ( 그래픽 내용 )

그래픽에 기본인 점(Point), 선(Line)을 그릴 수 있습니다. 하나의 점, 하나의 선
을 그리라고 서버에게 요청하는 함수들이 당연히 구비되어 있고, 여기에 개발자
편리를 위해서 여러 개의 점, 여러 개의 선을 그리는 함수, 사각형, 원호 등등을
그리도록 요청하는 함수가 또한 준비되어 있습니다. 마지막으로 텍스트 문자를 그
려낼 수 있는 함수들이 있어서 원하는 폰트를 가지고 문자를 표현할 수 있습니다.
X 윈도우는 GUI 체제이므로 글자 또한 쓰는 게 아니라 다른 도형과 마찬가지로 그
리는 것이죠. :) 참고로 여러분이 슬랙을 설치할 때 PEX 라이브러리를 설치하셨다
면 3차원 그래픽을 아주 쉽게 그릴 수 있습니다. 나중에 기회가 되면 약간 설명을
드릴 예정입니다만...


8-1) 그래픽의 기본 절차


어떤 프로그래밍이든 마찬가지이겠지만, X 윈도우 프로그래밍은 어떤 일을 수행하
든지 정해져 있는 몇 단계의 절차를 따라야 합니다. 이러한 절차를 머리 속에 항상
기억하실 수 있는 분들이야말로 X 윈도우 프로그래밍 도사들이 되시는 겁니다.

< 기본 절차 >

1. 우선 그릴 대상이 미리 준비되어 있어야 하겠죠? 우리는 XCreateSimpleWindow
   함수를 통해 창을 만들어 놓으면 됩니다.
2. 중요!!! 그 다음에는 GC라고 하는 특별한 자원을 서버에게 만들어 달라고 요청
   합니다. 그리고 우리는 GC의 ID만 서버에게서 반환을 받습니다. 우리가 GC 자체
   내용을 다 가져올 수는 없습니다. 단지! 그 ID만 가져옵니다.
3. 그리고 싶은 스타일을 정하고 GC의 특정값을 바꾸어 달라고 요청합니다.
   예를 들어 선의 굵기, 점선이냐 실선이냐, 색상은 어떤 것으로 하느냐 등등
4. 그리고 싶은 도형을 선택해서 알맞는 함수를 호출하여 점이든 선이든 사각형이
   든가에 어떤 창에 어떤 GC를 이용해서 그리라고 서버에게 요청합니다.

지금부터는 이 순서 그대로 설명을 해나갈 것입니다. 위 기본절차를 꼭 기억하세요.


8-2) 우선 GC 를 만들자.

기본 절차 1.에 대해서는 설명드리지 않습니다. 창 만드는 거 지금까지 해왔잖아요?

함수의 원형 : <X11/Xlib.h>

GC XCreateGC ( Display *display,
Drawable drw,
unsigned long bitmask,
XGCValues *values
     );

bitmask, XGCValues 형 변수 values에 대한 설명만이 필요하겠군요.

< XGCValuse 형 변수 구조체에 대한 설명 >

<X11/Xlib.h>에 정의되어 있는 XGCValues구조체엔 다음과 같은 멤버들이 있습니다.

------------------------------------------------------------------------------
# 멤 버 명 비트 매스트 기본값
------------------------------------------------------------------------------
1 int function GCFunction GXCopy
2 unsigned long plane_mask GCPlaneMask 모두 1
3 unsigned long foreground GCForeground 0
4 unsigned long background GCBackground 1
5 int line_width GCLineWidth 0
6 int line_style GCLineStyle LineSolid
7 int cap_style GCCapStyle CapButt
8 int join_style GCJoinStyle JoinMiter
9 int fill_style GCFillStyle FillSolid
10 int fill_rule GCFillRule EvenOddRule
11 int arc_mode GCArcMode ArcPieSlice
12 Pixmap tile GCTile ?
13 Pixmap stipple GCStipple ?
14 int ts_x_origin GCTileStipXOrigin 0
15 int ts_y_origin GCTileStipYOrigin 0
16 Font font GCFont ?
17 int subwindow_mode GCSubwindowMode ClipByChildren
18 Bool graphics_exposures GCGraphicsExposures True
19 int clip_x_origin GCClipXOrigin 0
20 int clip_y_origin GCClipYOrigin 0
21 Pixmap clip_mask GCClipMask None
22 int dash_offset GCDashOffset 0
23 char dashes GCDashList 4

비트 매스크 매크로와 기본값에서의 매크로는 <X11/Xlib.h> 화일에서 자동으로
포함(#include)하는 <X11/X.h> 화일의 GRAPHICS DEFINITION 부분에 정의되어 있으
니 그 부분을 찾아보시기 바랍니다. ? 표한 부분은 아직은 알 필요가 없거나 16번
Font의 경우에는 시스템마다 다른 다른 값이므로 정해지지 않은 값이라는 뜻입니다.

위 도표를 주의깊게 살펴보십시요. 멤버명과 비트 매스크명 사이에는 한 눈에도 척
알아볼 수 있는 명명규칙이 있습니다. 비트 매스명은 항상 GC로 시작하고 멤버명이
소문자인 것과 달리 항상 대문자, 그리고 단어마다 대문자를 씁니다. 멤버명에 있
는 대쉬(-) 문자는 없앱니다. 멤버명을 소문자로만 썼기 때문에 단어구별을 위해
대쉬가 들어간 것에 불과하니까요. 이러한 명명 방식은 X 전반에 사용되고 있으니
소홀히 넘기지 마시기 바랍니다.

프로그램 내에서 보통 다음과 같은 과정을 통해 GC를 서버 측에 생성,등록시키고
ID를 입수합니다.

Display *display; /* 디스플레이 서버의 ID */
Window window; /* 생성될 창의 ID */
GC gc; /* 우리가 사용할 붓 */
XGCValues gvalue; /* 붓의 속성을 지정할 때 그 속성을 저장해둘 변수 */

...

/* 우리가 원하는 그래픽 속성만을 셋팅한다 */
gvalue.line_width = 20;
gvalue.line_style = LineOnOffDash;
gvalue.cap_style = CapRound;
gvalue.join_style = JoinRound; /* 주의 */

gc = XCreateGC ( display, window, GCLineWidth | GCLineStyle | GCCapStyle,
 &gvalue );

/* 여기서 눈여겨 볼 것은 GCLineWidth | GCLineStyle | GCCapStyle 부분이다.
   우리가 XGCValues 형 변수 gvalue에 셋팅한 속성의 매스크를 OR 형식으로
   지정해주어야 한다.  */

붓을 처음 만들 때부터 미리 몇 가지 속성을 만들어 놓고 시작하는 전형적인 방식
입니다. 비트 매스크 쓴 방식을 정말로 유심히 살펴보십시요. 그러면 한 가지 사
실을 눈치채실 수 있습니다. /* 주의 */라고 한 줄에서 두 줄이 이어질 때 어떤
모양으로 이어질지에 대하여 정해주었지만 GC를 만들 때 비트 매스크에서 GCJoin-
Style 을 넣어주지 않았기 때문에 속성이 되지 못합니다. 어떻게 보면 당연하죠?
컴퓨터가 무슨 재주로 우리가 무슨 값을 원하는지 알겠습니다. 이러저러한 것을
지정해 두었으니 그것을 셋팅하라. 이런 식으로 자세히 알려주지 않으면 안됩니다.


8-3) GC의 스타일 설정하기

매번 GC를 만들 때만 속성을 정할 수 있는 것은 아닙니다. 이미 빨강 물감을 적신
붓이라 하더라도 물에 씻어내고 파랑 물감을 적실 수도 있는 것 아니겠습니까?

함수의 원형 : <X11/Xlib.h>

XChangeGC ( Display *display,
GC gc,
unsigned long mask,
XGCValues *gvalues
  );

사용법은 위에서와 같습니다. 붓의 속성을 바꾸고 싶을 때는 XGCValues 형 변수의
멤버에 적절한 값을 셋팅한 후, 이 함수를 부르면 됩니다. 비트매스크를 잘 쓰셔
야겠죠?


8-4) 이제 물감에 적신 붓으로 그려봅시다.

(1) 점 그리는 함수

함수 원형 : <X11/Xlib.h>

XDrawPoint( Display *display, Drawable d, GC gc, int x, int y );
XDrawPoints ( Display *display, Drawable d, GC gc, XPoint *points,
int npoints, int mode );

typedef struct {
short x, y;
} XPoint;
/* 참고 : XSegment, XRectangle, XArc */

XDrawPoints 함수는 뒤에 복수형임을 의미하는 s가 붙은 것에 유의합시다. 여러 개
의 점을 XPoint 형 구조체 배열에 넣어서 한 번의 함수 부르기로 그리고자 할 때
유용합니다. 모든 스타일에 대한 셋팅은 항상 GC 형 변수가 가리키는 서버의 메모리
에 있다는 것을 기억합시다. npoints 변수는 점 배열의 갯수를 지정해줍니다.
mode 에는 다음 두 가지가 있는데 CoordModeOrigin은 주어진 모든 좌표가 Drawable
의 원점에 대한 좌표로 주어졌음을 의미하며, CoorDModePrevious는 최초의 점만
Drawable 원점에 대한 좌표이며 나머지는 바로 직전의 점에 대한 상대 좌표로 표시
되어 있음을 나타내줍니다.


(2) 직선 그리는 함수

함수 원형 : <X11/Xlib.h>

XDrawLine( Display *display, Drawable d, GC gc, int x1, int y1,
int x2, int y2 );
XDrawLines( Display *display, Drawable d, GC gc, XPoints *points,
int npoints, int mode );
XDrawSegments( Display *display, Drawable d, GC gc, XSegment *segments,
int nsegments );

첫번째 함수는 Drawable 내에서 ( x1, y1 )에서 ( x2, y2 ) 좌표까지 선을 긋는
아주 일반적인 함수입니다. 두번째 함수는 연필 떼지 않고 그리기를 말합니다.
XPoint 구조체 배열의 점들이 계속 이어지는 형태로 그려진다. 좌표에 대한 표기는
mode 값으로 합니다. 점 그리는 함수 XDrawPoints에서와 같습니다.
세번째 XDrawSegments는 두번째 함수와 달리 연속된 배열의 점들을 한 쌍 씩 묶어
서 선을 여러 개 그린다. (x1,y1)에서 (x2,y2)에 긋고, 다시 (x3,y3)에서 (x4,y4)
에 긋는 방식입니다.

선 스타일이 많으므로 Xlib에 대한 레퍼런스 PS 화일 등을 구하는 것이 좋습니다.
책을 사지 않아도 완벽한 설명서가 될 만큼 잘 만들어져 있습니다.

참고 함수 : XSetLineAttributes ()
    XSetDash ()

(3) 직사각형 그리는 함수

함수 원형 : <X11/Xlib.h>

XDrawRectangle ( Display *display, Drawable d, GC gc, int x, int y,
unsigned int width, unsigned int height );
XDrawRectangles( Display *display, Drawable d, GC gc,
XRectangle rectangels[], int nrectangles );

(4) 그래픽에 관심이 많으신 분들은 스스로 나머지 함수들을 조사하시기 바랍니다.
이것에 만족하시지 못하는 분들은 3D 그래픽 라이브러리인 PEXlib 에 대한 공부를
하시면 됩니다. 이것에 대한 내용은 Xlib 프로그래밍 수준을 넘어서고 그 자체로
도 방대하기 때문에 여러분의 의지에 맡깁니다.


위에서 설명한 함수들을 가지고 다음에는 실습을 해보기로 합시다.
그리고 간략하게 폰트를 가지고 문자열 나타내기를 다루어보겠습니다.

X 프로그래밍 열심히 하십시요. :)
HomePage Backward Forward Post Reply List
1998 by swindler