XAML & Silverlight SAMPLES

1. 画像の透明度を変更するサンプル
2. 画像を0度～360度の範囲で回転する
3. モーションパスを使って画像を無限に動かす
4. モーションパスの動きをボタンでスタート/ストップする
5. サウンドのplay/pause/resumeとボリュームコントロール
6. ZAM3Dで出力したコーヒーカップをBLENDで回転させる例
   (なぜかソースが表示される場合があります。ソースをローカルのファイルとして保存して読み込むと表示されます。なぜ？)
7. プログレスバーのサンプル
8. Silverlightのサンプル(円を描く：動きはなし)
9. Silverlightのサンプル(<TextBlock>で文字表示)
10. Silverlightのサンプル(Blendで作図してできたxamlをそのまま貼り付けてみた)
11. Silverlightのサンプル(動画を再生する)
12. Silverlightのサンプル(動画と図形を重ねてみる)
13. Silverlightのサンプル(動画のSTOP/PAUSE/BEGIN)
14. Silverlightのサンプル(1つ上のサンプルにフルスクリーン表示機能を追加)
15. Silverlightの内側からいろいろなスクリプトを実行してみるテスト
16. Silverlightサンプル(DoubleAnimationの例)
17. Silverlightサンプル(ColorAnimationの例)
18. Silverlightサンプル(クリックしたCanvasのCanvas.TopとCanvas.leftをアラートする)
19. Silverlightサンプル(クリックするごとにCanvas.Topを切り替える)
20. Silverlightサンプル(クリックするごとにTextBlockの文字を切り替える)
21. Silverlightサンプル(MouseEnter、MouseLeave、MouseLeftButtonDown、MouseLeftButtonUp)
22. sender.findName()で子要素を見つけてプロパティを変える例
23. createFromXamlメソッドでSilverlightオブジェクトを動的に生成する例
24. Storyboardを<Canvas.Resources>～<Canvas.Resources>内で指定して自動的に開始しないようにし、スクリプトで開始したり停止したりする例
25. ハイパーリンクの例
26. LinearGradientBrush、RadialGradientBrush、SolidColorBrushの例
27. Silverlightの領域を確保するだけのシンプルなサンプル
28. 確保したSilverlightの領域に円を描く例
29. 確保したSilverlightの領域に資格を描く例
30. createObject()関数で引数にdocument.bodyを指定してあるのでボディ部がSilverlightの領域に置き換わる例
31. Silverlightの領域を<div>内に閉じ込めてHTMLの要素と混在可能にする例
32. "Silverlighrの領域を<div>内に閉じ込めてHTMLの要素と混在可能にする例"がFirefoxで動かなかったのを動くように修正した例
33. MouseEnter、MouseLeave、MouseLeftButtonDown、MouseLeftButtonUpで四角形の枠線、塗りつぶし色を変更する
34. DoubleAnimationの例。ページを読み込んだらすぐに四角形を360度回転するアニメーションを開始する
35. 上のサンプルを四角形をクリックしたら90度回転するように変更。Canvas.Resourcesに書いてスクリプトでbeginする例
36. XAMLによる描画～Rectangle(四角形)
37. XAMLによる描画～Ellipse(円)
38. XAMLによる描画～Line(直線)
39. XAMLによる描画～Polyline(折れ線)
40. XAMLによる描画～Polygon(多角形)
41. XAMLによる描画～Path(自由曲線)
42. 画像の表示方法～<Image>
43. SolidColorBrushを使ってPathで描いた矢印の内部を単色で塗りつぶす
44. ImageBrushを使ってPathで描いた矢印の内部を画像で塗りつぶす
45. LinearGradientBrushを使ってPathで描いた矢印の内部を線形グラデーションで塗りつぶす
46. LinearGradientBrushを使ってPathで描いた矢印の内部を線形グラデーションで塗りつぶす(1つ上のサンプルにStartPointとEndPointを指定してグラデーションの方向を変えた例)
47. RadialGradientBrushを使ってPathで描いた矢印の内部を円形グラデーションで塗りつぶす
48. RadialGradientBrushを使ってPathで描いた矢印の内部を円形グラデーションで塗りつぶす(1つ上のサンプルにGradientOrigin属性を指定した例)
49. Pathで描いた矢印のStroke(線)にグラデーションを設定した例
50. VideoBrushを使ってPathで描いた矢印の内部をビデオで塗りつぶす例
51. OpacityMaskとLinearGradientBrushで徐々に線形に透明度が変化する透明度マスクを作る例
52. OpacityMaskとRadiakGradientBrushで徐々に円形に透明度が変化する透明度マスクを作る例
53. クリックするごとにImageBrushのStretchプロパティを切り替えるスクリプトサンプル
54. 変形の例：ビデオブラシを設定した四角形をRotateTransformで傾けるサンプル
55. 変形の例：ビデオブラシを設定した四角形をRotateTransformで傾けるサンプル(CenterXとCenterY属性で回転の中心を変えた例)
56. 変形の例：ビデオブラシを設定した四角形をScaleTransformで縦横に変形する例
57. 変形の例：ビデオブラシを設定した四角形をSkewTransformでゆがめる例
58. 変形の例：ビデオブラシを設定した四角形をSkewTransformでゆがめる例(CenterXとCenterY属性で変形の中心点を変えた例)
59. 変形の例：ビデオブラシを設定した四角形をTranslateTransformで移動した例
60. プラグインのプロパティを調べるスクリプト：document.getElementById('silverlightBlock').firstChildのプロパティを調べてみた
61. 変形の例：TransformGroupで2つの変形を組み合わせた例
62. 変形の例：TransformGroupで2つの変形を組み合わせた例(<TransformGroup>～</TransformGroup>内の指定の順番を変えると結果も変わる例)
63. TextBlockの基本サンプル：<TextBlock>のText属性で文字を指定する方法と文字を<TextBlock>～</TextBlock>で挟む方法
64. TextBlockの文章を折り返す方法：<LineBreak/>を挿入する方法とWidth属性とTextWrapping="Wrap"を指定する方法
65. TextBlockの文章の一部を<Run>で異なる書式にする例
66. <TextBlock.Foreground>にSolidColorBrushとImageBrushを設定した例
67. <TextBlock.Foreground>にグラデーションを設定した例
68. <TextBlock.Foreground>にVideoBrushを設定した例
69. マウスをのせると別の文字のFontStyleをItalicに変えて斜体にするスクリプトサンプル
70. マウスをのせると別の文字のFontFamilyおよびFontWeightを変更するスクリプトサンプル
71. 文字の回転(RotateTransform)と拡大･縮小(ScaleTransform)の例
72. 文字をゆがめる(SkewTransform)例
73. TranslateTransformで2つのTextBlockを少しずらして文字を重ねて立体的に見せる例
74. DoubleAnimationでRectangleの透明度(Opacity)を繰り返し変化される例
75. <Storyboard>～</Storyboard>内に複数のDoubleAnimationを指定して一度にアニメーションさせる例
76. RotateTransformにx:Nameで名前を付けてDoubleAnimationでAngle属性を変化させて四角形を回転させる例
77. DoubleAnimationで透明度を変化させ、同時にRotateTransformのAngle属性を変化させて四角形を回転させる例
78. RectangleとEllipseに別々のそれぞれ複数のDoubleAnimationを設定し、重ねて同時に動かす例
79. DoubleAnimationでFromとByを使った例：Byだと指定した数値分、Durationで指定した時間に変化する
80. ColorAnimationの基本サンプル：RectangleのFill属性で指定した色をStoryboard.TargetProperty="(Fill).(Color)"として変化させる
81. ColorAnimationの基本サンプル：RectangleのSolidColorBrushに名前を付け、Storyboard.TargetNameでその名前、Storyboard.TargetProperty="Color"と指定して色を変化させる（上のサンプルと要比較）
82. ImageBrushを設定したRectangleのRadiusXとRadiusYをDoubleAnimationで変化させる例＋BeginTimeで開始を遅らせる例
83. Canvas.Resourcesを使って、図形をクリックしたとき透明度を変化させるアニメーションを開始する例
84. (Canvas.Left)を変化させて四角形を左右に移動するサンプル
85. (Canvas.Left)と(Canvas.Top)を同時に変化させて図形をジグザグに移動するサンプル
86. RotateTransformのAngleプロパティの値を変化させて図形を回転させるサンプル
87. サンプル84とサンプル86を組み合わせた例：回転しながら移動する四角形
88. グラデーションのアニメーション：LinearGradientBrushのGradientStopのOffsetプロパティをDoubleAnimationで変化させる例
89. グラデーションのアニメーション：LinearGradientBrushのStartPointプロパティをPointAnimationで変化させる例
90. グラデーションのアニーション：radialGradientBrushのCenterプロパティをPointAnimationで変化させる例
91. ColorAnimationの例：四角形の塗りつぶしの色を変化させる基本形
92. ColorAnimationの例：グラデーションの複数のGradientStopの色を同時に変化させる
93. 四角形を2つ重ねて、1つの四角形のWidthをDoubleAnimationで変化させる例
94. 1つ上のサンプルを、スクリプトを使ってマウスがのるとWidthが大きく、マウスが離れるとWidthが小さくなるように変更した例
95. sender.findName()でSilverlight内のオブジェクトを見つけて、そのプロパティを変更するいくつかのサンプル
96. createFromXamlで四角形の作って追加するサンプル：同じ幅･高さ・色の四角形を追加している(ソース部分をクリック)。下のソースをクリックすると子要素の数(children.count)が変化するのが確認できる
97. 1つ上のサンプルを、よりわかりやすくしたもの。乱数を発生させて、幅・高さ・位置を変えた四角形を追加しているサンプル
98. スクリプトの基本確認用：クリックすると内部の色が赤になる四角形(sender.Fill.Color="Red"とする例)
99. スクリプトの基本確認用：クリックすると内部の色が赤になる四角形(四角形に"myRectangle"という名前を付けてsender.findName("myRectangle").Fill.Color="Red";とする例)
100. スクリプトの基本確認用：クリックすると別のオブジェクトのブロパティを変更する例(四角形をクリックするとCanvasのBackgroundを変える)
101. スクリプトの基本確認用：クリックすると内部の色が赤になる四角形(四角形の内部の色をSolidColorBrushで指定し、SolidColorBrushに名前を付けて、そのColorプロパティを変更する方法)
102. イメージビューア(作りかけ)
103. sender.findName("名前")の基本的な使い方を確認するサンプル
104. マウスをのせると画像が切り替わるサンプル（ImageBrushのImageSourceプロパティを変更する例）
105. マウスをのせると回転するサンプル（RotateTransformのAngleプロパティを変更する例）
106. スクリプトによるアニメーションの制御の例：マウスをのせるとbeginメソッドで回転をスタートし、離すとstopメソッドで回転を停止する
107. 画像ビューアのサンプル(作成中)
108. デジタル時計：1つのTextBlockに時計の文字を入れるシンプルな例
109. デジタル時計：時分秒それぞれ別々のTextBlockに分けた例
110. デジタル時計：数字が下から上に動くようにした例
111. デジタル時計：上のサンプルに透明度の変化も付け加えた例
112. デジタル時計：上のサンプルを別の方法でページ中央に配置した例(Silverlight部分は上と同じ)
113. ムービーのビューアサンプル：107番の動画版。動画の再生機能も用意
114. HTML側からSilverlightのプラグインにアクセスしてみたサンプル
115. マウス座標を取得するサンプル＋α（1.0で動かなくて2.0betaで動くコードも含む）
116. downloaderオブジェクトの基本：downloaderオブジェクトを使ってプログレスバーを作る
117. downloaderオブジェクトの基本：上のサンプルを修正し、読み込んだ後、ビデオを再生する
118. downloaderオブジェクトの基本：上のサンプルを修正してzipファイルを読み込むようにし、読込後、zipファイル中の指定したビデオファイルを再生する
119. 1つ上と同じ処理を別のzipファイルで実行した例
120. downloaderオブジェクトの基本：文字をクリックしたタイミングで画像をダウンロードして表示される例
121. downloaderオブジェクトの基本：文字をクリックしたタイミングでテキストファイルを読み込んでTextBlockのTextプロパティのセットしてみた例
122. downloaderオブジェクトの基本：テキストファイルに書いたXAMLコードを読み込んで、createFromXamlでオブジェクトを作り、Canvasのchildrenをclearしたあとでaddしてみた例
123. downloaderを使った動画ビューア
124. Flickrの画像を検索してSilverlightで表示する（ベース）
125. Flickr Search by Silverlight Ver.0.9
126. Flickr Search by Silverlight Ver.1.0
127. MEMO:RESTの文字を組み立てる方法（楽天の例）（Silverlightとは直接関係なし）
128. 楽天のWebサービスを使って商品を検索するサンプル（JSONPを使う） （Silverlightとは直接関係なし）