使用户控件延伸到所有给定空间

Question

我有一些用户控件，我将其放入窗口控件中，我不想在用户控件中具有固定大小，我希望它能够捕获我放置它的所有空间。我应该在我的代码中添加什么？

   <UserControl x:Class="DBTool.View.SelectDataBase"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            >


    <UserControl.Background >
        <ImageBrush ImageSource="..\Resources\DBSelection.jpg" ></ImageBrush >
    </UserControl.Background >

    <Grid>
     <ItemsControl FontWeight="Normal" ItemsSource="{Binding Path=AvailableBeanTypes}" >
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <RadioButton
              Content="{Binding Path=DisplayName}"
              IsChecked="{Binding Path=IsSelected}"
              GroupName="BeanType"
              Margin="2,3.5"
              />
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>
    </Grid>
</UserControl>

我的窗口代码

<Window x:Class="DBTool.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:View="clr-namespace:DBTool.View"
        xmlns:ViewModel="clr-namespace:DBTool.ViewModel"
        Title="MainWindow" Height="332" Width="528"  >

    <Window.Resources>

        <!-- These four templates map a ViewModel to a View. -->
        <DataTemplate DataType="{x:Type ViewModel:SelectDataBaseViewModel}">
            <View:SelectDataBase />
        </DataTemplate>

        <DataTemplate DataType="{x:Type ViewModel:MySqlPageViewModel}">
            <View:MySqlPageView />
        </DataTemplate>



    </Window.Resources>

            <DockPanel LastChildFill="True" >


        <ToolBar Height="26" HorizontalAlignment="Stretch" VerticalAlignment="Top" Name="toolBar1"  Width="Auto" DockPanel.Dock="Top"  />

        <Grid  VerticalAlignment="Bottom" DockPanel.Dock="Bottom"  >
            <Grid.RowDefinitions>
                <RowDefinition/>
            </Grid.RowDefinitions>

            <Grid.ColumnDefinitions>
                <ColumnDefinition/>
                <ColumnDefinition/>
                <ColumnDefinition/>
                <ColumnDefinition/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>

            <Button Grid.Row="0" Grid.Column="4" Background="Azure" Margin="10"   Command="{Binding Path=MoveNextCommand}" > Next </Button>

            <Button Grid.Row="0" Grid.Column="3" Background="Azure" Margin="10" Command="{Binding Path=MovePreviousCommand}"> Previous </Button>

            <TextBox Name="txtInput" Grid.Column="1"/>
            <Label Content="{Binding Text, ElementName=txtInput, 
                     UpdateSourceTrigger=PropertyChanged}" Grid.Column="2" />


        </Grid>
       <!-- <View:SelectDataBase x:Name="DetailView"/>-->
        <Border Background="White" Grid.Column="1" Grid.Row="0">
            <HeaderedContentControl 
        Content="{Binding Path=CurrentPage}" 
        Header="{Binding Path=CurrentPage.DisplayName}" 
        />
        </Border>
    </DockPanel>


</Window>

但我想看到图像占据整个空白区域。

Answer 1

您需要了解面板（网格、堆栈等）及其属性。高度和宽度属性，如果我记得在 wpf 中有一个“*”值，它按百分比执行。

这是一个很棒的 wpf 教程

http://www.wpftutorial.net/