Introduction
Canvas容器可任意設置容器內部控制項的相對位置。
命名空間
System.Windows.Controls
XMLNS
http://schemas.microsoft.com/winfx/xaml/presentation
Assemble
PresentationFramework (在 PresentationFramework.dll)
功能
定義一個區域,您可以在其中使用與 Canvas 區域相對的座標,明確地放置子項目。
範例
<Window x:Class=”Window1”
<pre> <span class="attr">xmlns</span><span class="kwrd">="http://schemas.microsoft.com/winfx/2006/xaml/presentation"</span></pre>
<pre class="alt"> <span class="attr">xmlns:x</span><span class="kwrd">="http://schemas.microsoft.com/winfx/2006/xaml"</span></pre>
<pre> <span class="attr">Title</span><span class="kwrd">="Window1"</span> <span class="attr">Height</span><span class="kwrd">="300"</span> <span class="attr">Width</span><span class="kwrd">="300"</span><span class="kwrd">></span></pre>
<pre class="alt"> <span class="kwrd"><</span><span class="html">Canvas</span><span class="kwrd">></span></pre>
<pre> <span class="kwrd"><</span><span class="html">TextBlock</span> <span class="attr">Canvas</span>.<span class="attr">Left</span><span class="kwrd">="20"</span> <span class="attr">Canvas</span>.<span class="attr">Top</span><span class="kwrd">="50"</span><span class="kwrd">></span></pre>
<pre class="alt"> ● <span class="attr">&lt;</span>- 學校 (20,50)</pre>
<pre> <span class="kwrd"></</span><span class="html">TextBlock</span><span class="kwrd">></span></pre>
<pre class="alt"> <span class="kwrd"><</span><span class="html">TextBlock</span> <span class="attr">Canvas</span>.<span class="attr">Left</span><span class="kwrd">="150"</span> <span class="attr">Canvas</span>.<span class="attr">Top</span><span class="kwrd">="200"</span><span class="kwrd">></span></pre>
<pre> ● <span class="attr">&lt;</span>- 火車站 (150,200)</pre>
<pre class="alt"> <span class="kwrd"></</span><span class="html">TextBlock</span><span class="kwrd">></span></pre>
<pre> <span class="kwrd"><</span><span class="html">TextBlock</span> <span class="attr">Canvas</span>.<span class="attr">Top</span><span class="kwrd">="100"</span><span class="kwrd">></span></pre>
<pre class="alt"> ● <span class="attr">&lt;</span>- 加油站 (0,100)</pre>
<pre> <span class="kwrd"></</span><span class="html">TextBlock</span><span class="kwrd">></span></pre>
<pre class="alt"> <span class="kwrd"></</span><span class="html">Canvas</span><span class="kwrd">></span></pre>
<pre><span class="kwrd"></</span><span class="html">Window</span><span class="kwrd">></span></pre>
執行結果