gtk4 gemの使い方を分かっているところまで、スライドにまとめました。

1. 進藤元明（motoakira）
gtk4 gemの使い方
gtk2、gtk3からの変更点など

2. Agenda
目次
• ⅠFree Drawing(Circle)
• ⅡForm(温度換算プログラム)

3. ⅠFree Drawing(Circle)
参考にしたWebページ
• https://obelisk.hatenablog.com/entry/2016/12/15/172026
• https://docs.gtk.org/gtk3/migrating-2to3.html
• https://docs.gtk.org/gtk4/migrating-3to4.html
• https://docs.gtk.org/gtk4/method.DrawingArea.set̲draw̲func.html

4. @drawing̲area.set̲draw̲func { |widget, cr| draw̲circle(widget, cr) }
void
gtk̲drawing̲area̲set̲draw̲func (
GtkDrawingArea* self,
GtkDrawingAreaDrawFunc draw̲func,
gpointer user̲data,
GDestroyNotify destroy
)
chatGPTに教えてもらいました。
難関：set̲draw̲func()を呼び出すための引数が分からない‼

5. ⅡForm(温度換算プログラム)
参考にしたWebページ
• https://toshiocp.com/entry/2022/12/06/211132#UIファイル
• https://discourse.gnome.org/t/how-to-use-gtkgrid-in-gtk4-with-ui-
fi
les/5010/2
• https://docs.gtk.org/gtk4/class.Entry.html#css-nodes

6. • UIファイルをどうやって書くか？←Gladeでgtk3用のファイルを書き出し、手
作業でgtk4用に書き換える（機械的な作業なので、それほど難しくない。但し
一発勝負）
• 数値文字列を右詰めにしたい←CSSにtext̲alignプロパティが無い：
GtkEntry#set̲alignment(1.0)で右詰めになる。※chatGPTに教わりました。
• CSSの書き方：class=“GtkEntry”としたものは、entry {}で指定する（ノード
名）。 ”https://toshiocp.com/entry/2022/12/06/211132#UIファイル”を
よく読むと書いてある。
Formでつまづいたところ