モダンコントロールに フォントサイズが追加されました！（2023年10月：3.23103.10以降）

はじめに

先日、モダンコントロールにヘッダーコントロールが追加され、さらに3.23101.20では基本のパレット色（BasePaletteColor）が追加されていました！その際の今後のアップデート予定では、近日中にフォントサイズも追加（その他も色々）となっていました。
今回、バージョン：3.23103.10 以降で、フォントサイズが追加されていることを確認しました。
さらに最新バージョン：3.23104.7 まで上げれたのでこのバージョンで挙動を確認しています。

さらに3.23104.7 では、スピンボタンという新コントロールも追加されていました。
これは数値入力コントロールでした。こちらは別の記事で紹介予定です。
あと、コントロール配置時の線の表示やコンテナーにコントロール追加の初期操作が更新されていました。
※上記は線の色がちょっと違う、空のコンテナーの場合は＋ボタンでコントロールを追加できるが以降は従来通りという感じでした。

公式アップデート情報のリンク集（歴史）ページも作りました

TIPS★今後さらにアップデートの予定もありますし、いままでの更新情報や今後のアップデート情報は以下のページに追記していきますので、本情報が古くなったら最新はこちらなどからご確認ください。

公式ブログのアップデート情報

※英語しかないので翻訳してご確認ください。

前回の公式ブログでの記事では以下が次に来るよとなっていました。
このうち「3.23103.10」ではフォントサイズプロパティ、「3.23104.7」では数値入力コントロール（スピンボタン）が来てました！

• フォントサイズプロパティ　→待ち遠しい！これがないからモダン使えないケースが多かった！
• 数値入力コントロール　→これもなかったので待ち遠しいですね！
• ボタンにアイコン追加　→いままで自作でやってたが、ホバーが同時に効かず色変えが微妙だった。その辺いい感じにしてくれそう！こちらも期待ですね！　→これはまだ来てなかった。
• フォームコントロールのコンボとフィールド検証のサポート　→今はないのかな？未確認です。

作成バージョンを更新

作成バージョンを「3.23104.7」で確認しています。フォントサイズについてはひとつ前の「3.23103.10」
でも追加されていることを確認しましたが、せっかくなので選択できる最新まで上げて確認しました。

まだ出ていなくて自分でも試したい方は以下の記事を参考にバージョンをアップしてみてください。

モダンコントロールとモダンテーマをオンにする

新規作成時は以下の機能をオンにすることでモダンコントロールおよびモダンテーマが使用できるようになります。
設定＞近日公開の機能 ＞ モダンコントロールとモダンテーマ　（既定でオフなのでオンにする）

TIPS設定の場所が全般からに変更されました。
こちらについては別途記事にしましたので以下ご参考ください。

※以下は以前の設定場所、表示となります。

機能をオンにするとモダンコントロールおよびモダンテーマが表示されます。
スピンボタンが追加されていますね。

モダンコントロールのフォントサイズ

ついにフォントサイズが追加されました！
一通り確認したところ、一部のコントロール（テーブルなど）は非対応でした。
とりあえずボタンで確認します。

ボタンの場合のフォントサイズ プロパティ

以下のようにフォント サイズ　プロパティあります。初期値は ０ となっています。
ここを変えることでサイズが変更できます。0にすれば標準のサイズとなります。
※基本のパレット色は前回記事でも紹介したテーマ以外の色を指定できるプロパティです。

クラシックとは単位が異なる様子（同じ値でも小さ目）

モダンのラベルに先に来ていたフォントサイズでもちょっとピクセル単位ではなさげで、クラシックコントロールの場合と同じ数値にしても大きさが異なっていました（モダンの方が小さい）

以下どちらもフォントサイズ：30にした場合です。モダンの方が小さいですね。
他のコントロールでも大体同じように小さめでした。ピクセル単位ではないってことですかね。何の単位なのかは今のところわかりません💦

とはいえ、今まで出来なかったサイズ指定が出来てるので特に問題ないですね。

収まらないサイズにしたら崩れる（改行効かない）

試しに大きくしてはみ出すようにしたら重なる感じで崩れました。。
モダンの方はプロパティかなり少ないのでそもそも改行が効かない、細かい文字の位置調整などもないのでしょうがなしですね。。2行の文字にしたい場合にできないようです。この辺りはおいおいアップデートされるとありがたいですね。

各コントロールの対応状況

20個のモダンコントロールについて、フォントサイズの有無を確認しました。
一部元からテキストがないものなどは未対応ですが、おおむね対応していました！

1. テキスト（ラベル）  ：〇
2. テキスト入力　  　　：〇
3. ドロップダウン　      ：〇　 ※選択アイテム、選択肢にも効いている
4. コンボボックス（Combobox）：〇　※選択アイテム、選択肢にも効いている
5. スピナー（Spinner）：〇　※スピナー自体ではなくラベルの部分。スピナーサイズは7段階あるがどれも小さいのが残念。スピナーサイズに応じてフォントの太さも変動する。
6. スライダー　　  　　：なし　→そもそもテキストがない
7. タブ一覧　　　　　  ：〇
8. チェックボックス　  ：〇
9. テーブル　　：なし　→中身の列用のコントロールにもなかった　※プレビューが取れている
10. バッジ　　　：〇
11. フォーム　　：なし　→元々ないので問題なし。中身のコントロールごとに適用する
12. ヘッダー　　：〇　　→前回からあった。タイトル部分に適用される
13. ボタン　　　：〇
14. ラジオ　　　：〇
15. リンク　　　：〇
16. 情報ボタン　：〇　※クリック時のToolTipに適用される。アイコンサイズは3段階あるが小さいのが残念
17. 進行状況バー：なし　→そもそもテキストがない
18. 切替え　　　：〇　　→ラベルの部分に適用。スイッチ自体にサイズがないのが残念。
19. 日付の選択　：〇　　→選択した日付の部分に適用された。日付選択部分はそのまま（大きいと崩れると思うのでしょうがないと思う）
20. スピン ボタン：〇 　→今回追加されたコントロール。

サイズのサンプル

以下、フォントサイズがあるものについて、いずれも30にした場合のサンプルです。

操作時に適用される部分のサンプル

ドロップダウンやコンボボックスは以下のように選択肢にも適用されています。

情報アイコンはクリック時のToolTipに適用されています。

日付の選択（カレンダー）は選択した日付部分のみ適用です。日付の選択部分はそのまま。
ここは大きくすると崩れるでしょうからこのままでよいのかと思いますね。

標準のサイズは14？ 最小は10 で以下は変わらない

逆に小さくしてみたら、10では標準より小さくなりました。それ以下（１～９）でも10と同じサイズでした。
また標準のサイズ（プロパティは０）と14にした場合が同じサイズでした。
テキストラベル、テキスト入力、ボタンで試してそうだったので他も同じくなのかと（細かくまでは見ていないですが）

おわりに

今回は、ヘッダー、基本のパレット色に続き、待ちに待ったフォントのサイズについて対応状況を確認しました。
今後もアップデートが続くので期待しながら待ちましょう！それでは。

関連記事

モダンコントロール関連の公式ブログリンク集：

モダン関連：