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

GDK2015::概要

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で描く---
||---媒体---| 画用紙 |[[GDK2015::ドローアブル]]|[[GDK2015::ドローアブル]]
||---道具---|絵の具、筆|[GDK2010::グラフィックコンテキスト@|http://wiki.cis.iwate-u.ac.jp/~wiki/Soft.cgi?GDK2010::グラフィックコンテキスト]|[[GDK2015::Cairo]]
||---手段---|手|[GDK2010::描画関数@|http://wiki.cis.iwate-u.ac.jp/~wiki/Soft.cgi?GDK2010::描画関数]|[[GDK2015::Cairo]]

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

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

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

!! サンプル
! ソースプログラムの所在 
* 以下のsvnのリポジトリ
** https://svn.cis.iwate-u.ac.jp/svn/csd/kimura/cairo_sample/

! ファイルリスト
* [gtk_lib.h|https://svn.cis.iwate-u.ac.jp/svn/csd/kimura/cairo_sample/gtk_lib.h] [gtk_lib.c|https://svn.cis.iwate-u.ac.jp/svn/csd/kimura/cairo_sample/gtk_lib.c]
** gtkを（ほんの少しだけ）簡単に利用できるようにまとめたラッパー（ライブラリ）
** 以前の講義担当だった鈴木先生が作られたものを少し変更
* [cairo_sample_lib.h|https://svn.cis.iwate-u.ac.jp/svn/csd/kimura/cairo_sample/cairo_sample_lib.h] [cairo_sample_lib.c|https://svn.cis.iwate-u.ac.jp/svn/csd/kimura/cairo_sample/cairo_sample_lib.c]
** cairoの機能を紹介するためのサンプルライブラリ
** 以前に中谷先生が作られたものを少し変更
* [cairo_sample.c|https://svn.cis.iwate-u.ac.jp/svn/csd/kimura/cairo_sample/cairo_sample.c]
** 今回のメインプログラム．cairoを使った5種類のウィジェットとQuitボタンをまとめて表示
! 実行手順
8<
 #svnから持ってくる（実行した直下にcairo_sampleディレクトリができる）
 svn export https://svn.cis.iwate-u.ac.jp/svn/csd/kimura/cairo_sample/
 
 #持ってきたディレクトリに移動
 cd cairo_sample
 
 #make
 make
 
 #実行
 ./cairo_sample
>8

!! リンク
* [GDK Reference Manual|https://developer.gnome.org/gdk2/2.24/]
** GDK 2.26対応（システムは2.26.1，2014/10/30現在），英語

* [Cairo Reference Manual|http://cairographics.org/manual/]
** Cairo 1.14.0対応（システムは1.10.2，2014/10/30現在），英語

* [[GDK2015::GdkPixbuf]]

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

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

Tag:

Attachment

New: append-tag

(download: 26653 bytes, at 2015/03/05 10:01:28 )
(download: 21705 bytes, at 2015/03/05 10:01:28 )
(download: 14152 bytes, at 2015/03/05 10:01:28 )
(download: 22238 bytes, at 2015/03/05 10:01:28 )
(download: 23358 bytes, at 2015/03/05 10:01:28 )
(download: 27385 bytes, at 2015/03/05 10:01:28 )
(download: 18 bytes, at 2015/03/05 10:01:28 <frozen> )
(download: 48 bytes, at 2015/03/05 10:01:28 <frozen> )
(download: 3077 bytes, at 2015/03/05 10:01:28 <frozen> )
(download: 3075 bytes, at 2015/03/05 10:01:28 <frozen> )
(download: 2985 bytes, at 2015/03/05 10:01:28 <frozen> )
(download: 2751 bytes, at 2015/03/05 10:01:28 <frozen> )
(download: 2765 bytes, at 2015/03/05 10:01:28 <frozen> )
(download: 2767 bytes, at 2015/03/05 10:01:28 <frozen> )
(download: 2773 bytes, at 2015/03/05 10:01:28 <frozen> )
(download: 2789 bytes, at 2015/03/05 10:01:28 <frozen> )
(download: 2789 bytes, at 2015/03/05 10:01:28 <frozen> )
(download: 2759 bytes, at 2015/03/05 10:01:28 <frozen> )
(download: 2762 bytes, at 2015/03/05 10:01:28 <frozen> )
(download: 2758 bytes, at 2015/03/05 10:01:28 <frozen> )
(download: 2759 bytes, at 2015/03/05 10:01:28 <frozen> )
(download: 2911 bytes, at 2015/03/05 10:01:29 <frozen> )
(download: 2915 bytes, at 2015/03/05 10:01:29 <frozen> )
(download: 2915 bytes, at 2015/03/05 10:01:29 <frozen> )
(download: 2915 bytes, at 2015/03/05 10:01:29 <frozen> )
(download: 3421 bytes, at 2015/03/05 10:01:29 <frozen> )
(download: 3411 bytes, at 2015/03/05 10:01:29 <frozen> )
(download: 3413 bytes, at 2015/03/05 10:01:29 <frozen> )
(download: 3788 bytes, at 2015/03/05 10:01:29 <frozen> )
(download: 3782 bytes, at 2015/03/05 10:01:29 <frozen> )
(download: 3844 bytes, at 2015/03/05 10:01:29 <frozen> )
(download: 3843 bytes, at 2015/03/05 10:01:29 <frozen> )
(download: 3840 bytes, at 2015/03/05 10:01:29 <frozen> )
(download: 3839 bytes, at 2015/03/05 10:01:29 <frozen> )
(download: 3848 bytes, at 2015/03/05 10:01:28 <frozen> )
(download: 3848 bytes, at 2015/04/24 15:28:15 <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