[WPF]Canvas

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">&gt;</span></pre>

<pre class="alt">    <span class="kwrd">&lt;</span><span class="html">Canvas</span><span class="kwrd">&gt;</span></pre>

<pre>        <span class="kwrd">&lt;</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">&gt;</span></pre>

<pre class="alt">            ● <span class="attr">&amp;lt;</span>- 學校 (20,50)</pre>

<pre>        <span class="kwrd">&lt;/</span><span class="html">TextBlock</span><span class="kwrd">&gt;</span></pre>

<pre class="alt">        <span class="kwrd">&lt;</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">&gt;</span></pre>

<pre>            ● <span class="attr">&amp;lt;</span>- 火車站 (150,200)</pre>

<pre class="alt">        <span class="kwrd">&lt;/</span><span class="html">TextBlock</span><span class="kwrd">&gt;</span></pre>

<pre>        <span class="kwrd">&lt;</span><span class="html">TextBlock</span>  <span class="attr">Canvas</span>.<span class="attr">Top</span><span class="kwrd">="100"</span><span class="kwrd">&gt;</span></pre>

<pre class="alt">            ● <span class="attr">&amp;lt;</span>- 加油站 (0,100)</pre>

<pre>        <span class="kwrd">&lt;/</span><span class="html">TextBlock</span><span class="kwrd">&gt;</span></pre>

<pre class="alt">    <span class="kwrd">&lt;/</span><span class="html">Canvas</span><span class="kwrd">&gt;</span></pre>

<pre><span class="kwrd">&lt;/</span><span class="html">Window</span><span class="kwrd">&gt;</span></pre>


執行結果



image