如何将多个图像添加到形状的笔触

Question

我目前正在使用多种形状来显示时钟。 时钟例如可以是椭圆形或矩形。

我想做的是添加一些以图像表示的箭头。 总共应该添加四个图像（分别为12,3,6,9），并且无论任何形状和形状的大小，它都可以正常工作。

我正在考虑对图像在笔画中的位置进行某种绑定，因此每个图像都应绑定到我之前提到的每个方向。

Answer 1

  

我正在考虑对图像在笔画中的位置进行某种绑定，因此每个图像都应绑定到我之前提到的每个方向。

我不建议这样做，这会使它不必要地复杂。使用给定的工具代替：

• XAML Alignment
• ViewBox
• XAML RenderTransform

对齐方式

有HorizontalAlignment和VerticalAlignment，可用于将Image固定在适当的位置。例如Image的12点钟，对齐方式为：

<Image HorizontalAlignment="Center" VerticalAlignment="Top"/>

这会将Image保持水平在中间，始终在顶部。

查看框：

ViewBox会自动将其内容缩放到Size的{​​{1}}。当最后一个ViewBox未知或运行时发生更改时，这非常方便。

Rendertransform：

Size可以更改元素的外观。在您的情况下，RenderTransform非常适合（您可以猜测这会旋转箭头图像）。

将这些东西组合在一起，使用此XAML可以得到一个不错的时钟

RotateTransform

看起来像这样（对不起，我手头上除了香蕉还没有其他图像）