TextAreaに表示させる文字の幅をそろえたいです。

Question

お久しぶりです。
早速ですが、どはまりしている悩み事を聞いて下さい。
javaのドキュメントを漁っては見たものの、
私の調べ方が的外れなのかまったく見当たりません。

javafxの"TextArea"や"TextField"で文字を表示させたとき、
「,」「|」「'」「空白」などの文字の幅が均一でないため、
思ったように文字のレイアウトができません。

例えば、アスキーアートを表示させた場合、崩れてしまいます。
sublimetext などのテキストエディタでは、均一ですよね？

文字の幅を均一にする方法はありますか？

javaのバージョンは、
「jdk-9.0.1」
です。

Answer 1

swingとJavaFXは別々のGUIライブラリーですので似ているところもありますがそれぞれ別のクラス群で構成されています。外観(フォントや色やレイアウトなど)を設定する方法論も違っているのでそこは注意した方がよいと思います。

swingだとkako_miraiさん回答のとおりですがJavaFXの方ですといくつかの方法があります。

• スタイルシート(*.cssファイル)に設定
• Labelのfontプロパティーでjavafx.scene.text.Fontを設定
• Labelのstyleプロパティーでフォント以外も含めた外観に関するスタイルをまとめて設定

JavaFXではHTMLにならっているところがあり外観の特徴をコード内ではなくスタイルシート上に記述できるようになっています。どちらかといえばそちらの方がお勧めです。

ご参考：

JavaFX APIリファレンス
https://docs.oracle.com/javase/9/docs/api/index.html?overview-summary.html
その中のsetFont
https://docs.oracle.com/javase/9/docs/api/javafx/scene/control/Labeled.html#setFont-javafx.scene.text.Font-

java9からAPIリファレンスがモジュールごとの分類になってますが、自分はどのモジュールにあるかすぐにわからなくていまだにJava8の方をみたりしてます><

Comments

[mosquito]

私はつい先日javaFXというものについて勉強し始めて、
さらに、javaFXというものを初めて知りました。

swingとjavaFXが別々なるもの、も、その時知ったもので、
何がswingのドキュメントで、何がjavaFXのドキュメントなのか理解するのに苦労しました；；

javaFXには、kako_miraiさんの方法以外にもあるんですね。
Font.PLAIN というフィールドがなくて、
・textArea.setFont(new Font("SimSun", 14));
上記のように改変して使いましたが、cssファイルに記述というのも試みてみます。
（"MS ゴシック"も対応していると、https://w3g.jp/sample/css/font-family
ここに書いてあるのですが、これはまた別なのかもしれません、、、）

[KSwordOfHaste]

JavaFXだとFontWeightとFontPostureという2種類のスタイル指定用クラスができてますね。
FontWeightは文字の太さ（重さ）でTHINとかBOLDとかBLACKとか色々種類があります。
FontPostureは字形という意味合いでREGULARとITALICがありますね。
太さと字形をまとめて「スタイル」としていたswingの設計よりもう少し論理的に整理されたクラス構成になったのだと思います。

フォントはOSやユーザー環境に左右されるところが大きいのでSystemのデフォルト以外を使う場合、「自分用のアプリならインストールされていることが分かっている適当なフォント名を指定」「もっと汎用性を望むなら、少なくともLinux, Mac, Windowsのデフォルトで入っているものからよさげなフォントを選ぶ」なんてことをするのかも知れません。ここteratailのスタイルシートを見るとWindows, Macなど複数のOSのフォントがずらーっと並んでいます。こういう指定をするときにはcssが便利と思いますよ。

[mosquito]

OSによって、そのアプリのデフォルトを変えるのはいいかもですね。
デフォルトとは別で、ユーザーが好みで変えることができるフォントも用意しておく
というのもいいかもです。

スタイルシート、cssはまだ一度もいじったことがないので、未知の領域ですが、
使わない手はなさそうですね。

Answer 2

文字の姿かたちを決めているのは、フォントというものです。
フォントには、固定幅のものと、そうでないもの（プロポーショナル）があります。
Windowsでいえば、MSゴシックが固定幅フォントで、MS Pゴシックがプロポーショナルフォントです。
通常、システムのフォントはプロポーショナルフォントが使われています。
これを固定幅にしたければ、固定幅フォントを設定してやればよいです。
JTextAreaにはsetFont()というAPIが用意されていますから、それを使うことができます。

JTextArea textArea = new JTextArea(5, 15);
textArea.setFont(new Font("ＭＳ ゴシック", Font.PLAIN, 14));

Comments

[mosquito]

丁寧な解説ありがとうございます！！！
とても納得のいく回答でした。

デフォルトで、プロポーショナルフォント（今知った）を使用していたということだったんですね。
大変勉強になりました。