Silverlightアプリケーションの例(2)mikeo_410Silverlightアプリケーションの例(2)左図をクリックするとSilverlightアプリケーションを実行します。下記で説明している手順で作成したものです。動作を確認してください。使う例になっていました。使用し、フォントファイルを指定しない方法です。正確に表示するためには、組み込みフォントを使う必要がありますが、多くの場合、一般のフォントで充分だと思います。フォントファイルを使わないことは、ブラウザでのHTMLの表示のように、ブラウザ側の環境依存になることで特に不都合はないと思います。プログラミング時には、管理項目が減る分、便利だと考えます。ユーザーインターフェイス」フォントが使われると言うことのようです。これは、実際にフォントファイルが有るわけではなく、Silverlightのランタイムがブラウザ側の環境に応じて善きに計らってくれると言うことだと解釈しています。1.ワードで表示画面を作るワードを数式の記述とボタンの配置に利用します。ボタンになる図形と、グラフの表示に使う矩形などには、色を付けました。この色は、16進で切の良い値を指定して検索し易くします。長いXAML中から該当箇所を見つける目印にしようと言うもので、色そのものは使いません。Blendやデザイナで表示できるなら特にこの工夫はいりません。0次、1次、2次、n次の式を別々に書きます。ワードで空白のページを4ページ用意します。それぞれのページの先頭に1つずつ式を書きます。これは、どれか1つを選択して、最初のページの先頭に表示するのに使います。これを、XPS形式で保存します。指定をしなかったので、「ドキュメント」に「sinx.xps」と言うファイルが出来ました。2.Xps2Xamlで変換XPSファイルをXAMLに変換します。「利用局面」には、「SILVERLIGHT」を選びます。「Glyphsを使用」をチェックを外します。フォントファイルは、出力されません。TextBlockには、Glyphsで指定されていたフォントファイルのフォントファミリ名を与えます。設定を確認したら、このウインドウの上にXPSファイルをドラッグ、ドロップして貼り付けます。出力フォルダを指定します。この例では、ワードで画像を貼り付けていないので、画像はありません。5つのXAMLファイルのみ作成されます。このファイルは、画像やフォントを参照していないので、ブラウザで直接開いて確認できます。プロジェクトを作る「ファイル」「新規作成」「プロジェクト」で「Silverlightアプリケーション」を作ります。以下のようになっています。<Canvas>...</Canvas>部分です。Background="White"></Grid></UserControl>F5を押して実行し、表示を確認して置きます。塗りつぶしを指定を指定しておいたので、これを目印に、グラフ描画領域にする図形を探します。塗りつぶしは不要なので削除しました。ボタンを作るこれも色を目印に探します。座標を生かして、前後をボタンの設定で挟みました。クリックされた時のイベントハンドラを指定します。(右ボタンメニューの「イベントハンドラへ移動」で、ビハインドコードにハンドラも作って置きます。