如何在DevExpress LayoutPanel中调整WPF用户控件的大小

时间:2019-07-16 05:42:08

标签: wpf user-controls devexpress

如何自动调整用户控件的大小以在DevExpress Dock LayoutPanel内部拉伸适合?我已经尝试了以下方法,但是它不起作用。当我通过鼠标调整布局面板的大小时,面板内部的用户控件应相应地拉伸以适合面板。

在我的父控件XAML中。...\

<dxdo:DockLayoutManager>
<dxdo:LayoutGroup x:Name="RootGroup" VerticalAlignment="Stretch">
       <dxdo:LayoutPanel x:Name="FundMapPanel" Caption="Fund Map" ItemWidth="400" ItemHeight="320">
            <cont:FundMapUserControl></cont:FundMapUserControl>
       </dxdo:LayoutPanel>
</dxdo:LayoutGroup>
</dxdo:DockLayoutManager>

在我的用户控件XAML中。

<UserControl
. . .
. . .
Width="{Binding ElementName=FundMapPanel, Path=ItemWidth, Mode=TwoWay}"
Height="{Binding ElementName=FundMapPanel, Path=ItemHeight, Mode=TwoWay}"

. . .
. . .
</UserControl>

1 个答案:

答案 0 :(得分:1)

这是正确的方法:

<dxdo:DockLayoutManager>
    <dxdo:LayoutGroup x:Name="RootGroup">
       <dxdo:LayoutPanel x:Name="FundMapPanel" Caption="Fund Map" ItemWidth="400" ItemHeight="320">
            <cont:FundMapUserControl 
                VerticalAlignment="Stretch" 
                HorizontalAligment ="Stretch"
            />
       </dxdo:LayoutPanel>
    </dxdo:LayoutGroup>
</dxdo:DockLayoutManager>

如您所见,根本没有对ItemHeight / ItemWidth的绑定-内部控件被拉伸以填充LayoutPanel的全部内容。
请注意,您不能使用ItemHeight / ItemWidth属性,因为它们是System.Windows.GridLength对象。