<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>CEREVO TechBlog &#187; GTK+</title>
	<atom:link href="http://tech.cerevo.com/blog/archives/tag/gtk/feed" rel="self" type="application/rss+xml" />
	<link>http://tech.cerevo.com/blog</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Wed, 02 Sep 2009 08:10:20 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://tech.cerevo.com/blog/archives/tag/gtk/feed" />
		<item>
		<title>なんとなく分かるgtkrcの書き方</title>
		<link>http://tech.cerevo.com/blog/archives/119</link>
		<comments>http://tech.cerevo.com/blog/archives/119#comments</comments>
		<pubDate>Mon, 03 Aug 2009 23:45:17 +0000</pubDate>
		<dc:creator>inagaki</dc:creator>
				<category><![CDATA[組み込みソフトウェア]]></category>
		<category><![CDATA[GTK+]]></category>

		<guid isPermaLink="false">http://tech.cerevo.com/blog/?p=119</guid>
		<description><![CDATA[				こんにちは、稲垣@Cerevoです。
				今回はアセンブリ言語から離れてGTK+に関することを書いてみたいと思います。
				gtrkrcの書き方
				gtkrcをちょっと書いてみようとして、ググったけ [...]]]></description>
			<content:encoded><![CDATA[				<p>こんにちは、稲垣@Cerevoです。<br />
				今回はアセンブリ言語から離れてGTK+に関することを書いてみたいと思います。</p>
				<h2>gtrkrcの書き方</h2>
				<p>gtkrcをちょっと書いてみようとして、ググったけどまともな解説がなくて挫折したという方、<br />
				けっこういるのではないでしょうか?<br />
				実は、書くときに必要な知識はGTK+のドキュメントに書いてあります。<br />
				<a title="Resource Files" href="http://library.gnome.org/devel/gtk/stable/gtk-Resource-Files.html"> http://library.gnome.org/devel/gtk/stable/gtk-Resource-Files.html</a></p>
				<p>しかし他のドキュメントを参照しないと分からない部分もありますし、<br />
				そういう部分に限ってドキュメントのポインタが示されていなかったりするのも事実です。</p>
				<p>そこで、gtkrcを書こうとしたけどよく分からなかったという人や<br />
				自分のプログラムでどう利用したらいいか分からないという人向けに、<br />
				gtkrcの書き方・使い方をまとめてみたいと思います。</p>
				<h2>スタイル</h2>
				<p>GTK+では、色やフォントの設定は<a href="http://library.gnome.org/devel/gtk/stable/GtkStyle.html">スタイル (GtkStyle)</a> としてまとめられています。<br />
				gtkrcでは次のような記述でスタイルを定義します。</p>
				<pre><code>style "hoge" {
   fg  [NORMAL] = "#fff"
   font_name = "M+1P+IPAG 12"
   xthickness = 2
   GtkWidget::focus-line-width = 3
}
</code></pre>
				<h3>色</h3>
				<p>fg bg text base bg_aaの部分の5種類の部分について、<br />
				NORMAL ACTIVE PRELIGHT SELECTED INSENSITIVEの各状態の色を指定します:</p>
				<pre><code>fg[NORMAL] = "#fff"</code></pre>
<p>普段はNORMALの色、カーソルが当たったときはPRELIGHTの色などと使い分けることが想定されているようですが、<br />
実際のところ、これらの色を実際にどこに配置するかはウィジェット次第です。<br />
例えばGtkNotebookはちょっとそれ違わない?って感じの配色をしますね。<br />
極端な話、GtkDrawingやGtkLayoutを使う場合は、5×5=25色のパレットだと思ってしまってもいいかもしれません。<br />
お行儀よくはありませんが。</p>
<h3>フォント</h3>
<pre><code>font_name = "M+1P+IPAG 12"</code></pre>
				<p>などと指定します。fontconfigが面倒を見てくれます。</p>
				<h3>厚み</h3>
				<p>xthicknessとythicknessはボタンの厚みやボックスのマージンなんかに使われる、<br />
				と思います。ほとんどいじったことはありません。</p>
				<h3>各クラス固有のスタイルプロパティ</h3>
				<p>普通のプロパティとは別にスタイルプロパティというものが各クラスに定義されており、<br />
				gtkrcで設定することができます。</p>
				<p>たとえばGtkWidgetには<a title="GtkWidget.style-properties" href="http://library.gnome.org/devel/gtk/stable/GtkWidget.html#GtkWidget.style-properties"><code>focus-line-width</code></a>というスタイルプロパティがあり、</p>
				<pre><code>GtkWidget::focus-line-width = 3 </code></pre>
<p>などと指定すると、<br />
フォーカスの当たっているウィジェットに破線で描かれる枠が太くなります。</p>
<h3>プログラムからの利用</h3>
<p>ウィジェットはスタイルを持っており、公開されていますから、普通にポインタでアクセスできます。<br />
例えばNORMAL状態の前景色のGdkGCは</p>
<pre><code>widget-&gt;style-&gt;fg_gc[GTK_STATE_NORMAL]</code></pre>
				<p>としてアクセスできます。<br />
				プログラムの中でGdkGCやPangoを操作するのは面倒ですし 、<br />
				デザイン変更のたびにリコンパイルするのも大変ですから、<br />
				積極的に利用したいものです。</p>
				<h2>バインディング</h2>
				<p>バインディングはキーにアクションシグナルを結びつけます:</p>
				<pre><code>binding "fuga" {
  bind "Return" { "move-current" (next) }
  bind "Left" { "cancel" () }
}</code></pre>
				<p>解説を探してもEmacsキーバインディングにする方法しか書いてないことがほとんどで、<br />
				たとえば「どんな名前のキーがあるのか」ということはよく分からないという<br />
				ちょっと厄介な部分です。</p>
				<p>バインディングも、スタイルと同様、一式を定義してからウィジエットに結びつけるという形をとります。</p>
				<h3>キーの名前</h3>
				<p>使うキーの名前は <a title="gdkkeysyms.h" href="http://svn.gnome.org/viewvc/gtk%2B/trunk/gdk/gdkkeysyms.h?view=markup">gdk/gdkkeysyms.h</a> に書かれています。<br />
				たとえばGDK_Rightと書かれていたら、gtkrcには&#8221;Right&#8221;と書きます。<br />
				どのキーなのかは、おおむね見れば分かります。それで深く考えたことはありませんが、<br />
				どうしても気になるときは、<a href="http://library.gnome.org/devel/gdk/stable/gdk-Event-Structures.html#GdkEventKey">GdkEventKey</a>をダンプするプログラムでも書いたら分かるんじゃないんでしょうか。</p>
				<h3>アクションシグナル</h3>
				<p>アクションシグナルの定義は、スタイルプロパティ同様、各クラス (と親クラス) のドキュメントに書かれています。<br />
				引数は、基本的に文字列か数か (上記の&#8221;move-current&#8221;に対するnextのような) シンボルです。<br />
				シンボルに関しては、アクションシグナルの定義をみると型が宣言されているので、それを見ればなんとなく分かります。</p>
				<p>たとえば<a href="http://library.gnome.org/devel/gtk/stable/GtkMenuShell.html#GtkMenuShell-move-current">GtkMenuShellの&#8221;move-current&#8221;シグナル</a>は引数に<a href="http://library.gnome.org/devel/gtk/stable/GtkMenuShell.html#GtkMenuDirectionType">GtkMenuDirectionType</a>を取るのですが、<br />
				その型は次のように宣言されています:</p>
				<pre><code>typedef enum
{
  GTK_MENU_DIR_PARENT,
  GTK_MENU_DIR_CHILD,
  GTK_MENU_DIR_NEXT,
  GTK_MENU_DIR_PREV
} GtkMenuDirectionType;</code></pre>
				<p>この場合、型がGtkMenuDirectionTypeなので、シンボルのGTK_MENU_DIRの部分は型名だと思って切り捨てて、<br />
				gtkrcには next と書きます。</p>
				<h3>例</h3>
				<p>例えば「キー&#8221;Right&#8221;にアクションシグナル&#8221;activate&#8221;をバインド、引数なし」という設定は<br />
				次のように書けます:<br />
				<code>bind "Right" { "activate" () }</code><br />
				連続して複数のアクションシグナルを送ることもできますから (;で区切る必要はありません)、<br />
				ある程度複雑な動作をキーに割り当てることができると思います。</p>
				<h2>パスによる指定</h2>
				<p>定義したスタイルはウィジェットに&#8221;装備&#8221;させないと意味がありません。<br />
				ウィジェットは、ディレクトリと同様に階層構造を成しているので、<br />
				パス (path) とよく似たウィジェットパスによって特定することができます<br />
				(ウィジェットにはクラスがあるのでCSSのセレクタの方が近い)。<br />
				パスの区切り文字は &#8220;.&#8221; です。<br />
				いわゆるshell glob構文が使えると書いてあるのですが、[abc]みたいのは使えないようなので、<br />
				ワイルドカードに使えるのは?と*のようです。</p>
				<p>GTK+2.10以降では、クラスを指定する部分に&lt;someclass&gt;のように書くと派生クラスにもマッチします。<br />
				例えば &#8220;&lt;GtkBox&gt;&#8221; は GtkHBoxにもGtkVBoxにもマッチします。</p>
				<h3>widget</h3>
				<p>例えば</p>
				<pre><code>widget "mainwindow.GtkHBox.okbutton" style "hoge"</code></pre>
<p>のように、ウィジェットの名前でパスを指定します。<br />
ウィジェットの名前は<a href="http://library.gnome.org/devel/gtk/stable/GtkWidget.html#gtk-widget-get-name">gtk_widget_set_name</a>で設定され、デフォルトではクラス名です。</p>
<h3>widget_class</h3>
<p>例えば</p>
<pre><code>widget "GtkWindow.GtkHBox.GtkButton" style "hoge"</code></pre>
				<p>のように、パスをウィジェットのクラス名によって指定します。</p>
				<h3>class</h3>
				<p>例えば</p>
				<pre><code>class "GtkMenuShell" binding "fuga"</code></pre>
<p>のように、階層構造を無視してウィジェット単体のクラス名によって指定します。</p>
<p>実際のところ、</p>
<pre><code>widget_class "*GtkMenuShell" binding "fuga"</code></pre>
				<p>と書くのとほとんど変わらないと思うのですが……</p>
				<h2>まとめ</h2>
				<p>gtkrcを書くときに必要な知識を、分かりにくそうなことを中心になんとなくまとめてみました。<br />
				gtkrcを活用すればデザインをプログラムから分離することができ、開発が効率的になるでしょう。<br />
				Happy hacking!</p>
]]></content:encoded>
			<wfw:commentRss>http://tech.cerevo.com/blog/archives/119/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://tech.cerevo.com/blog/archives/119" />
	</item>
	</channel>
</rss>
