WPF Stretch Width does it right but not Height

Question

WPF Stretch Width does it right but not Height

Asked 7 years ago

Viewed 33 times

0

Good staff.

I have a little problem and I can’t find where the "mistake" is. I’m trying to get the Window responsive, in which the Width keeps track of some window size, now the problem is even the Heigth, as DataGrid are always in the same size and said they would have only one MinHeigth="300".

Btw I have inside a StackPanel because the grid with the name gridManager may appear or not according to a condition, doing the Colapse when not to show up not to do it in code then to adjust things again.

Here is the code:

<Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:RetailInfo"
        xmlns:Controls="clr-namespace:RetailInfo.Controls" x:Class="RetailInfo.WindowDocumentPriceCheck"
        mc:Ignorable="d"
        Title="Verificar preços" Height="610" MinHeight="610" Width="600" MinWidth="400" BorderThickness="0" WindowStyle="ToolWindow" Focusable="True" ShowInTaskbar="False" ShowActivated="True">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <StackPanel x:Name="stackPanelMain" Grid.Column="0" Grid.Row="0" Margin="0,0,0,0" VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
            <Grid x:Name="gridManager" VerticalAlignment="Top" HorizontalAlignment="Left" Height="50" Width="298" Margin="10,0,0,0">
                <StackPanel>
                    <GroupBox x:Name="groupBoxRadio" Header="Tipo de Entidade" HorizontalAlignment="Left" Height="50" VerticalAlignment="Top" Width="250">
                        <Grid>
                            <RadioButton x:Name="radioButtonClient" Content="Cliente" HorizontalAlignment="Left" Margin="10,9,0,0" VerticalAlignment="Top" IsChecked="True"/>
                            <RadioButton x:Name="radioButtonSupplier" Content="Fornecedor" HorizontalAlignment="Left" Margin="100,9,0,0" VerticalAlignment="Top"/>
                        </Grid>
                    </GroupBox>
                </StackPanel>
            </Grid>
            <Grid Margin="0,10,0,0" VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" Name="GridWithDataGridLeft"/>
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>
                <Grid Grid.Column="0" Grid.Row="0">
                    <StackPanel VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
                        <Label x:Name="labelTypeOfSearch" Content="Nome do cliente" HorizontalAlignment="Left" Margin="10,5,0,5" VerticalAlignment="Top" FontSize="14"/>
                        <Grid Margin="10,5,10,5">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="30"/>
                            </Grid.RowDefinitions>
                            <TextBox Grid.Column="0" Grid.Row="0" x:Name="textBoxFilterEntity" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" TextWrapping="Wrap" Text="" VerticalContentAlignment="Center" FontSize="16"/>
                        </Grid>
                        <Grid Margin="10,5,10,5">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition MinHeight="300" Height="*"/>
                            </Grid.RowDefinitions>
                            <DataGrid x:Name="dataGridEntity" VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
                                <DataGrid.Columns>
                                    <DataGridTextColumn Binding="{Binding Path=Id}" Visibility="Hidden"/>
                                    <DataGridTextColumn Binding="{Binding Path=Name}" Width="*" Header="Nome"/>
                                </DataGrid.Columns>
                                <DataGrid.ItemContainerStyle>
                                    <Style TargetType="DataGridRow">
                                        <EventSetter x:Name="dataGridEntityPreviewLeftClick" Event="PreviewMouseLeftButtonUp" Handler="DataGridEntityRow_PreviewMouseLeftButtonUp"/>
                                    </Style>
                                </DataGrid.ItemContainerStyle>
                            </DataGrid>
                        </Grid>
                    </StackPanel>
                </Grid>
                <Grid Grid.Column="1" Grid.Row="0">
                    <StackPanel VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
                        <Label Content="Artigos" HorizontalAlignment="Left" Margin="10,5,0,5" VerticalAlignment="Top" FontSize="14"/>
                        <Grid Margin="10,5,10,5">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="30"/>
                            </Grid.RowDefinitions>
                            <TextBox Grid.Column="0" Grid.Row="0" x:Name="textBoxFilterProd" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" TextWrapping="Wrap" Text="" VerticalContentAlignment="Center" FontSize="16"/>
                        </Grid>
                        <Grid Margin="10,5,10,5">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition MinHeight="300"/>
                            </Grid.RowDefinitions>
                            <DataGrid x:Name="dataGridProds" VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
                                <DataGrid.Columns>
                                    <DataGridTextColumn Binding="{Binding Path=Id}" Visibility="Hidden"/>
                                    <DataGridTextColumn Binding="{Binding Path=Name}" Width="*" Header="Nome"/>
                                </DataGrid.Columns>
                                <DataGrid.ItemContainerStyle>
                                    <Style TargetType="DataGridRow">
                                        <EventSetter x:Name="dataGridProdsPreviewLeftClick" Event="PreviewMouseLeftButtonUp" Handler="DataGridProdRow_PreviewMouseLeftButtonUp"/>
                                    </Style>
                                </DataGrid.ItemContainerStyle>
                            </DataGrid>
                        </Grid>
                    </StackPanel>
                </Grid>
            </Grid>
            <Grid Margin="0,10,0,0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="30"/>
                    <RowDefinition Height="30"/>
                    <RowDefinition Height="50"/>
                </Grid.RowDefinitions>
                <Grid Grid.Column="0" Grid.Row="0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <Label Grid.Column="0" Grid.Row="0" Content="Cod. Barras/Artigo" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="14" Margin="10,0,10,0"/>
                    <Label Grid.Column="1" Grid.Row="0" Content="Preço" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="14" Margin="10,0,10,0"/>
                </Grid>
                <Grid Grid.Column="0" Grid.Row="1">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <TextBox x:Name="textBoxBarCode" Grid.Column="0" Grid.Row="0" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" TextWrapping="Wrap" Text="" VerticalContentAlignment="Center" FontSize="16" Margin="10,0,10,0"/>
                    <TextBox x:Name="textBoxPrice" Grid.Column="1" Grid.Row="0" Margin="10,0,10,0" TextWrapping="Wrap" Text="{Binding Price, UpdateSourceTrigger=Explicit}" Width="60" IsReadOnly="True" HorizontalAlignment="Left"/>
                </Grid>
                <Grid Grid.Column="0" Grid.Row="2">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <TextBlock x:Name="textBlockDescription" Grid.Column="0" Grid.Row="0" Margin="10,5,10,0" TextWrapping="WrapWithOverflow" Text="{Binding Descr, Mode=TwoWay, UpdateSourceTrigger=Explicit}" FontSize="16"/>
                </Grid>
            </Grid>
        </StackPanel>
    </Grid>
</Window>

I apologize if the problem is obvious, I started working for a short time with WPF.

Thanks for your help

1 answer

Browser other questions tagged wpf

You are not signed in. Login or sign up in order to post.

by Camadas • **143** points · Answer 1 · 2018-10-04T13:14:54+00:00

Well I had to change things a little to make it work the way I wanted it to.

Here’s the solution in case someone comes to have the same problems as me.

Replaces Stackpanel with a grid, by RowDefenition Heightto be associated with the height of the groupBoxRadio and when passing height to 0 it adapts without any problems.

<Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:RetailInfo"
        xmlns:Controls="clr-namespace:RetailInfo.Controls" x:Class="RetailInfo.WindowDocumentPriceCheck"
        mc:Ignorable="d"
        Title="Verificar preços" Height="610" MinHeight="610" Width="600" MinWidth="400" BorderThickness="0" WindowStyle="ToolWindow" Focusable="True" ShowInTaskbar="False" ShowActivated="True">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" MaxHeight="{Binding ElementName=groupBoxRadio, Path=Height}"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="120"/>
        </Grid.RowDefinitions>
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup x:Name="ApplicationViewStates">
                <VisualState x:Name="FullScreenLandscape"/>
                <VisualState x:Name="Filled"/>
                <VisualState x:Name="FullScreenPortrait"/>
                <VisualState x:Name="Snapped"/>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>
        <!-- Para fazer o colapse basta passar o Height do groupBoxRadio para 0 como tenho a RowDefinition deste para 0 e ele adapta-se sem problemas -->
        <Grid x:Name="gridManagerInfo" Grid.Column="0" Grid.Row="0" Margin="10,0,0,0">
            <StackPanel>
                <GroupBox x:Name="groupBoxRadio" Header="Tipo de Entidade" HorizontalAlignment="Left" Height="50" VerticalAlignment="Top" Width="250">
                    <Grid>
                        <RadioButton x:Name="radioButtonClient" Content="Cliente" HorizontalAlignment="Left" Margin="10,9,0,0" VerticalAlignment="Top" IsChecked="True"/>
                        <RadioButton x:Name="radioButtonSupplier" Content="Fornecedor" HorizontalAlignment="Left" Margin="100,9,0,0" VerticalAlignment="Top"/>
                    </Grid>
                </GroupBox>
            </StackPanel>
        </Grid>
        <Grid x:Name="gridForDataGrids" Grid.Column="0" Grid.Row="1" Margin="0,5,0,0">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="40"/>
                    <RowDefinition Height="40"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>
                <Grid Grid.Column="0" Grid.Row="0" Margin="0,5,0,0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <Label Grid.Column="0" Grid.Row="0" x:Name="labelTypeOfSearch" Content="Nome do Cliente" Margin="10,0,0,0" FontSize="16" VerticalAlignment="Stretch"/>
                    <Label Grid.Column="1" Grid.Row="0" Content="Artigos" Margin="10,0,0,0" FontSize="16" VerticalAlignment="Stretch"/>
                </Grid>
                <Grid Grid.Column="0" Grid.Row="1" Margin="0,5,0,0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <TextBox Grid.Column="0" Grid.Row="0" x:Name="textBoxFilterEntity" TextChanged="textBoxFilterEntity_TextChanged" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" TextWrapping="Wrap" Text="" VerticalContentAlignment="Center" FontSize="16" Margin="10,0,10,0"/>
                    <TextBox Grid.Column="1" Grid.Row="0" x:Name="textBoxFilterProd" TextChanged="textBoxFilterProd_TextChanged" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" TextWrapping="Wrap" Text="" VerticalContentAlignment="Center" FontSize="16" Margin="10,0,10,0"/>
                </Grid>
                <Grid Grid.Column="0" Grid.Row="2" Margin="0,5,0,0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <!-- DataGrid for the Entity -->
                    <DataGrid x:Name="dataGridEntity" Grid.Column="0" Grid.Row="0" Margin="10,5,10,0" CanUserAddRows="False" AutoGenerateColumns="False" LoadingRow="DataGrid_LoadingRow">
                        <DataGrid.Columns>
                            <DataGridTextColumn Binding="{Binding Path=Id}" Visibility="Hidden"/>
                            <DataGridTextColumn Binding="{Binding Path=Name}" Width="*" Header="Nome" IsReadOnly="True"/>
                        </DataGrid.Columns>
                        <DataGrid.ItemContainerStyle>
                            <Style TargetType="DataGridRow">
                                <EventSetter x:Name="dataGridEntityPreviewLeftClick" Event="PreviewMouseLeftButtonUp" Handler="DataGridEntityRow_PreviewMouseLeftButtonUp"/>
                                <Setter Property="FontSize" Value="16"/>
                                <Setter Property="VerticalContentAlignment" Value="Center"/>
                            </Style>
                        </DataGrid.ItemContainerStyle>
                    </DataGrid>
                    <!-- DataGrid for the Products -->
                    <DataGrid x:Name="dataGridProds" Grid.Column="1" Grid.Row="0" Margin="10,5,10,0" CanUserAddRows="False" AutoGenerateColumns="False" LoadingRow="DataGrid_LoadingRow">
                        <DataGrid.Columns>
                            <DataGridTextColumn Binding="{Binding Path=Id}" Visibility="Hidden"/>
                            <DataGridTextColumn Binding="{Binding Path=Name}" Width="*" Header="Nome" IsReadOnly="True"/>
                        </DataGrid.Columns>
                        <DataGrid.ItemContainerStyle>
                            <Style TargetType="DataGridRow">
                                <EventSetter x:Name="dataGridProdsPreviewLeftClick" Event="PreviewMouseLeftButtonUp" Handler="DataGridProdRow_PreviewMouseLeftButtonUp"/>
                                <Setter Property="FontSize" Value="16"/>
                                <Setter Property="VerticalContentAlignment" Value="Center"/>
                            </Style>
                        </DataGrid.ItemContainerStyle>
                    </DataGrid>
                </Grid>
            </Grid>
        </Grid>
        <Grid x:Name="gridForProdInfo" Grid.Column="0" Grid.Row="2" Margin="0,5,0,0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="75"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="30"/>
                <RowDefinition Height="30"/>
                <RowDefinition Height="50"/>
            </Grid.RowDefinitions>
            <Grid Grid.Column="0" Grid.Row="0">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>
                <Label Grid.Column="0" Grid.Row="0" Content="Cod. Barras/Artigo" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="14" Margin="10,0,10,0"/>
                <Label Grid.Column="1" Grid.Row="0" Content="Preço" HorizontalAlignment="Left" VerticalAlignment="Top" FontSize="14" Margin="10,0,10,0"/>
            </Grid>
            <Grid Grid.Column="0" Grid.Row="1">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>
                <TextBox x:Name="textBoxBarCode" Grid.Column="0" Grid.Row="0" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" TextWrapping="Wrap" Text="" VerticalContentAlignment="Center" FontSize="16" Margin="10,0,10,0"/>
                <Grid Grid.Column="1" Grid.Row="0">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <TextBox x:Name="textBoxPrice" Margin="10,0,0,0" TextWrapping="Wrap" Text="{Binding Price, UpdateSourceTrigger=Explicit}" IsReadOnly="True" HorizontalAlignment="Stretch" FontSize="16" VerticalContentAlignment="Center"/>
                </Grid>
            </Grid>
            <Grid Grid.Column="0" Grid.Row="2">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>
                <TextBlock x:Name="textBlockDescription" Grid.Column="0" Grid.Row="0" Margin="10,5,10,0" TextWrapping="WrapWithOverflow" Text="{Binding Descr, Mode=TwoWay, UpdateSourceTrigger=Explicit}" FontSize="16"/>
            </Grid>
            <Grid x:Name="buttonClose" Grid.Column="1" Grid.RowSpan="3" Background="Transparent" Margin="10,10,10,10" MouseDown="buttonClose_MouseDown">
                <Image x:Name="imageClose" Source="/Images/close.png"/>
            </Grid>
        </Grid>
    </Grid>
</Window>