窗口商店应用中的不透明线

Question

当绘制线条具有不透明度时，我遇到了问题。 我写的来源：

    <Line X1="50" Y1="50" X2="100" Y2="100" Stroke="Red" StrokeThickness="10" Opacity="0.5" StrokeStartLineCap="Round" StrokeEndLineCap="Round"/>
        <Line X1="100" Y1="100" X2="150" Y2="100" Stroke="Red" StrokeThickness="10" Opacity="0.5" StrokeStartLineCap="Round" StrokeEndLineCap="Round"/>

我希望图片为

你能帮帮我吗？ 感谢

Answer 1

有许多方法可以实现您所追求的目标，但您需要做的基本上是将每一行分组到一个容器中，然后减少该容器的不透明度而不是行本身。

例如，如果将Line放在Canvas中，如下所示：

<Canvas Opacity="0.5">
     <Line X1="50" Y1="50" X2="100" Y2="100" Stroke="Red" StrokeThickness="10" StrokeStartLineCap="Round" StrokeEndLineCap="Round"/>
     <Line X1="100" Y1="100" X2="150" Y2="100" Stroke="Red" StrokeThickness="10" StrokeStartLineCap="Round" StrokeEndLineCap="Round"/>
</Canvas>

您可以实现以下目标：

Canvas是处理这些事情的绝佳工具，但如果真的需要它可以用任何可以处理多个孩子的容器（例如网格）代替。 关键是让容器控制不透明度，而不是孩子们自己。