SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

DeveloperZine(デベロッパージン)- エンジニアの意思決定を支える技術情報メディア ProductZine

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

Silverlight入門

Silverlight入門(2)-図形やテキストを扱うオブジェクト

図形、イメージ、テキストなどの描画や塗りつぶしのやり方


テキスト

 テキストを表示するにはTextBlockオブジェクトを用います。Silverlightのテキスト表示は、本稿執筆時点のバージョン1.0では極めて貧弱な機能しか提供されていません。HTMLや文書編集を専門としたソフトウェアのような複雑な構造のテキスト表現は、不可能ではありませんがXAMLを手書きで記述する場合は非常に手間がかかります。文書処理を専門としたコントロールの登場は将来に期待するしかなく、TextBlockオブジェクトによる文書の表現は簡素なものに止めた方が無難です。

TextBlockオブジェクト
<TextBlock .../>

 TextBlockで表示するテキストを表す文字列はTextプロパティに設定します。

Textプロパティ
<object Text="string" .../>
<object>string<object> 

 stringには、表示するテキストを表す文字列を指定します。Textプロパティを設定する方法は2つあり、1つはText属性から文字列を指定する方法、もう1つはコンテンツ要素としてTextBlock要素内に直接文字列を指定する方法です。複雑な構造のテキストを表示する場合は後者の構文を利用することになります。

 表示されるテキストの大きさはFontSizeプロパティで調整できます。

FontSizeプロパティ
<object FontSize="Double" .../>

 デフォルトでは14.666ピクセルが設定されています。

 フォントの種類はFontFamilyプロパティから設定できます。

FontFamilyプロパティ
<object FontFamily="string" .../>

 当然、フォントはSilverlightに読み込まれている適切な名前でなければなりません。Silvelightはクロスプラットフォームを目的としているため、システムのフォントを利用しては環境に依存してしまいます。Silverlightプラグインは次の9つのフォントをサポートしています。通常は、これらのフォントのいずれかを選択します。

  • Arial
  • Arial Black
  • Comic Sans MS
  • Courier New
  • Georgia
  • Lucida Grande/Lucida Sans Unicode
  • Times New Roman
  • Trebuchet MS
  • Verdana

 ここで重要なのは、現時点では日本語のフォントをサポートしていないことです。外部のフォントを参照させることも可能ですが、日本語フォントはファイルサイズが大きいため現実的な選択肢ではありません。この問題は日本語フォントを含むSilverlight日本語版の登場を待つしかありません。

 テキストの塗りつぶし方法はForegroundプロパティで指定できます。表示されるテキストの色を変更したい場合に利用します。

Foregroundプロパティ
<object Foreground="Brush" .../>
<object>
 <object.Foreground>
  <Brush" .../>
 </object.Foreground>
</object> 

 図形のStrokeやFillプロパティと同じようにBrushオブジェクトを指定してテキストの内部をどのように塗りつぶすかを表します。

コード05 test.xaml
<TextBlock xmlns="http://schemas.microsoft.com/client/2007"
FontSize="30" FontFamily="Comic Sans MS" Foreground="Red"
>
Kitty on your lap </TextBlock>
実行結果
実行結果

 上記のコードは、Comix Sans MSフォントを用いて"Kitty on your lap"という文字列を表示します。FontSizeも変更しているため、デフォルトのサイズよりもやや大きめのテキストが表示されます。また、Foregroundプロパティを変更して赤色でテキストを表示します。

次のページ
イメージ

この記事は参考になりましたか?

Silverlight入門連載記事一覧

もっと読む

この記事の著者

赤坂 玲音(アカサカ レオン)

平成13年度「全国高校生・専門学校生プログラミングコンテスト 高校生プログラミングの部」にて最優秀賞を受賞。2005 年度~ Microsoft Most Variable Professional Visual Developer - Visual C++。プログラミング入門サイト WisdomSoft の管理人。

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

CodeZine(コードジン)
https://codezine.jp/article/detail/1863 2008/08/20 11:05

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー