帆布赢了';XAML中的t重叠

帆布赢了';XAML中的t重叠,xaml,canvas,overlap,Xaml,Canvas,Overlap,我有下面的XAML代码,它给出了一门课程的学生分数(这些是绿色、黄色和红色的条,它们是文本块),它们旁边的灰色条是标准偏差分数,它们是矩形。灰色条需要在彩色条下面 我曾尝试使用ZIndex,但这并没有改变任何事情。 它确实和旁边有数字的水平线重叠,这些也是矩形 我必须用文本块来表示彩色的(这是学校的作业) Boekhoudkundig inzicht 完整的XAML代码可以在中找到,听起来很简单,但在查看结果时遇到了困难。也许一个关于它现在是什么的图像,一个关于它应该是什么的图像将有助于澄清

我有下面的XAML代码,它给出了一门课程的学生分数(这些是绿色、黄色和红色的条,它们是文本块),它们旁边的灰色条是标准偏差分数,它们是矩形。灰色条需要在彩色条下面

我曾尝试使用ZIndex,但这并没有改变任何事情。 它确实和旁边有数字的水平线重叠,这些也是矩形

我必须用文本块来表示彩色的(这是学校的作业)


Boekhoudkundig inzicht

完整的XAML代码可以在

中找到,听起来很简单,但在查看结果时遇到了困难。也许一个关于它现在是什么的图像,一个关于它应该是什么的图像将有助于澄清你的意图?它应该是怎样的,我是如何拥有它的哦。。。。比我想象的容易。。。。只需将你所拥有的一切嵌入一个
网格
,这样它就可以一个接一个地存在,尽管你需要丢掉那些画布。所以只要你所有的东西都是容易的。我的老师说这些条子必须放在画布上。如果都是硬编码的边距和东西,你的老师教的设计原理不是很好,但那是另一个主题。不管怎样,把这些东西放进表格里,将网格放在画布上,并应用边距,而不是单个对象。
<TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="Ivory" FontSize="12" Background="Red" Height="45" Width="162" TextWrapping="Wrap" TextAlignment="Center" Padding="0,10,0,0" Opacity="0.5" Canvas.Top="258" Canvas.Left="275">
    Boekhoudkundig inzicht
    <TextBlock.RenderTransform>
      <RotateTransform Angle="90" />
    </TextBlock.RenderTransform>
    <TextBlock.Effect>
      <DropShadowEffect BlurRadius="15" Direction="60" ShadowDepth="3" />
    </TextBlock.Effect>
  </TextBlock>
  <Rectangle Height="3" Width="45" Fill="Black" Canvas.Top="284" Canvas.Left="275" />
  <Rectangle Height="80" Width="45" Fill="Gray" Opacity="0.5" Canvas.Top="229" Canvas.Left="275" />