0

Gtkmmでプログラミング用のテキストエディタを作成していたのですが、その際にフォントをmonospaceにしたにもかかわらず、下の画像のように'{', '}'のような記号の前のスペースが狭くなってしまいます。この画像において、2行目と4行目は4スペース、3行目が8スペースになっています。
画像の説明をここに入力
どのようにすれば、このスペースを他の文字と同じ幅にできるでしょうか。よろしくお願いいたします。

1 件の回答 1

1

ちょっと試してみましたが、自分の結論としては「フォントの問題」かなぁ、と思います。

以下のソースコードを書いてみました。
C++で書くのはめんどいので、Pythonで許してください(笑)
まぁでも、GTKを知っていればどの言語でもある程度理解はできると思います。

# coding: utf-8

import gi
gi.require_version('Gtk', '3.0')
gi.require_version('PangoCairo', '1.0')
from gi.repository import Gtk, PangoCairo, Pango

TEXT = '''int main(void) {
    if(true) {
        {}
    }
    }f
}
'''

class App(Gtk.Application):
    def __init__(self, **kwargs):
        super().__init__(**kwargs)
        #self.font_desc = None
        self.font_desc = Pango.FontDescription.from_string('Monospace 10')

    def do_activate(self):
        builder = Gtk.Builder.new_from_string('''
<interface>
    <object class="GtkWindow" id="window">
        <property name="default-width">400</property>
        <property name="default-height">300</property>
        <child>
            <object class="GtkBox" id="vbox">
                <property name="visible">true</property>
                <property name="orientation">vertical</property>
                <property name="homogeneous">false</property>
                <child>
                    <object class="GtkButton" id="button">
                        <property name="visible">true</property>
                        <property name="label">Font</property>
                        <signal name="clicked" handler="on_clicked" />
                    </object>
                </child>
                <child>
                    <object class="GtkPaned" id="paned">
                        <property name="visible">true</property>
                        <property name="orientation">vertical</property>
                        <child>
                            <object class="GtkDrawingArea" id="drawing_area">
                                <property name="visible">true</property>
                                <signal name="draw" handler="on_draw" />
                            </object>
                            <packing>
                                <property name="shrink">true</property>
                                <property name="resize">true</property>
                            </packing>
                        </child>
                        <child>
                            <object class="GtkTextView" id="text_view">
                                <property name="visible">true</property>
                                <property name="monospace">true</property>
                            </object>
                            <packing>
                                <property name="shrink">true</property>
                                <property name="resize">true</property>
                            </packing>
                        </child>
                    </object>
                    <packing>
                        <property name="expand">true</property>
                        <property name="fill">true</property>
                    </packing>
                </child>
            </object>
        </child>
    </object>
</interface>
''', -1)
        for obj in builder.get_objects():
            if isinstance(obj, Gtk.Buildable):
                setattr(self, Gtk.Buildable.get_name(obj), obj)
        builder.connect_signals(self)

        self.text_view.get_buffer().set_text(TEXT)
        #self.text_view.get_buffer().insert_markup(self.text_view.get_buffer().get_start_iter(), '<span font_desc="Ubuntu Mono 10">' + TEXT + '</span>', -1)

        self.window.set_application(self)
        self.window.present()

    def on_draw(self, widget, cr):
        cr.save()

        layout = widget.create_pango_layout(TEXT)
        if self.font_desc is not None:
            layout.set_font_description(self.font_desc)
        PangoCairo.show_layout(cr, layout)

        cr.restore()

    def on_clicked(self, button):
        dialog = Gtk.FontChooserDialog(modal=True, transient_for=self.window, destroy_with_parent=True)
        response = dialog.run()
        if response != Gtk.ResponseType.OK:
            dialog.destroy()
            return
        self.font_desc = dialog.get_font_desc()
        print('font = %s.' % repr(self.font_desc.to_string()), flush=True)
        dialog.destroy()
        self.drawing_area.queue_draw()

if __name__ == '__main__':
    App().run()

で、これをubuntu20.10で実行してみた結果です。

ubuntu20.10での実行結果

なんと、「 }」の後ろに文字(「f」)を追加しただけで、変化します。

試しに、GtkDrawingAreaでPangoでの描画をしてみましたが、ご覧の通り同様の現象が見受けられるので、GtkTextViewの問題というよりかは低レイヤーのPangoの問題のようです。

で、GtkDrawingAreaの方はボタンでフォントを変えられるようにしてあるので、「Ubuntu Mono 10」を選択してみた結果が、以下のとおりです。

フォントを変えてみた結果

ご覧のとおり、問題なく表示されます。
ちなみに、ソースコードのコメントのようにGtkTextViewの方でも明示的に「Ubuntu Mono 10」フォントを指定してみても問題なく表示されます。
また、フォントを「Ubuntu Mono 10」ではなく「VL ゴシック 10」にしても問題ありません。

他の環境で試せればなぁ…、と考え、そういえばWindowsのmsys2でも動かせたなぁと思いついて、ちょっと特殊な環境ですが試してみました。

Windowsでの結果

こちらはデフォルトのMonospaceフォントでも問題はありません。

とはいえ、フォントは環境によって違ってくるのでプログラム内部で指定するのはアレですし、やれることはせいぜいユーザにフォントを選ばせるようにしておくことぐらいではないでしょうか。
もし質問者さんの環境もubuntuであれば、ubuntuのコミュニティに問い合わせてみるものいいかもしれません。

3
  • 等幅フォント使うといいのでは? 古来から、文字のスペース、タブで位置合わせをしたいとなると等幅フォントの出番かと。。 Commented 2021年1月15日 23:54
  • 質問者さんがどのようにやっているかは書かれていませんのでわかりませんが、自分のコードはGtkTextViewの「monospace」プロパティを「true」に指定して、等幅フォントを使用するようになっていて、その状態で質問のような現象が起きています。
    – katsuko
    Commented 2021年1月16日 2:39
  • うわ。はずかしい。補足ありがとうございます。 Commented 2021年1月16日 8:48

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。