「Krita」と「Python」でダイアログUIを構築してみよう

2024年10月11日(金)
大西 武 (オオニシ タケシ)
第7回の今回は「Krita」の「Python」で「PyQt5」モジュールの「ウィジェット」を使って、ダイアログUIを構築する解説をします。

フォント選択ダイアログ

最後にフォント選択ダイアログを解説します。「フォント」とは「字体」という意味で、字の形の種類のことです。

まず、フォント選択ダイアログでフォント名を取得します。ここまではシンプルなダイアログの使い方のみでしたが、さらに第5回のフォントを表示するサンプルと組み合わせて、フォント選択ダイアログで選んだフォントで文字を書きます。

フォント選択ダイアログでフォントを選ぶ

フォントを選べるフォント選択ダイアログ(図6)を解説します。フォント選択ダイアログでは、フォント名を選ぶだけでなく、文字の太さを選べたり、フォントサイズを選べたり、取り消し線や下線を選べたり、日本語などの言語を選べたりします。

図6:フォント選択ダイアログ

・サンプルスクリプト「dlg_font.py」
1# モジュール
2from PyQt5.QtWidgets import QFontDialog
3# フォント選択ダイアログ
4font = QFontDialog.getFont()
5if font[1] == True:
6  print(font[0].toString())
7else:
8  print("フォントが指定されていません")

【サンプルスクリプトの解説】
「PyQt5.QtWidgets」モジュールの「QFontDialog」モジュールを読み込みます。
フォント選択ダイアログを表示し、選んだフォント名をコンソールに表示します。

フォント選択ダイアログで選んだフォントで文字を書く

ここまではダイアログの使い方しか解説してきませんでしたが、最後にダイアログを使った応用例を解説します。ここではフォント選択ダイアログ(図7)で選んだフォントで“明日はきっと株価が上がる”という文字列をドキュメントのレイヤーに書きます。

先ほどの「dlg_font.py」ファイルと第5回の「font.py」ファイルを組み合わせただけみたいなものです。

図7:フォント選択ダイアログで選んだフォントで文字を書く

・サンプルスクリプト「dlg_font_demo.py」
01# モジュール
02from PyQt5.Qt import *
03from PyQt5.QtWidgets import QFontDialog
04# ドキュメントの作成
05def create_doc(width,height):
06  doc = Krita.instance().createDocument(width,height, "Document name", "RGBA", "U8", "", 300.0)
07  Krita.instance().activeWindow().addView(doc)
08  return doc
09# 描画
10def draw_fukidashi(doc):
11  pixmap = QPixmap(doc.bounds().size())
12  pixmap.fill(QColor(255,255,255))
13  painter = QPainter()
14  painter.begin(pixmap)
15  painter.setRenderHint(QPainter.Antialiasing,True)
16  color = QColor(0, 0, 0, 255)
17  pen = QPen(color)
18  pen.setWidth(4)
19  painter.setPen(pen)
20  color = QColor(255, 255, 255, 255)
21  brush = QBrush(color)
22  painter.setBrush(brush)
23  draw_font(painter)
24  painter.end()
25  return pixmap.toImage()
26# 文字列描画
27def draw_font(painter):
28  # フォント選択ダイアログ
29  font = QFontDialog.getFont()
30  try:
31    painter.setFont(font[0])
32    painter.drawText(QPointF(50,300),"明日はきっと株価が上がる")
33  finally:
34    painter.end()
35# レイヤーのセット
36def set_layer(doc,img):
37  # 修正箇所
38  root = doc.rootNode()
39  # 修正箇所
40  layer = root.childNodes()[0]
41  # レイヤーに画像をセット
42  if img.sizeInBytes() == 4 * layer.channels()[0].channelSize() *  doc.width() * doc.height():
43    ptr = img.bits()
44    ptr.setsize(img.byteCount())
45    layer.setPixelData(QByteArray(ptr.asstring()), 0, 0, doc.width() , doc.height())
46  else:
47    print('Error')
48# メイン関数
49def begin_draw():
50  doc = create_doc(800,800)
51  img = draw_fukidashi(doc)
52  set_layer(doc,img)
53  doc.refreshProjection()
54# メイン関数の呼び出し
55begin_draw()

【サンプルスクリプトの解説】
「PyQt5.Qt」モジュールの全て(*)と「PyQt5.QtWidgets」モジュールの「QFontDialog」モジュールを読み込みます。
「create_doc」関数と「begin_draw」関数はいつものように同じです。
「draw_fukidashi」関数で色を用意して「draw_font」関数を呼び出し、フォント選択ダイアログで選んだフォントで文字列を書きます。
「set_layer」関数は、いつもとは違い少し修正しなければなりません(layer = doc.activeNode()だけ変更)。

おわりに

今回は、Kritaで使える「PyQt5」モジュールのUI機能である「Widget(ウィジェット)」の中でもダイアログのみ解説をしました。次回はダイアログに貼り付けるボタンやスライダーなどのUIウィジェットの使い方について解説します。

著者
大西 武 (オオニシ タケシ)
1975年香川県生まれ。大阪大学経済学部経営学科中退。プログラミング入門書など30冊以上を商業出版する作家。Microsoftで大賞やNTTドコモでグランプリなど20回以上全国区のコンテストに入賞するアーティスト。オリジナルの間違い探し「3Dクイズ」が全国放送のTVで約10回出題。
https://profile.vixar.jp

連載バックナンバー

開発言語技術解説
第15回

「Krita」と「Python」でUIパーツを使って「ドッキングパネル」を構築する

2025/4/11
第15回の今回は「Krita」のメインUIの右側にあるエリアにドッキングするパネルにUIパーツを配置して構築する解説をします。
開発言語技術解説
第14回

「Krita」と「Python」でプラグインを作ろう

2025/3/21
第14回の今回は「Krita」で「Python」スクリプトを「プラグイン」にしたり、「ショートカットキー」をセットする解説をします。
開発言語技術解説
第13回

「Krita」と「Python」でオリジナルの幾何学模様を作ろう

2025/2/27
第13回の今回は「Krita」の「Python」でダイアログUIにUIパーツを貼り付けて操作できるようにして、オリジナルの幾何学模様を作成できるプログラムを解説します。さらにアニメーションも作ります。

Think ITメルマガ会員登録受付中

Think ITでは、技術情報が詰まったメールマガジン「Think IT Weekly」の配信サービスを提供しています。メルマガ会員登録を済ませれば、メルマガだけでなく、さまざまな限定特典を入手できるようになります。

Think ITメルマガ会員のサービス内容を見る

他にもこの記事が読まれています