Tips ラベルの幅を固定する

 ラベル部品は、そのテキストの大きさに応じて高さが自動的に変化してしまいます。
 文字サイズが小さかったり文字数が少ない時はラベルが狭くなり、反対に文字サイズが大きかったり文字数が多いときはラベルが広くなります。
 データ入力や表示のインターフェースをきっちりと作りたいときに、ラベルが勝手に変わってしまうのは非常に困ります。

'***** サンプル *****
ラベルAとはラベル
ラベルAについて
  位置は「20,20」。W=100。H=30。
  テキストは「」
ボタンBとはボタン
ボタンBについて
  位置は「20,60」。W=100。H=30。
  テキストは「文字設定」
  クリックした時
    ラベルAのテキストは「日本語プログラミング言語」
'***** ここまで *****

ラベルAとボタンBを同じに設定したのに、ラベルAのが広がってしまった。


 この問題を解決する方法として、次の2通りが考えられます。

  • ラベルの幅を設定し直す
 ラベルテキストを変更する度に、ラベルを設定し直すことで、常に一定のを保つことができます。

'***** サンプル *****
ラベルAとはラベル
ラベルAについて
  位置は「20,20」。W=100。H=30。
  テキストは「」
ボタンBとはボタン
ボタンBについて
  位置は「20,60」。W=100。H=30。
  テキストは「文字設定」
  クリックした時
    ラベルAのテキストは「日本語プログラミング言語」
    ラベルAのW=100。
'***** ここまで *****



  • パネル部品を使う
 ラベルパネルの上に乗せることで、パネルからはみ出した部分を表示しないようにします。

'***** サンプル *****
パネルCとはパネル
パネルCについて
  位置は「20,20」。W=100。H=30。
  スタイル?は「枠なし」
ラベルAとはラベル
ラベルAについて
  親部品はパネルC。レイアウトは「全体」。
  テキストは「」
ボタンBとはボタン
ボタンBについて
  位置は「20,60」。W=100。H=30。
  テキストは「文字設定」
  クリックした時
    ラベルAのテキストは「日本語プログラミング言語」
'***** ここまで *****

最終更新:2008年06月24日 19:02