スポンサーリンク

このドキュメントの内容は、以下の通りです。

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を表示する

スポンサーリンク
スポンサーリンク
 
いつもシェア、ありがとうございます!


もっと情報を探しませんか?

関連記事

最近の記事

人気のページ

スポンサーリンク
 

過去ログ

2020 : 01 02 03 04 05 06 07 08 09 10 11 12
2019 : 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

サイト

Vim入門

C言語入門

C++入門

JavaScript/Node.js入門

Python入門

FreeBSD入門

Ubuntu入門

セキュリティ入門

パソコン自作入門

ブログ

トップ


プライバシーポリシー