Design view being different from actual view when running

B

Buddy•1/18/24, 10:28 PM

$rulesofwpf

BBuddy $rulesofwpf

M

MODiX•1/18/24, 10:28 PM

Rules of WPF:

❌ Avoid the WPF Designer to eliminate a category of confusing bugs
❌ Don't rely on Margin as the primary tool for layouts
❌ Avoid writing UserControls or subclassing to extend a default control -- use Behaviors instead (Microsoft.Xaml.Behaviors.Wpf)

✅ Write XAML by hand and autoformat with "Ctrl K,D" or XAML Styler
✅ Rely upon XAML Hot Reload to design your app's UI at runtime
✅ Use layout controls (Grid, DockPanel, etc) to support proper resizing
✅ Use data binding to eliminate glue code and state synchronization issues
✅ Use collection controls and DataTemplate to dynamically create lists of controls
✅ Learn MVVM to create maintainable apps
✅ Use the Dispatcher to update controls from non-UI threads
✅ WPF's default controls can be easily modernized via $wpfuilibs
✅ Include relevant XAML, code-behind, and ViewModel code for questions when possible

Rules of WPF:

❌ Avoid the WPF Designer to eliminate a category of confusing bugs
❌ Don't rely on Margin as the primary tool for layouts
❌ Avoid writing UserControls or subclassing to extend a default control -- use Behaviors instead (Microsoft.Xaml.Behaviors.Wpf)

✅ Write XAML by hand and autoformat with "Ctrl K,D" or XAML Styler
✅ Rely upon XAML Hot Reload to design your app's UI at runtime
✅ Use layout controls (Grid, DockPanel, etc) to support proper resizing
✅ Use data binding to eliminate glue code and state synchronization issues
✅ Use collection controls and DataTemplate to dynamically create lists of controls
✅ Learn MVVM to create maintainable apps
✅ Use the Dispatcher to update controls from non-UI threads
✅ WPF's default controls can be easily modernized via $wpfuilibs
✅ Include relevant XAML, code-behind, and ViewModel code for questions when possible

Rules of WPF:

❌ Avoid the WPF Designer to eliminate a category of confusing bugs
❌ Don't rely on Margin as the primary tool for layouts
❌ Avoid writing UserControls or subclassing to extend a default control -- use Behaviors instead (Microsoft.Xaml.Behaviors.Wpf)

✅ Write XAML by hand and autoformat with "Ctrl K,D" or XAML Styler
✅ Rely upon XAML Hot Reload to design your app's UI at runtime
✅ Use layout controls (Grid, DockPanel, etc) to support proper resizing
✅ Use data binding to eliminate glue code and state synchronization issues
✅ Use collection controls and DataTemplate to dynamically create lists of controls
✅ Learn MVVM to create maintainable apps
✅ Use the Dispatcher to update controls from non-UI threads
✅ WPF's default controls can be easily modernized via $wpfuilibs
✅ Include relevant XAML, code-behind, and ViewModel code for questions when possible

Rules of WPF:

❌ Avoid the WPF Designer to eliminate a category of confusing bugs
❌ Don't rely on Margin as the primary tool for layouts
❌ Avoid writing UserControls or subclassing to extend a default control -- use Behaviors instead (Microsoft.Xaml.Behaviors.Wpf)

✅ Write XAML by hand and autoformat with "Ctrl K,D" or XAML Styler
✅ Rely upon XAML Hot Reload to design your app's UI at runtime
✅ Use layout controls (Grid, DockPanel, etc) to support proper resizing
✅ Use data binding to eliminate glue code and state synchronization issues
✅ Use collection controls and DataTemplate to dynamically create lists of controls
✅ Learn MVVM to create maintainable apps
✅ Use the Dispatcher to update controls from non-UI threads
✅ WPF's default controls can be easily modernized via $wpfuilibs
✅ Include relevant XAML, code-behind, and ViewModel code for questions when possible

B

Buddy•1/18/24, 10:29 PM

Margin is the spacing between elements

B

Buddy•1/18/24, 10:29 PM

It is not the absolute position

B

Buddy•1/18/24, 10:29 PM

Do not use the designer / drag n drop

T

TurtlesOP•1/18/24, 10:30 PM

i dont drag and drop

T

TurtlesOP•1/18/24, 10:30 PM

i thought that was how you do it

T

TurtlesOP•1/18/24, 10:30 PM

lol

B

Buddy•1/18/24, 10:30 PM

Use layout controls

T

TurtlesOP•1/18/24, 10:30 PM

so how shouldve i done it

T

TurtlesOP•1/18/24, 10:30 PM

ok

T

TurtlesOP•1/18/24, 10:31 PM

so use a grid as well?

T

TurtlesOP•1/18/24, 10:49 PM

ok now i am using a canvas and it looks even worse lol

T

TurtlesOP•1/18/24, 10:49 PM

T

TurtlesOP•1/18/24, 10:50 PM

<Page x:Class="TEUD_GUI_Version.MainPage"
      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:TEUD_GUI_Version"
      mc:Ignorable="d" 
      d:DesignHeight="450" d:DesignWidth="450"
      Title="MainPage">

    <Canvas Background="White" Width="450" Height="450">
        <Label
            FontWeight="Bold"
            FontSize="20"
            HorizontalContentAlignment="Center"
            VerticalContentAlignment="Center"
            Width="450"
            Height="50"
        >The Escapists Ultimate Decompiler</Label>
        
        <Button
            x:Name="ProjButton"
            Height="25"
            Width="400"
            Canvas.Left="25"
            Canvas.Top="50"
        >To .proj</Button>

        <Button
            x:Name="CmapButton"
            Height="25"
            Width="400"
            Canvas.Left="25"
            Canvas.Top="85"
        >To .cmap</Button>

        <Button
            x:Name="MapButton"
            Height="25"
            Width="400"
            Canvas.Left="25"
            Canvas.Top="120"
        >To .map</Button>

        <Button
            x:Name="DecryptButton"
            Height="25"
            Width="400"
            Canvas.Left="25"
            Canvas.Top="200"
        >Decrypt Any File</Button>

        <Button
            x:Name="EncryptButton"
            Height="25"
            Width="400"
            Canvas.Left="25"
            Canvas.Top="235"
            >Encrypt Any File</Button>

        <Button
            x:Name="AboutButton"
            Height="25"
            Width="400"
            Canvas.Left="25"
            Canvas.Top="400"
        >About</Button>
    </Canvas>
</Page>

<Page x:Class="TEUD_GUI_Version.MainPage"
      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:TEUD_GUI_Version"
      mc:Ignorable="d" 
      d:DesignHeight="450" d:DesignWidth="450"
      Title="MainPage">

    <Canvas Background="White" Width="450" Height="450">
        <Label
            FontWeight="Bold"
            FontSize="20"
            HorizontalContentAlignment="Center"
            VerticalContentAlignment="Center"
            Width="450"
            Height="50"
        >The Escapists Ultimate Decompiler</Label>
        
        <Button
            x:Name="ProjButton"
            Height="25"
            Width="400"
            Canvas.Left="25"
            Canvas.Top="50"
        >To .proj</Button>

        <Button
            x:Name="CmapButton"
            Height="25"
            Width="400"
            Canvas.Left="25"
            Canvas.Top="85"
        >To .cmap</Button>

        <Button
            x:Name="MapButton"
            Height="25"
            Width="400"
            Canvas.Left="25"
            Canvas.Top="120"
        >To .map</Button>

        <Button
            x:Name="DecryptButton"
            Height="25"
            Width="400"
            Canvas.Left="25"
            Canvas.Top="200"
        >Decrypt Any File</Button>

        <Button
            x:Name="EncryptButton"
            Height="25"
            Width="400"
            Canvas.Left="25"
            Canvas.Top="235"
            >Encrypt Any File</Button>

        <Button
            x:Name="AboutButton"
            Height="25"
            Width="400"
            Canvas.Left="25"
            Canvas.Top="400"
        >About</Button>
    </Canvas>
</Page>

<Page x:Class="TEUD_GUI_Version.MainPage"
      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:TEUD_GUI_Version"
      mc:Ignorable="d" 
      d:DesignHeight="450" d:DesignWidth="450"
      Title="MainPage">

    <Canvas Background="White" Width="450" Height="450">
        <Label
            FontWeight="Bold"
            FontSize="20"
            HorizontalContentAlignment="Center"
            VerticalContentAlignment="Center"
            Width="450"
            Height="50"
        >The Escapists Ultimate Decompiler</Label>
        
        <Button
            x:Name="ProjButton"
            Height="25"
            Width="400"
            Canvas.Left="25"
            Canvas.Top="50"
        >To .proj</Button>

        <Button
            x:Name="CmapButton"
            Height="25"
            Width="400"
            Canvas.Left="25"
            Canvas.Top="85"
        >To .cmap</Button>

        <Button
            x:Name="MapButton"
            Height="25"
            Width="400"
            Canvas.Left="25"
            Canvas.Top="120"
        >To .map</Button>

        <Button
            x:Name="DecryptButton"
            Height="25"
            Width="400"
            Canvas.Left="25"
            Canvas.Top="200"
        >Decrypt Any File</Button>

        <Button
            x:Name="EncryptButton"
            Height="25"
            Width="400"
            Canvas.Left="25"
            Canvas.Top="235"
            >Encrypt Any File</Button>

        <Button
            x:Name="AboutButton"
            Height="25"
            Width="400"
            Canvas.Left="25"
            Canvas.Top="400"
        >About</Button>
    </Canvas>
</Page>

<Page x:Class="TEUD_GUI_Version.MainPage"
      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:TEUD_GUI_Version"
      mc:Ignorable="d" 
      d:DesignHeight="450" d:DesignWidth="450"
      Title="MainPage">

    <Canvas Background="White" Width="450" Height="450">
        <Label
            FontWeight="Bold"
            FontSize="20"
            HorizontalContentAlignment="Center"
            VerticalContentAlignment="Center"
            Width="450"
            Height="50"
        >The Escapists Ultimate Decompiler</Label>
        
        <Button
            x:Name="ProjButton"
            Height="25"
            Width="400"
            Canvas.Left="25"
            Canvas.Top="50"
        >To .proj</Button>

        <Button
            x:Name="CmapButton"
            Height="25"
            Width="400"
            Canvas.Left="25"
            Canvas.Top="85"
        >To .cmap</Button>

        <Button
            x:Name="MapButton"
            Height="25"
            Width="400"
            Canvas.Left="25"
            Canvas.Top="120"
        >To .map</Button>

        <Button
            x:Name="DecryptButton"
            Height="25"
            Width="400"
            Canvas.Left="25"
            Canvas.Top="200"
        >Decrypt Any File</Button>

        <Button
            x:Name="EncryptButton"
            Height="25"
            Width="400"
            Canvas.Left="25"
            Canvas.Top="235"
            >Encrypt Any File</Button>

        <Button
            x:Name="AboutButton"
            Height="25"
            Width="400"
            Canvas.Left="25"
            Canvas.Top="400"
        >About</Button>
    </Canvas>
</Page>

T

TurtlesOP•1/18/24, 10:50 PM

are the Canvas.Top and Canvas.Left things not absolute positions?

B

Buddy•1/18/24, 10:53 PM

Not right layout control. Try again.

B

Buddy•1/18/24, 10:53 PM

Also remove width - it overrides auto-scaling

B

Buddy•1/18/24, 10:54 PM

Read up on the controls

B

Buddy•1/18/24, 10:55 PM

Also anything in

d

d is design-time only

B

Buddy•1/18/24, 10:55 PM

So window width and height are not set

B

Buddy•1/18/24, 10:56 PM

Meaning it will auto-scale to content

T

TurtlesOP•1/18/24, 11:12 PM

omg

T

TurtlesOP•1/18/24, 11:12 PM

its doing it in grids too

T

TurtlesOP•1/18/24, 11:13 PM

    <Grid Background="White" Width="450" Height="450">
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="50"/>
            <RowDefinition Height="25"/>
            <RowDefinition Height="10"/>
            <RowDefinition Height="25"/>
            <RowDefinition Height="10"/>
            <RowDefinition Height="25"/>
            <RowDefinition Height="50"/>
            <RowDefinition Height="25"/>
            <RowDefinition Height="10"/>
            <RowDefinition Height="25"/>
            <RowDefinition Height="150"/>
            <RowDefinition Height="25"/>
        </Grid.RowDefinitions>

        <Label
            FontWeight="Bold"
            FontSize="20"
            Grid.Row="0"
            HorizontalContentAlignment="Center"
            VerticalContentAlignment="Center"
        >The Escapists Ultimate Decompiler</Label>
        
        <Button
            x:Name="ProjButton"
            
            Grid.Row="1"
            
            
        >To .proj</Button>

        <Button
            x:Name="CmapButton"
            Grid.Row="3"
            
            
        >To .cmap</Button>

        <Button
            x:Name="MapButton"
            Grid.Row="5"
            
        >To .map</Button>

        <Button
            x:Name="DecryptButton"
            Grid.Row="7"
            
        >Decrypt Any File</Button>

        <Button
            x:Name="EncryptButton"
            Grid.Row="9"
            >Encrypt Any File</Button>
        <Button
            x:Name="AboutButton"
            Grid.Row="11"
            
        >About</Button>
    </Grid>
</Page>

    <Grid Background="White" Width="450" Height="450">
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="50"/>
            <RowDefinition Height="25"/>
            <RowDefinition Height="10"/>
            <RowDefinition Height="25"/>
            <RowDefinition Height="10"/>
            <RowDefinition Height="25"/>
            <RowDefinition Height="50"/>
            <RowDefinition Height="25"/>
            <RowDefinition Height="10"/>
            <RowDefinition Height="25"/>
            <RowDefinition Height="150"/>
            <RowDefinition Height="25"/>
        </Grid.RowDefinitions>

        <Label
            FontWeight="Bold"
            FontSize="20"
            Grid.Row="0"
            HorizontalContentAlignment="Center"
            VerticalContentAlignment="Center"
        >The Escapists Ultimate Decompiler</Label>
        
        <Button
            x:Name="ProjButton"
            
            Grid.Row="1"
            
            
        >To .proj</Button>

        <Button
            x:Name="CmapButton"
            Grid.Row="3"
            
            
        >To .cmap</Button>

        <Button
            x:Name="MapButton"
            Grid.Row="5"
            
        >To .map</Button>

        <Button
            x:Name="DecryptButton"
            Grid.Row="7"
            
        >Decrypt Any File</Button>

        <Button
            x:Name="EncryptButton"
            Grid.Row="9"
            >Encrypt Any File</Button>
        <Button
            x:Name="AboutButton"
            Grid.Row="11"
            
        >About</Button>
    </Grid>
</Page>

    <Grid Background="White" Width="450" Height="450">
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="50"/>
            <RowDefinition Height="25"/>
            <RowDefinition Height="10"/>
            <RowDefinition Height="25"/>
            <RowDefinition Height="10"/>
            <RowDefinition Height="25"/>
            <RowDefinition Height="50"/>
            <RowDefinition Height="25"/>
            <RowDefinition Height="10"/>
            <RowDefinition Height="25"/>
            <RowDefinition Height="150"/>
            <RowDefinition Height="25"/>
        </Grid.RowDefinitions>

        <Label
            FontWeight="Bold"
            FontSize="20"
            Grid.Row="0"
            HorizontalContentAlignment="Center"
            VerticalContentAlignment="Center"
        >The Escapists Ultimate Decompiler</Label>
        
        <Button
            x:Name="ProjButton"
            
            Grid.Row="1"
            
            
        >To .proj</Button>

        <Button
            x:Name="CmapButton"
            Grid.Row="3"
            
            
        >To .cmap</Button>

        <Button
            x:Name="MapButton"
            Grid.Row="5"
            
        >To .map</Button>

        <Button
            x:Name="DecryptButton"
            Grid.Row="7"
            
        >Decrypt Any File</Button>

        <Button
            x:Name="EncryptButton"
            Grid.Row="9"
            >Encrypt Any File</Button>
        <Button
            x:Name="AboutButton"
            Grid.Row="11"
            
        >About</Button>
    </Grid>
</Page>

    <Grid Background="White" Width="450" Height="450">
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="50"/>
            <RowDefinition Height="25"/>
            <RowDefinition Height="10"/>
            <RowDefinition Height="25"/>
            <RowDefinition Height="10"/>
            <RowDefinition Height="25"/>
            <RowDefinition Height="50"/>
            <RowDefinition Height="25"/>
            <RowDefinition Height="10"/>
            <RowDefinition Height="25"/>
            <RowDefinition Height="150"/>
            <RowDefinition Height="25"/>
        </Grid.RowDefinitions>

        <Label
            FontWeight="Bold"
            FontSize="20"
            Grid.Row="0"
            HorizontalContentAlignment="Center"
            VerticalContentAlignment="Center"
        >The Escapists Ultimate Decompiler</Label>
        
        <Button
            x:Name="ProjButton"
            
            Grid.Row="1"
            
            
        >To .proj</Button>

        <Button
            x:Name="CmapButton"
            Grid.Row="3"
            
            
        >To .cmap</Button>

        <Button
            x:Name="MapButton"
            Grid.Row="5"
            
        >To .map</Button>

        <Button
            x:Name="DecryptButton"
            Grid.Row="7"
            
        >Decrypt Any File</Button>

        <Button
            x:Name="EncryptButton"
            Grid.Row="9"
            >Encrypt Any File</Button>
        <Button
            x:Name="AboutButton"
            Grid.Row="11"
            
        >About</Button>
    </Grid>
</Page>

B

Buddy•1/18/24, 11:13 PM

Read what I said

T

TurtlesOP•1/18/24, 11:14 PM

i did

T

TurtlesOP•1/18/24, 11:14 PM

i read about layout stuff

BBuddy So window width and height are not set

B

Buddy•1/18/24, 11:14 PM

This

T

TurtlesOP•1/18/24, 11:14 PM

T

TurtlesOP•1/18/24, 11:14 PM

i did that

T

TurtlesOP•1/18/24, 11:15 PM

the NavigationWindow is also 450x450

B

Buddy•1/18/24, 11:15 PM

Why do you set the size of the grid?

T

TurtlesOP•1/18/24, 11:15 PM

to make sure its fine

B

Buddy•1/18/24, 11:15 PM

If you want it to auto-scale remove size properties

T

TurtlesOP•1/18/24, 11:16 PM

ok

T

TurtlesOP•1/18/24, 11:16 PM

still the same

B

Buddy•1/18/24, 11:16 PM

Also dont rely on designer

B

Buddy•1/18/24, 11:16 PM

Screw the designer

B

Buddy•1/18/24, 11:16 PM

Use hot reload

B

Buddy•1/18/24, 11:17 PM

You can run your app in debug and change xaml at runtime

T

TurtlesOP•1/18/24, 11:17 PM

k

T

TurtlesOP•1/18/24, 11:17 PM

so then it should be good?

B

Buddy•1/18/24, 11:17 PM

sure.

T

TurtlesOP•1/18/24, 11:19 PM

its shifted to the right a little bit

T

TurtlesOP•1/19/24, 12:28 AM

im actually dumn

T

TurtlesOP•1/19/24, 12:28 AM

i just had to do the horizontal and vertical alignments to be center for the page and window

T

TurtlesOP•1/19/24, 12:28 AM

S

Sir Rufo•1/19/24, 4:59 PM

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:controls="clr-namespace:WpfApp.Controls"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:local="clr-namespace:WpfApp"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        Title="MainWindow"
        Width="400"
        Height="450"
        mc:Ignorable="d">
    <Window.Resources>
        <Style x:Key="Title"
               TargetType="TextBlock">
            <Setter Property="FontSize"
                    Value="18" />
            <Setter Property="FontWeight"
                    Value="Bold" />
            <Setter Property="TextAlignment"
                    Value="Center" />
            <Setter Property="Margin"
                    Value="5" />
        </Style>
        <Style TargetType="Button">
            <Setter Property="Margin"
                    Value="5" />
        </Style>
    </Window.Resources>
    <Grid Margin="10,5">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <TextBlock Grid.Row="0"
                   Style="{StaticResource Title}"
                   Text="The Escapists Ultimate Decompiler" />
        <StackPanel Grid.Row="1">
            <Button Content="To .proj" />
            <Button Content="To .cmap" />
            <Button Content="To .map" />
        </StackPanel>
        <StackPanel Grid.Row="2"
                    VerticalAlignment="Center">
            <Button Content="Decrypt Any File" />
            <Button Content="Encrypt Any File" />
        </StackPanel>
        <StackPanel Grid.Row="3">
            <Button Content="About" />
        </StackPanel>
    </Grid>
</Window>

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:controls="clr-namespace:WpfApp.Controls"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:local="clr-namespace:WpfApp"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        Title="MainWindow"
        Width="400"
        Height="450"
        mc:Ignorable="d">
    <Window.Resources>
        <Style x:Key="Title"
               TargetType="TextBlock">
            <Setter Property="FontSize"
                    Value="18" />
            <Setter Property="FontWeight"
                    Value="Bold" />
            <Setter Property="TextAlignment"
                    Value="Center" />
            <Setter Property="Margin"
                    Value="5" />
        </Style>
        <Style TargetType="Button">
            <Setter Property="Margin"
                    Value="5" />
        </Style>
    </Window.Resources>
    <Grid Margin="10,5">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <TextBlock Grid.Row="0"
                   Style="{StaticResource Title}"
                   Text="The Escapists Ultimate Decompiler" />
        <StackPanel Grid.Row="1">
            <Button Content="To .proj" />
            <Button Content="To .cmap" />
            <Button Content="To .map" />
        </StackPanel>
        <StackPanel Grid.Row="2"
                    VerticalAlignment="Center">
            <Button Content="Decrypt Any File" />
            <Button Content="Encrypt Any File" />
        </StackPanel>
        <StackPanel Grid.Row="3">
            <Button Content="About" />
        </StackPanel>
    </Grid>
</Window>

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:controls="clr-namespace:WpfApp.Controls"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:local="clr-namespace:WpfApp"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        Title="MainWindow"
        Width="400"
        Height="450"
        mc:Ignorable="d">
    <Window.Resources>
        <Style x:Key="Title"
               TargetType="TextBlock">
            <Setter Property="FontSize"
                    Value="18" />
            <Setter Property="FontWeight"
                    Value="Bold" />
            <Setter Property="TextAlignment"
                    Value="Center" />
            <Setter Property="Margin"
                    Value="5" />
        </Style>
        <Style TargetType="Button">
            <Setter Property="Margin"
                    Value="5" />
        </Style>
    </Window.Resources>
    <Grid Margin="10,5">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <TextBlock Grid.Row="0"
                   Style="{StaticResource Title}"
                   Text="The Escapists Ultimate Decompiler" />
        <StackPanel Grid.Row="1">
            <Button Content="To .proj" />
            <Button Content="To .cmap" />
            <Button Content="To .map" />
        </StackPanel>
        <StackPanel Grid.Row="2"
                    VerticalAlignment="Center">
            <Button Content="Decrypt Any File" />
            <Button Content="Encrypt Any File" />
        </StackPanel>
        <StackPanel Grid.Row="3">
            <Button Content="About" />
        </StackPanel>
    </Grid>
</Window>

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:controls="clr-namespace:WpfApp.Controls"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:local="clr-namespace:WpfApp"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        Title="MainWindow"
        Width="400"
        Height="450"
        mc:Ignorable="d">
    <Window.Resources>
        <Style x:Key="Title"
               TargetType="TextBlock">
            <Setter Property="FontSize"
                    Value="18" />
            <Setter Property="FontWeight"
                    Value="Bold" />
            <Setter Property="TextAlignment"
                    Value="Center" />
            <Setter Property="Margin"
                    Value="5" />
        </Style>
        <Style TargetType="Button">
            <Setter Property="Margin"
                    Value="5" />
        </Style>
    </Window.Resources>
    <Grid Margin="10,5">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
            <RowDefinition />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <TextBlock Grid.Row="0"
                   Style="{StaticResource Title}"
                   Text="The Escapists Ultimate Decompiler" />
        <StackPanel Grid.Row="1">
            <Button Content="To .proj" />
            <Button Content="To .cmap" />
            <Button Content="To .map" />
        </StackPanel>
        <StackPanel Grid.Row="2"
                    VerticalAlignment="Center">
            <Button Content="Decrypt Any File" />
            <Button Content="Encrypt Any File" />
        </StackPanel>
        <StackPanel Grid.Row="3">
            <Button Content="About" />
        </StackPanel>
    </Grid>
</Window>

Design view being different from actual view when running

Similar Threads

Similar Threads

Similar Threads