WPF Popup箭头定位偏移与绘制异常问题求助

问题1：箭头水平对齐错误修复 #

原代码中TranslatePoint的目标对象错误，且未基于目标控件的中心位置计算偏移，导致右侧标签的箭头无法正确对齐。修改后台代码如下：

private void Popup_Opened1(object sender, EventArgs e)
{
    var popup = sender as Popup;
    if (popup == null || popup.PlacementTarget == null) return;

    UIElement target = popup.PlacementTarget;
    var contentControl = popup.Child as ContentControl;
    if (contentControl == null) return;

    // 计算目标控件的水平中心位置（相对于自身）
    Point targetCenter = new Point(target.ActualWidth / 2, 0);
    // 转换为ContentControl坐标系下的点
    Point adjust = target.TranslatePoint(targetCenter, contentControl);

    // 调整箭头偏移，减去箭头自身宽度的一半（箭头宽20，减10让箭头中心对齐目标中心）
    double arrowOffset = adjust.X - 10;

    // 处理Popup被屏幕边缘自动调整位置的情况
    if (popup.HorizontalOffset != 0)
    {
        arrowOffset += popup.HorizontalOffset;
    }

    contentControl.Tag = new Thickness(arrowOffset, -1.5, 0, -1.5);

    // 保留原位置判断逻辑
    if (adjust.Y > 0)
    {
        popup.Placement = System.Windows.Controls.Primitives.PlacementMode.Top;
    }
}

private void Popup_Opened2(object sender, EventArgs e)
{
    // 复用同一逻辑，减少代码冗余
    Popup_Opened1(sender, e);
}

问题2：箭头下方黑色线条修复 #

原Path的Data坐标超出了Grid行的高度，导致Stroke线条溢出显示。修改XAML中Style里的Path部分：

底部Popup的Path修改 #

<Path Fill="#fff" Stretch="Fill" Stroke="#FF000000" 
      HorizontalAlignment="Left" VerticalAlignment="Top"
      Margin="{TemplateBinding Tag}" Width="20" Grid.Row="0" 
      Data="M 0,20 L 10,0 20,20" />

顶部Popup的Path修改 #

<Path Fill="#fff" Stretch="Fill" Stroke="#FF000000" 
      HorizontalAlignment="Left" VerticalAlignment="Bottom"
      Margin="{TemplateBinding Tag}" Width="20" Grid.Row="1" 
      Data="M 0,0 L 10,20 20,0" />

补充优化建议 #

• 将两个Popup的Opened事件合并为一个方法，避免重复代码
• 可尝试用MultiBinding或附加属性实现纯XAML的箭头对齐，减少后台代码依赖
• 给Popup设置PlacementRectangle，能更精确控制弹出位置，避免自动调整导致的偏移

内容的提问来源于stack exchange，提问作者Astro