如何解决Word文档中custom task pane调整大小后内容不跟随适配的问题

自定义任务窗格内嵌WebView2尺寸不同步解决方案 #

以下是按依赖层级从外到内的修复步骤：

• WinForms 宿主层配置
  首先将承载WPF UserControl的ElementHost控件的Dock属性设置为DockStyle.Fill，同时外层停靠的Windows UserControl本身也将Dock属性设为DockStyle.Fill，确保外层容器尺寸变化时第一时间同步到内部WPF宿主。
  如果是VSTO开发的自定义任务窗格，额外将任务窗格的AutoScroll属性设为false，避免滚动条挤占布局空间。
• WPF 控件层配置
  WPF UserControl的根布局容器优先使用Grid或DockPanel，不要使用固定尺寸的Canvas，根容器的HorizontalAlignment、VerticalAlignment属性均设置为Stretch，不要硬编码固定宽高值。
  内嵌的WebView2控件同样设置对齐属性为拉伸，示例代码如下：

  <WebView2 
      HorizontalAlignment="Stretch"
      VerticalAlignment="Stretch"
      Source="你的业务页面URL"
  />
  

• 事件同步补充配置
  订阅Word应用的WindowResize事件、自定义任务窗格的SizeChanged事件，事件触发时执行以下操作强制布局刷新：

  // WinForms 层触发刷新
  elementHost.Refresh();
  // WPF 层触发布局更新
  wpfUserControl.UpdateLayout();
  // WebView2 强制感知父容器尺寸变化
  if (webView2.CoreWebView2 != null)
  {
      webView2.CoreWebView2.NotifyParentWindowPositionChanged();
  }
  

• 常见坑点排查
  不要给WinForms UserControl、ElementHost、WPF UserControl、WebView2任意一层设置固定宽高，固定尺寸会覆盖布局拉伸逻辑；确保WebView2完成初始化（即CoreWebView2InitializationCompleted事件触发后）再绑定布局相关属性，初始化前的尺寸变更不会生效。

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