microsoftsilverlight.ppt

* * * * * * * * * * * * * * * * * * * * * * * * * * * Silverlightアプリケーション開発手順createSilverlight関数について Silverlight1.0 SDKのインストール先の、 CreateSilverlight.jsファイルに、 CreateSilverlight関数の説明が記載されている Silverlightアプリケーション開発手順Silverlight.jsとCreateSilverlight.jsについて Silverlight.jsとCreativeSilverlight.jsについての 詳細な情報は、以下のドキュメントを参照のこと 『Using CreateSilverlight.js and Silverlight.js』 /en-us/library/bb412401.aspx Silverlight1.0アプリケーション開発2．XAMLによるSilverlightオブジェクトの記述 XAML  eXtensible Application Markup Language とは XAMLは、グラフィックデータ、UI、アニメーションなどの定義に使用できるXMLベースの言語。.NET Framework 3.0のWPF Windows Presentation Foundation で使用するマークアップ言語として導入された。 アプリケーション開発時に、デザイナとデベロッパーとの間の、共同作業を円滑にするように設計されている。 Designer Developer XAMLの作成方法 Expressionなどの開発ツールを使用する ツールで作成したデザインがそのままXAMLとして出力される。生産性が高い。 テキストエディタなどを使用して直接記述 XAMLを直接記述していくので、XAMLの知識があれば、効率良い記述が可能 Expression Blend、Designer、Encoder、Media、等を Visual Studio 2008 と組み合わせて使用するのがベスト 他社製品のファイル形式も読み込み可能 3rdパーティ製プラグインも存在（SWF、Illustrator、??? デベロッパーもBlendだけは使えるようにする必要がある Silverlightアプリケーション開発手順SilverlightアプリケーションでのXAMLの記述 テキストエディタ、ツールなどを利用して、拡張子“.xaml”のファイルを作成し、Silverlightで使用可能な各エレメントと属性を記述 Silverlight用のXAMLでは、ルートエレメントとしての、 要素を、必ず記述する必要がある 　※WPFの場合には＜Window または＜Page＞タグ そのタグの間に各オブジェクトを表すタグを記述していく Canvas xmlns “/client/2007” xmlns:x “/winfx/2006/xaml” !-– この間に描画用の各要素を記述していく -- Silverlight用XAMLのルートエレメント 要素の記述 Silverlightアプリケーション開発手順XAMLのコントロールオブジェクト ルート要素 タグ内に図形に対応したタグを記述していく Silverlightアプリケーションの主なオブジェクト タグ 意味 楕円 線 カーブや円弧を含む複雑な図形を表すための線 任意の数の辺を持つ閉じた図形 閉連続した線 矩形 画像 ＊他にも描画要素には、 、 などがある Silverlightアプリケーション開発手順XAMLのコントロールオブジェクト記述例 Canvasの左端から10、上端から10、高さ100、幅100、色ライトブルーの矩形を黒い幅10の枠線で描画 demo.xamlファイル Canvas xmlns “/client/2007” xmlns:x “/winfx/2006/xaml” Rectangle Canvas.Top “10” Canvas.Left “10” Height “100” Width “100” Fill “LightBlue” Stroke “Black” StrokeThickness “10” / Silverlightアプリケーション開発手順XAMLのプロパティの記述 プロパティは、オブジェクトを表すタグの属性として記述される ほとんどのコントロールオブジェクトで共通のプロパティ 属性 意味 Canvas.Top Canvasの上端からの距離