WPF Trouble with IsSharedSizeScope attribute

132 Views Asked by At

IsSharedSizeScope is set as true in the Grid(parent) level with StackPanel as a child then IsSharedSizeScope property is not working but when I remove the StackPanel it works. I am trying to understand what I am doing wrong. Any help would be appreciated.

<Window x:Class="DemoWpfApp.Views.PortConnectionView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:DemoWpfApp.Views"
             xmlns:vm="clr-namespace:DemoWpfApp.ViewModels"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800">
    <Window.DataContext>
        <vm:PortConnectionViewModel/>
    </Window.DataContext>

    <Grid Grid.IsSharedSizeScope="True">

        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>

        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" SharedSizeGroup="A"/>
            <ColumnDefinition Width="Auto" SharedSizeGroup="A"/>
            <ColumnDefinition Width="Auto" SharedSizeGroup="A" />
        </Grid.ColumnDefinitions>

        <StackPanel Grid.Row="1" Orientation="Horizontal" Margin="3">
            <TextBlock Grid.Column="0" Text="Detect charger" Margin="3" HorizontalAlignment="Center" VerticalAlignment="Center"/>
            <TextBlock Grid.Column="1" Text="Ok" Margin="3" HorizontalAlignment="Center" VerticalAlignment="Center"/>
        </StackPanel>

        <StackPanel Grid.Row="2" Orientation="Horizontal" Margin="3">
            <TextBlock Grid.Column="0" Text="Configure meter" Margin="3" HorizontalAlignment="Center" VerticalAlignment="Center"/>
            <TextBlock Grid.Column="1" Text="Ok" Margin="3" HorizontalAlignment="Center" VerticalAlignment="Center"/>
        </StackPanel>

        <StackPanel Grid.Row="3" Orientation="Horizontal" Margin="3">
            <TextBlock Grid.Column="0" Text="Activate charger" Margin="3" HorizontalAlignment="Center" VerticalAlignment="Center"/>
            <TextBlock Grid.Column="1" Text="Ok" Margin="3" HorizontalAlignment="Center" VerticalAlignment="Center"/>
        </StackPanel>

        <StackPanel Grid.Row="4" Orientation="Horizontal" Margin="3">
            <TextBlock Grid.Column="1" Text="Upgrade version" Margin="3" HorizontalAlignment="Center" VerticalAlignment="Center"/>
            <TextBlock Grid.Column="2" Text="Ok" Margin="3" HorizontalAlignment="Center" VerticalAlignment="Center"/>
        </StackPanel>

    </Grid>
</Window>
1

There are 1 best solutions below

0
On

Grid.Column on TextBlocks doesn't matter because they are not directly inside Grid. Clear problem statement is half of a solution: put TextBlocks directly inside Grid (in appropriate Rows).

<Grid Grid.IsSharedSizeScope="True">

    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>

    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto" SharedSizeGroup="A"/>
        <ColumnDefinition Width="Auto" SharedSizeGroup="A"/>
        <ColumnDefinition Width="Auto" SharedSizeGroup="A" />
    </Grid.ColumnDefinitions>

    <TextBlock Grid.Row="1" Grid.Column="0" Text="Detect charger" Margin="3" HorizontalAlignment="Center" VerticalAlignment="Center"/>
    <TextBlock Grid.Row="1" Grid.Column="1" Text="Ok" Margin="3" HorizontalAlignment="Center" VerticalAlignment="Center"/>

    <TextBlock Grid.Row="2" Grid.Column="0" Text="Configure meter" Margin="3" HorizontalAlignment="Center" VerticalAlignment="Center"/>
    <TextBlock Grid.Row="2" Grid.Column="1" Text="Ok" Margin="3" HorizontalAlignment="Center" VerticalAlignment="Center"/>

    <TextBlock Grid.Row="3" Grid.Column="0" Text="Activate charger" Margin="3" HorizontalAlignment="Center" VerticalAlignment="Center"/>
    <TextBlock Grid.Row="3"  Grid.Column="1" Text="Ok" Margin="3" HorizontalAlignment="Center" VerticalAlignment="Center"/>

    <TextBlock Grid.Row="4" Grid.Column="1" Text="Upgrade version" Margin="3" HorizontalAlignment="Center" VerticalAlignment="Center"/>
    <TextBlock Grid.Row="4" Grid.Column="2" Text="Ok" Margin="3" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Grid>