« XAMLによる描画~Path(自由曲線) | トップページ | ブラシによる図形の塗りつぶしの基本 »

2008/02/11

XAMLによる描画~画像の表示

描画ではありませんが、簡単なので画像表示の方法も、ここでまとめておきます。サンプルは次のとおりです。

http://www.makoto3.net/xaml/silverlight0035/index.html

ソースは次のとおりです。

【myxaml.xaml】

<Canvas
   xmlns="http://schemas.microsoft.com/client/2007"   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<Image Source="sea01.jpg" Width="200" Canvas.Top="20" Canvas.Left="20"/>
<Image Source="sea02.jpg" Width="200" Canvas.Top="120" Canvas.Left="80" Opacity="0.5"/>
</Canvas>

画像ファイルはSource属性で指定できます。上のサンプルで使った属性もまとめます。特に難しい点はないと思います。

Source

画像ファイル

Width

画像の幅

Height

画像の高さ

Canvas.Top

キャンバス上端からの画像の距離

Canvas.Left

キャンバス左端からの画像の距離

Opacity

透明度(0.0~1.0)

Canvas.ZIndex

重なり順(マイナス値だと下、プラス値だと上)

JavaScriptでSilverlight 目次


このページは xfy Blog Editor  を利用して作成されました。

« XAMLによる描画~Path(自由曲線) | トップページ | ブラシによる図形の塗りつぶしの基本 »

コメント

コメントを書く

(ウェブ上には掲載しません)

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/39246/40079737

この記事へのトラックバック一覧です: XAMLによる描画~画像の表示:

« XAMLによる描画~Path(自由曲線) | トップページ | ブラシによる図形の塗りつぶしの基本 »

2009年7月
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  

最近のトラックバック