c# - 修复 xaml 文件中的大小

Question

我是 Wpf 应用程序的新手，我有这个界面

<Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:Alg="clr-namespace:AS.Views.DeformableModel"
        xmlns:Controls="clr-namespace:Assergs.Windows.Controls;assembly=Assergs.Windows" x:Class="AS.Window1"
        Title="Window1"   
        >
    <Grid Margin="0,0,2,0">
        <Controls:RibbonPanel Header="Menu" HorizontalAlignment="Left" Margin="0,0,0,31.405" Width="213.388">
            <TreeView Width="210.449" HorizontalAlignment="Left" Margin="0,0,0,-1.515"/>
        </Controls:RibbonPanel>
        <StatusBar Margin="0,472.595,0,0.972" VerticalAlignment="Bottom">
            <Label Content="Pret" Height="41.433" Width="36.737"/>
        </StatusBar>
        <StackPanel Margin="213.388,0,0,31.405">
            <Image Height="473.5" Source="image-interface2.jpg"/>
        </StackPanel>
    </Grid>

</Window>

我得到的结果是:

如您所见，我需要知道许多设计错误:

1. 如何在整个堆栈面板空间显示图像？
2. 为什么 RibbonPanel Controller 消失了？
3. 我如何更改我的代码片段以使所有 Controller 的大小取决于窗口的大小(图像、 TreeView ...)

Answer 1

我认为您应该了解 wpf 的面板和布局。网格是一个出色的面板，您几乎可以获得任何常见的布局。但是为了得到这个，你应该使用列和行(不仅是边距和垂直/水平方向)。堆栈面板不是拉伸(stretch)图像的最佳控件:如果堆栈面板的方向是垂直的，则元素的高度是元素的所需高度，如果方向是水平的，则元素的宽度是元素的所需宽度，因此，如果您想要拉伸(stretch)图像，您可以将其分组在内容控件中，或者(如果没有更多控件)不分组。

我建议你使用停靠面板，停靠面板允许你将元素放在顶部、右侧、底部和左侧的位置:

<Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:Alg="clr-namespace:AS.Views.DeformableModel"
        xmlns:Controls="clr-namespace:Assergs.Windows.Controls;assembly=Assergs.Windows" x:Class="AS.Window1"
        Title="Window1"   
        >
    <DockPanel Margin="0,0,2,0">
        <Controls:RibbonPanel DockPanel.Dock="Left" Header="Menu" Width="213.388">
            <TreeView /> <!--The tree view will be vertican and horizontally stretch-->
        </Controls:RibbonPanel>
        <StatusBar DockPanel.Dock="Bottom" Height="41.433">               
            <Label Content="Pret"  Width="36.737"/>
        </StatusBar>
        <Image Stretch="UniformToFill" Source="image-interface2.jpg"/> <!--The last item take all aviable space-->
    </DockPanel>

</Window>

希望这有助于...