1: #include <X11/Xlib.h>
2: #include <X11/Xutil.h>
3:
4: /* 色選択関数 */
5:
6: unsigned long mycolor(Display *display, char *color){
7: Colormap cmap;
8: XColor c0,c1;
9:
10: cmap = DefaultColormap(display,0);
11: XAllocNamedColor(display,cmap,color,&c1,&c0);
12: return c1.pixel;
13: }
14:
15:
16: int main(int argc, char *argv[]){
17: Display *display;
18: Window window;
19: Window pen_window[5];
20: Window color_window[5];
21:
22: GC gc;
23: char title[] = "Paint";
24: char icon_title[] = "Paint";
25: unsigned long background;
26: unsigned long foreground;
27: int button_size=40;
28:
29: char *colors[]={
30: "rgb:00/00/00",
31: "rgb:ff/00/00",
32: "rgb:00/ff/00",
33: "rgb:00/00/ff",
34: "rgb:ff/ff/00",
35: };
36:
37: int current_pen=2;
38: unsigned long current_color=0;
39: int x0, y0, x1, y1;
40: int i;
41:
42: display = XOpenDisplay(NULL);
43:
44: background = WhitePixel(display, 0);
45: foreground = BlackPixel(display, 0);
46:
47: window = XCreateSimpleWindow(display,
48: DefaultRootWindow(display),
49: 0, 0, 500, 400,
50: 0, 0, background);
51:
52: XSetStandardProperties(display, window, title, icon_title,
53: None, argv, argc, NULL);
54:
55: /* GC を生成し、各種設定を行う */
56: gc = XCreateGC(display, window, 0, 0);
57: XSetBackground(display, gc, background);
58: XSetForeground(display, gc, current_color);
59: XSetLineAttributes(display, gc, current_pen,
60: LineSolid, CapRound, JoinMiter);
61:
62: /* メインウィンドウのイベントマスクを設定 */
63: XSelectInput(display, window,
64: ExposureMask |
65: ButtonPressMask |
66: ButtonMotionMask);
67:
68: /* ペンサイズ・色選択ウィンドウを作成 */
69: for ( i=0 ; i<sizeof(pen_window)/sizeof(pen_window[0]) ; i++ ){
70: pen_window[i] =
71: XCreateSimpleWindow(display, window,
72: 10, (button_size+10)*i+30,
73: button_size, button_size,
74: 1, mycolor(display, "rgb:aa/aa/aa"),
75: mycolor(display, "rgb:ee/ee/ee"));
76: color_window[i] =
77: XCreateSimpleWindow(display, window,
78: 500-10-button_size, (button_size+10)*i+30,
79: button_size, button_size,
80: 1, mycolor(display, "rgb:aa/aa/aa"),
81: mycolor(display, colors[i]));
82: XSelectInput(display, pen_window[i],
83: ButtonPressMask |
84: EnterWindowMask |
85: LeaveWindowMask );
86: XSelectInput(display, color_window[i],
87: ButtonPressMask |
88: EnterWindowMask |
89: LeaveWindowMask );
90: }
91:
92: /* 全てのウィンドウをマップ */
93: XMapWindow(display, window);
94: XMapSubwindows(display, window);
95:
96: while (1){
97: XEvent event;
98: XNextEvent(display, &event);
99: switch (event.type){
100:
101: case Expose: /* 再描画 */
102: for ( i=0 ; i<sizeof(pen_window)/sizeof(pen_window[0]) ; i++ ){
103: int pen_size = i*3+2;
104: /* ペンサイズウィンドウを再描画 */
105: XSetForeground(display, gc, foreground);
106: XFillArc(display, pen_window[i], gc,
107: button_size/2-pen_size/2, button_size/2-pen_size/2,
108: pen_size, pen_size, 0, 360*64);
109:
110: }
111: break;
112:
113: case EnterNotify: /* ウィンドウにポインタが入った */
114: XSetWindowBorder(display, event.xany.window,
115: mycolor(display, "black"));
116: break;
117:
118: case LeaveNotify: /* ウィンドウからポインタが出た */
119: XSetWindowBorder(display, event.xany.window,
120: mycolor(display, "rgb:aa/aa/aa"));
121: break;
122:
123: case MotionNotify: /* ボタンを押しながらマウスが動いた */
124: x1 = event.xbutton.x;
125: y1 = event.xbutton.y;
126: XDrawLine(display, window, gc, x0, y0, x1, y1);
127: x0 = x1; y0 = y1;
128: break;
129:
130: case ButtonPress: /* ボタンが押された */
131:
132: /* キャンバス上で押された? */
133: if ( event.xany.window == window ){
134: x0 = event.xbutton.x;
135: y0 = event.xbutton.y;
136: XDrawLine(display, window, gc, x0, y0, x0, y0);
137: break;
138: }
139:
140: /* ペンサイズ/色選択ウィンドウ上で押された? */
141: for ( i=0 ; i<sizeof(pen_window)/sizeof(pen_window[0]) ; i++ ){
142: /* ペンサイズを変更 */
143: if ( event.xany.window == pen_window[i] ){
144: current_pen = i*3+2;
145: XSetLineAttributes(display, gc, current_pen,
146: LineSolid, CapRound, JoinMiter);
147: break;
148: }
149: /* 色を変更 */
150: if ( event.xany.window == color_window[i] ){
151: current_color = mycolor(display, colors[i]);
152: XSetForeground(display, gc, current_color);
153: break;
154: }
155: }
156: break;
157: }
158: }
159: }
42: display = XOpenDisplay(NULL); 43: 44: background = WhitePixel(display, 0); 45: foreground = BlackPixel(display, 0); 46: 47: window = XCreateSimpleWindow(display, 48: DefaultRootWindow(display), 49: 0, 0, 500, 400, 50: 0, 0, background); 51: 52: XSetStandardProperties(display, window, title, icon_title, 53: None, argv, argc, NULL);500x400 で背景が白のメインウィンドウを生成するんだけど、これまでと同じだね。
56: gc = XCreateGC(display, window, 0, 0); 57: XSetBackground(display, gc, background); 58: XSetForeground(display, gc, current_color); 59: XSetLineAttributes(display, gc, current_pen, 60: LineSolid, CapRound, JoinMiter);GC を生成し、背景色を白、前景色を黒 (current_color==0) に設定する。 また、XSetLineAttributes で線の太さを2 (current_pen の初期値) にする。 LineSolid・CapRound・JoinMiter は線の属性を表す定数である。
63: XSelectInput(display, window, 64: ExposureMask | 65: ButtonPressMask | 66: ButtonMotionMask);イベントを選択する。これまで通り Expose イベントを受け取りたいので、 ExposureMask を指定している。さらに ButtonPressMask・ButtonMotionMask を 指定することで、ButtonPress イベントと ButtonMotion イベントが通知されるようになる。 ButtonPress イベントはマウスボタンのクリック時に発生し、 ButtonMotion イベントはマウスボタンをクリックしたままマウスポインタを 動かした時、つまりドラッグ時に発生する。マウスをドラッグしようとすると、 最初のクリックで ButtonPress イベントが発生し、マウスを動かすたびに ButtonMotion イベントが発生するわけだ。
次に、左側に5個のペン選択ウィンドウ、右側に5個の色選択ウィンドウを作る。
19: Window pen_window[5]; 20: Window color_window[5];
27: int button_size=40;
28:
29: char *colors[]={
30: "rgb:00/00/00",
31: "rgb:ff/00/00",
32: "rgb:00/ff/00",
33: "rgb:00/00/ff",
34: "rgb:ff/ff/00",
35: };
button_size はペン選択・色選択ボタンのサイズである。縦・横とも同じサイズになる。
colors は、色選択ウィンドウの色である。上から順に黒・赤・緑・青・黄色を表している。
69: for ( i=0 ; i<sizeof(pen_window)/sizeof(pen_window[0]) ; i++ ){
70: pen_window[i] =
71: XCreateSimpleWindow(display, window,
72: 10, (button_size+10)*i+30,
73: button_size, button_size,
74: 1, mycolor(display, "rgb:aa/aa/aa"),
75: mycolor(display, "rgb:ee/ee/ee"));
76: color_window[i] =
77: XCreateSimpleWindow(display, window,
78: 500-10-button_size, (button_size+10)*i+30,
79: button_size, button_size,
80: 1, mycolor(display, "rgb:aa/aa/aa"),
81: mycolor(display, colors[i]));
82: XSelectInput(display, pen_window[i],
83: ButtonPressMask |
84: EnterWindowMask |
85: LeaveWindowMask );
86: XSelectInput(display, color_window[i],
87: ButtonPressMask |
88: EnterWindowMask |
89: LeaveWindowMask );
90: }
左側に5個のペン選択ウィンドウ、右側に5個のペン選択ウィンドウを作る。
69: for ( i=0 ; i<sizeof(pen_window)/sizeof(pen_window[0]) ; i++ ){
というのは、配列の要素数を自動的に調べて、その数だけループを回している。
結構有名なテクニックだ (sizeof を計算するのはプリプロセッサなので、
実行時に動的に評価しているわけではない)。
70: pen_window[i] = 71: XCreateSimpleWindow(display, window, 72: 10, (button_size+10)*i+30, 73: button_size, button_size, 74: 1, mycolor(display, "rgb:aa/aa/aa"), 75: mycolor(display, "rgb:ee/ee/ee"));ペン選択ウィンドウを作る。メインウィンドウと同じく XCreateSimpleWindow を使うが、 注目して欲しいのは第2引数の window。第2引数は、上位のウィンドウ (親ウィンドウ) を指定する。これまでは DefaultRootWindow(display)
ここまでで
![[お絵書きプログラム]](img/xlib-3-1.gif)
![[お絵書きプログラム]](img/xlib-3-2.gif)