c# - 如何让 Flyout 宽度适应应用程序宽度？

Question

我使用 Flyouts在我的 Metro 风格应用程序中，它使用 MahApps Metro package :

<Controls:MetroWindow.Flyouts>
    <Controls:FlyoutsControl>
        <Controls:Flyout Header="INSTELLINGEN" Position="Left" Width="600" Theme="Dark">
            some content
        </Controls:Flyout>
    </Controls:FlyoutsControl>
</Controls:MetroWindow.Flyouts>

这很好用，但是现在我想要一个占据整个应用程序宽度的 Flyout，即使用户调整它的大小也是如此。基本上我想要 Width="*" 但这不起作用。

Answer 1

这是一个适用于最新 alpha 版本 (0.15) 的示例。

只需设置 Margin 和 Width 即可获得所需内容。

  <controls:MetroWindow.Flyouts>
    <controls:FlyoutsControl>
      <controls:Flyout Header="INSTELLINGEN"
                       Position="Left"
                       Margin="0 0 100 0"
                       Width="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=controls:MetroWindow}, Path=ActualWidth}"
                       Theme="Dark">
      </controls:Flyout>
    </controls:FlyoutsControl>
  </controls:MetroWindow.Flyouts>