Canvas の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• +WPF+Canvas へ行く。
• +WPF+Canvas の差分を削除

#author("2022-06-03T09:55:11+08:00","default:Admin","Admin")
#author("2022-06-03T09:59:45+08:00","default:Admin","Admin")
[[WPF]]

&color(red){※This article is based on simplelink_cc13x0_sdk_4_20_01_03};

#contents

* 概要 [#h4732f36]

Canvas是最基本的面板，它仅支持用显式坐标定位元素，它也允许指定相对任何角的坐标，而不仅仅是左上角。

可以使用Left、Top、Right、Bottom附加属性在Canvas中定位元素。通过设置Left和Right属性的值表示元素最靠近的那条边，应该与Canvas左边缘或右边缘保持一个固定的距离，设置Top和Bottom的值也是类似的意思。实质上，你在选择每个元素停靠的角时，附加属性的值是作为外边距使用的.

* 特点 [#n0144b0a]

使用绝对定位~
如果窗口的大小小于canvas面板，一部分内容会看不见，canvas中的项不能自动调整大小~
在内容元素中设置附加属性Top、Left，根据Top、Left布局内容元素。


如果一个元素没有使用任何附加属性，它会被放在Canvas的左上角（等同于设置Left和Top为0）。
#codeprettify{{
<Canvas></Canvas>
<Canvas>
  <Button Background="Red">Left=0,Top=0</Button>
  <Button Canvas.Left="16" Canvas.Top="26">Left=16,Top=26</Button>
  <Button Canvas.Right="16" Canvas.Bottom="26">Right=16,Bottom=26</Button>
</Canvas>
}}

如果同时设置Canvas.Left和Canvas.Right属性，那么后者将会被忽略。
#codeprettify{{
<Canvas>
  <Button Canvas.Left="16" Canvas.Right="18" Canvas.Top="16" Canvas.Bottom="18">Left=16,Top=16</Button>
</Canvas>
}}

* 应用场景 [#h1c20a1a]

虽然Canvas太原始，不能用来创建灵活的用户界面，但是它是最轻量级的面板。当真的需要对元素的位置做准确的控制时，应该注意使性能最大化，例如，Canvas对于矢量图形中原始形状的准确定位非常有用。

#hr();
コメント：
#comment_kcaptcha