ソフトウェア設計及び演習2013

GDK2013::概要

no archive mode

!!! GDKの概要
!! GDK (GIMP Drawing Kit)
* GTKのグラフィック機能
* 線を描いたり、四角を描いたり、丸を描いたり
* GDKの関数は、GLibの関数をそのまま呼び出しているものが多い

!! Cairo（A Vector Graphics Library）
* 最近はGDKの関数で直接描かずに，Cairoを使って書く
* ベクターグラフィックスなのでジャギーがでない
* 多くの出力デバイスに対応

!! 画像
* ２次元配列に「色」が格納されている
* 左上が原点
* 横がｘ軸（左から右に増加、ピクセル）
* 縦がｙ軸（上から下に増加、ライン）

* 配列の１つを「ピクセル(pixel)」と呼ぶ

((img gdk-apple2.jpg))

!! GDK&Cairoで描く
* 手で描くのと比較すると、
||　|---手で描く---|---GDKで描く---|---cairoで描く---
||---媒体---| 画用紙 |[[GDK2013::ドローアブル]]|[[GDK2013::ドローアブル]]
||---道具---|絵の具、筆|[GDK2010::グラフィックコンテキスト|http://wiki.cis.iwate-u.ac.jp/~wiki/Soft.cgi?GDK2010::グラフィックコンテキスト]|[[GDK2013::Cairo]]
||---手段---|手|[GDK2010::描画関数|http://wiki.cis.iwate-u.ac.jp/~wiki/Soft.cgi?GDK2010::描画関数]|[[GDK2013::Cairo]]

((img Gdk-and-Cairo.png))

!! GDKで絵を描く仕組み
* ウィンドウ上に絵を書くときは直接ウィンドウへ描画せず、ドローイングエリアウィジェットを介して行う
* 画面の再描画（exposeイベント）などの処理はユーザが用意しなければならない

+ ドローイングエリアとピクスマップを作成　[[GDK2013::ドローアブル]]<br>
((img gdk-drawingB1.jpg))
+ exposeイベントの設定　[[GDK2013::exposeイベント]]<br>
((img gdk-drawingB1B.jpg))
+ ピクスマップに描画　[[GDK2013::Cairo]]<br>
((img gdk-drawingB2.jpg))
+ gtk_main()をした後に、exposeイベントが起こったらコピー　[[GDK2013::exposeイベント]]<br>
((img gdk-drawingB3B.jpg))

!! サンプル
! ソースプログラムの所在 
* 以下のsvnのリポジトリ
** https://svn.cis.iwate-u.ac.jp/svn/csd/nakaya/cairo_sample/
! 実行手順
8<
 #svnから持ってくる（実行した直下にcairo_sampleディレクトリができる）
 svn export https://svn.cis.iwate-u.ac.jp/svn/csd/nakaya/cairo_sample/
 
 #持ってきたディレクトリに移動
 cd cairo_sample
 
 #make
 make
 
 #実行
 ./cairo_sample
>8

!! リンク
* [GDK Reference Manual|https://developer.gnome.org/gdk2/2.24/]
** GDK 2.24.22対応（システムは2.24.13、2013/10/24現在）、英語

* [Cairo Reference Manual|http://cairographics.org/manual/]
** Cairo 1.12.16対応（システムは1.12.2、2013/10/24現在）、英語

* [[GDK2013::GdkPixbuf]]

* [[GDK2013::アニメーション]]

* [[GDK2013::イベント]]

Tag:

Attachment

New: append-tag

(download: 26653 bytes, at 2013/10/17 13:06:28 )
(download: 21705 bytes, at 2013/10/10 14:01:06 )
(download: 14152 bytes, at 2013/10/17 13:07:00 )
(download: 22238 bytes, at 2013/10/17 13:07:15 )
(download: 23358 bytes, at 2013/10/17 13:07:33 )
(download: 27385 bytes, at 2013/10/17 13:07:43 )
(download: 18 bytes, at 2013/10/10 13:59:50 <frozen> )
(download: 48 bytes, at 2013/10/10 14:02:07 <frozen> )
(download: 3077 bytes, at 2013/10/10 14:07:34 <frozen> )
(download: 3075 bytes, at 2013/10/10 14:12:13 <frozen> )
(download: 2985 bytes, at 2013/10/10 14:27:05 <frozen> )
(download: 2751 bytes, at 2013/10/17 13:08:24 <frozen> )
(download: 2765 bytes, at 2013/10/17 13:10:06 <frozen> )
(download: 2767 bytes, at 2013/10/17 13:16:19 <frozen> )
(download: 2773 bytes, at 2013/10/17 14:43:50 <frozen> )
(download: 2789 bytes, at 2013/10/17 15:02:47 <frozen> )
(download: 2789 bytes, at 2013/10/18 20:01:50 <frozen> )
(download: 2759 bytes, at 2013/10/18 21:15:19 <frozen> )
(download: 2762 bytes, at 2013/10/24 13:18:15 <frozen> )
(download: 2758 bytes, at 2013/10/24 13:23:05 <frozen> )
(download: 2759 bytes, at 2013/10/29 20:44:05 <frozen> )
(download: 2911 bytes, at 2013/10/29 21:16:13 <frozen> )

Syntax Help

URL Link

[text|http://example.com//] http://example.com/to{text}

Page Link

[[PageName]] [[text|PageName]] >>{PageName} >>{PageName}{text}

Image or Attachment

<<{filename} <<{filename}{text}

Text Decoration

'' Italic '' ''' Bold ''' '''' Large-font '''' `` Typewriter `` `?` Preformatted `?` __ Underline __ == Strike == == DEL =={ INS } ((br)) line feed

Special Letter

((amp)) & ((bq)) ` ((lt)) < ((gt)) > ((lp)) ( ((rp)) ) ((lb)) [ ((rb)) ] ((ll)) (( ((rr)) ))

Headline

!!!! site-name !!! section-name !! subsection-name ! subsubsectino-name << section-name >> <<< subsection-name >>> <<<< subsubsection-name >>>> >> Centering and Large-font <<

Itemize

* item1 ** item1-1 ** item1-2

Enumerate

+ item1 + item2 ++ item2-1

Table

|| 1-1 | 1-2 | 1-3 || 2-1 | 2-2 | 2-3

Description

:item ::description

Quotation

6< quotation >9

Preformatted text

8< preformatted-text >8

Edit