Silverlight Canvasで複数のTextBlockを表示する
スポンサーリンク
このドキュメントの内容は、以下の通りです。
Silverlightベースのアプリケーションで文字列を表示するのに TextBlockを利用することができる。SilverlightのCanvasコントロールで画面のレイアウトをやってみる。
Gridでは、行と列で整列を行えた。Canvasでは、絶対座標を指定して子要素(TextBlockとか)を配置することができる。Z indexを指定することで重ねて表示することもできる。
Canvasに純粋にTextBlockを配置するとGridの時と同様に重なって表示される。
<UserControl x:Class="SilverlightApplication1.Page" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="400" Height="300"> <Canvas x:Name="CanvasRoot" Background="White"> <TextBlock FontSize="20" Foreground="Red">1</TextBlock> <TextBlock FontSize="20" Foreground="Blue">2</TextBlock> <TextBlock FontSize="20" Foreground="Orange">3</TextBlock> <TextBlock FontSize="20" Foreground="Green">4</TextBlock> </Canvas> </UserControl>
Canvasで座標を指定する
Canvasで座標を指定して、要素を配置するには、CanvasのTopとLeftの属性を利用する。
ZIndexは、数値が大きいほうが上に表示される。
Top は、左上からのX座標(横)を意味する。
Leftは、左上からのY座標(縦)を意味する。
<UserControl x:Class="SilverlightApplication1.Page" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="400" Height="300"> <Canvas x:Name="CanvasRoot" Background="White"> <TextBlock FontSize="20" Foreground="Red" Canvas.ZIndex="2">1</TextBlock> <TextBlock FontSize="20" Foreground="Blue" Canvas.Left="100">2</TextBlock> <TextBlock FontSize="20" Foreground="Orange" Canvas.Top="100">3</TextBlock> <TextBlock FontSize="20" Foreground="Green" Canvas.ZIndex="1">4</TextBlock> </Canvas> </UserControl>
Silverlight関連記事
[2009-02-06-1] Silverlight 2の開発言語
[2009-02-07-1] Silverlight 2の開発環境を構築する
[2009-02-08-1] Silverlight アプリケーションを開発する Hello World編
[2009-02-09-1] Silverlight TextBlockで文字列を表示する
[2009-02-11-1] Silverlight Gridで複数のTextBlockを表示する
スポンサーリンク
スポンサーリンク
いつもシェア、ありがとうございます!
もっと情報を探しませんか?
関連記事
最近の記事
- パナソニック ジェットウォッシャードルツ EW-DJ61-Wのホースの修理
- LinuxセキュリティモジュールIntegrity Policy Enforcement
- アマゾンのEcho Show 5を買ったのでレビューします
- アマゾンのサイバーマンデーはAlexa Echo Show 5が安い
- Android スマートフォン OnePlus 7T と OnePlus 7の違い
- Android スマートフォン OnePlus 7 をAndroid10にアップデートしてみた
- クレジットカードのバーチャルカードの比較のまとめ
- 活動量計 Xiaomi Mi Band 4を買ってみたのでレビュー
- Android スマートフォン OnePlus 7 のレビュー
- AliExpressでスマートフォンを買い物してみた
- パソコンのホコリ対策 レンジフードフィルターと養生テープ
- 80PLUS GOLDのPC電源ユニットAntec NeoEco 750 Goldのレビュー
- イギリスの付加価値税 VAT は払い戻しを受けられる
- イギリスのロンドンでスーツケースなど荷物を預けられる場所は
- イギリスのロンドンで地下鉄やバスに乗るならオイスターカードを使おう
- イギリスのヒースロー空港からロンドン市内への行き方
- 航空便でほかの航空会社に乗り継ぎがある場合のオンラインチェックイン
- SFC会員がANA便ではなくベトナム航空のコードシェアを試して解ったこと
- ベトナムの入国審査でeチケットの掲示が必要だった話
- シアトルの交通ICカードはオルカカード(Orca)です
人気のページ
- Windows7 IME 辞書ツールで単語の登録に失敗しました
- C言語 popen()でコマンドを実行して出力を読み込む
- Windows7で休止状態にする方法
- CentOS MySQLの起動、停止、再起動
- loggerコマンドでsyslogにエラーを出力する方法
- パソコンパーツの買取をしてくれる店のまとめ
- Java Mapの使い方 get(),put(),remove(),size(),clear()
- 楽天のRポイントカードを作ってみた
- iPhone 5 から iPhone 6 に乗り換えたのでレビュー
- netstatコマンドのステータスの意味
スポンサーリンク
過去ログ
2020 : 01 02 03 04 05 06 07 08 09 10 11 122019 : 01 02 03 04 05 06 07 08 09 10 11 12
2018 : 01 02 03 04 05 06 07 08 09 10 11 12
2017 : 01 02 03 04 05 06 07 08 09 10 11 12
2016 : 01 02 03 04 05 06 07 08 09 10 11 12
2015 : 01 02 03 04 05 06 07 08 09 10 11 12
2014 : 01 02 03 04 05 06 07 08 09 10 11 12
2013 : 01 02 03 04 05 06 07 08 09 10 11 12
2012 : 01 02 03 04 05 06 07 08 09 10 11 12
2011 : 01 02 03 04 05 06 07 08 09 10 11 12
2010 : 01 02 03 04 05 06 07 08 09 10 11 12
2009 : 01 02 03 04 05 06 07 08 09 10 11 12
2008 : 01 02 03 04 05 06 07 08 09 10 11 12
2007 : 01 02 03 04 05 06 07 08 09 10 11 12
2006 : 01 02 03 04 05 06 07 08 09 10 11 12
2005 : 01 02 03 04 05 06 07 08 09 10 11 12
2004 : 01 02 03 04 05 06 07 08 09 10 11 12
2003 : 01 02 03 04 05 06 07 08 09 10 11 12