Question

我遇到一个问题，弹出通知面板只占用内部控件所需的空间量。

我得到了什么：

 <Grid>
    <DockPanel Panel.ZIndex="1111" Grid.Column="0" Grid.Row="0" HorizontalAlignment="Stretch" Visibility="{Binding MessageVisibility}">
        <Button Visibility="Collapsed" Name="clickButton" Command="{Binding Path=CloseMessage}"/>
        <Border Background="LightGray" CornerRadius="20" MouseDown="Border_MouseDown" BorderThickness="8" BorderBrush="CadetBlue">
            <Grid VerticalAlignment="Center" HorizontalAlignment="Center" Margin="20px">
                <ItemsControl Grid.Column="0" Grid.Row="0" ItemsSource="{Binding Messages}">
                    <ItemsControl.ItemTemplate>
                        <DataTemplate>
                            <TextBlock TextBlock.TextAlignment="Center" Text="{Binding FallbackValue='Message'}"/>
                        </DataTemplate>
                    </ItemsControl.ItemTemplate>
                    <ItemsControl.ItemsPanel>
                        <ItemsPanelTemplate>
                            <StackPanel/>
                        </ItemsPanelTemplate>
                    </ItemsControl.ItemsPanel>

                </ItemsControl>

            </Grid>
        </Border>
    </DockPanel>
    <DockPanel  Panel.ZIndex="0">
...
    </DockPanel>
</Grid>

我正在尝试让第一个DockPanel只占用ItemsControl所需的空间。它似乎占据了整个空间。设置宽度/高度将使其保持在中心但不会让它增长。

Answer 1

从DockPanel更改为Stackpanel并设置Hor / Vert对齐中心。

Answer 2

以下修改后的代码可能会有所帮助并解决您的问题

<Grid>
           <Grid.RowDefinitions>            
                <RowDefinition/>            
                <RowDefinition/>            
            </Grid.RowDefinitions> 
       <Grid.ColumnDefinitions>          
             <ColumnDefinitions/>
       </Grid.ColumnDefinitions>          

    <DockPanel Panel.ZIndex="1111" Grid.Column="0" Grid.Row="0" HorizontalAlignment="Stretch" Visibility="{Binding MessageVisibility}">
        <Button Visibility="Collapsed" Name="clickButton" Command="{Binding Path=CloseMessage}"/>
        <Border Background="LightGray" CornerRadius="20" MouseDown="Border_MouseDown" BorderThickness="8" BorderBrush="CadetBlue">
            <Grid VerticalAlignment="Center" HorizontalAlignment="Center" Margin="20px">
                <ItemsControl Grid.Column="0" Grid.Row="0" ItemsSource="{Binding Messages}">
                    <ItemsControl.ItemTemplate>
                        <DataTemplate>
                            <TextBlock TextBlock.TextAlignment="Center" Text="{Binding FallbackValue='Message'}"/>
                        </DataTemplate>
                    </ItemsControl.ItemTemplate>
                    <ItemsControl.ItemsPanel>
                        <ItemsPanelTemplate>
                            <StackPanel/>
                        </ItemsPanelTemplate>
                    </ItemsControl.ItemsPanel>

                </ItemsControl>

            </Grid>
        </Border>
    </DockPanel>
    <DockPanel  Panel.ZIndex="0" Grid.Column="0" Grid.Row="1">
...
    </DockPanel>
</Grid>

WPF弹出面板占用了所需的空间

2 个答案: