wpf - Wpf - 剪裁边框角（狗耳朵）

Question

我需要在窗口的角落创建狗耳朵：

我把耳朵剪掉了，但我不知道如何让它透明。

XAML：

      <Border Background="#5486A5">
            <Border.Clip>
                <GeometryGroup>
                    <RectangleGeometry>
                        <RectangleGeometry.Rect>
                            <MultiBinding Converter="{StaticResource rectConverter}">
                                <Binding Path="ActualWidth" RelativeSource="{RelativeSource AncestorType={x:Type Border}}" />
                                <Binding Path="ActualHeight" RelativeSource="{RelativeSource AncestorType={x:Type Border}}" />
                            </MultiBinding>
                        </RectangleGeometry.Rect>
                    </RectangleGeometry>

                    <PathGeometry>
                        <PathGeometry.Figures>
                            <PathFigure StartPoint="0,0">
                                <LineSegment Point="50,0"/>
                                <LineSegment Point="0,50"/>
                            </PathFigure>
                        </PathGeometry.Figures>
                    </PathGeometry>
                </GeometryGroup>
            </Border.Clip>

这是以下显示的结果：

好的，首先有什么想法可以使剪辑的部分透明吗？

其次，关于如何实现折叠部分的任何建议，

第三，关于如何创建 DropShadow 看起来像那样的任何建议，我目前正在为该屏幕使用对话窗口，但我愿意为 DropShadow 外观做出妥协并使用类似弹出窗口的东西。

在此先感谢，我没有设计师经验，任何帮助将不胜感激。

Answer 1

I found that the code you posted is already Transparent behind the clipped corner. Make sure that the control that this border is in doesn't have a Background set to white. It should be Background="Transparent"

For the folded corner you can draw it like this:

<Polyline Fill="Red">
    <Polyline.Points>
        <PointCollection>
            <Point X="50" Y="0" />
            <Point X="0" Y="50" />
            <Point X="50" Y="50" />
        </PointCollection>
    </Polyline.Points>
</Polyline>