Как растянуть кнопки Material Design на всю ячейку в WPF?

Question

[michadimin]

Программа уже готова
Захотел стилизовать кнопки, но вылезла проблема - они не растянуты на всю ячейку, а занимают лишь середину...

Стандартные кнопки - выглядят так



Они правильно масштабируются и работают.
Но стоит добавить Material Design - появляется проблема


Есть ли способ это исправить?

Comments

[OwDafuq]

Разметку бы хоть показали...

[michadimin]

OwDafuq, я как-то не увидел особого смысла в этом... Мне кажется, что у меня всё сделано самым очевидным способом...
Но вот

<Window x:Class="WPF_Learning.MainWindow"
        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:WPF_Learning"
        mc:Ignorable="d"
        Title="Калькулятор v3 WPF" Height="700" Width="600" FontFamily="Segoe UI Semibold" FontSize="36" Background="#FF2B2A28" MinHeight="576" MinWidth="542" Icon="/pngegg.png">
    <Grid x:Name="MainGrid">
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Label x:Name="ExprLabel" Grid.ColumnSpan="5" Foreground="#FFD8D8D8" Margin="0,20,0,0">0</Label>
        <Label x:Name="CalculatedLabel" Grid.Column="3" Grid.ColumnSpan="4" HorizontalAlignment="Right" VerticalAlignment="Bottom" Foreground="#FF8C8C8C" Margin="0,0,20,0" FontSize="22">N/E</Label>

        <Button Grid.Column="1" Grid.Row="1">1</Button>
        <Button Grid.Column="2" Grid.Row="1">2</Button>
        <Button Grid.Column="3" Grid.Row="1">3</Button>
        <Button Grid.Column="1" Grid.Row="2">4</Button>
        <Button Grid.Column="2" Grid.Row="2">5</Button>
        <Button Grid.Column="3" Grid.Row="2">6</Button>
        <Button Grid.Column="1" Grid.Row="3">7</Button>
        <Button Grid.Column="2" Grid.Row="3">8</Button>
        <Button Grid.Column="3" Grid.Row="3">9</Button>
        <Button Grid.Column="2" Grid.Row="4">0</Button>
        <Button x:Name="EquButton" Grid.Column="3" Grid.Row="4" Background="#FFC97922">=</Button>
        <Button x:Name="EraseButton" Grid.Column="4" Grid.Row="4" Grid.ColumnSpan="2" Background="#FFC97922" Margin="0,0,60,0">⌫</Button>
        <Button Grid.Column="1" Grid.Row="4" >.</Button>
        
        <Button Grid.Column="4" Grid.Row="1" Margin="0,0,60,0">)</Button>
        <Button Grid.Column="4" Grid.Row="2" Margin="0,0,60,0">*</Button>
        <Button Grid.Column="4" Grid.Row="3" Margin="0,0,60,0">/</Button>

        <Button Grid.Column="0" Grid.Row="1" Margin="60,0,0,0">(</Button>
        <Button Grid.Column="0" Grid.Row="2" Margin="60,0,0,0">+</Button>
        <Button Grid.Column="0" Grid.Row="3" Margin="60,0,0,0">-</Button>
        <Button x:Name="ClearButton" Grid.Column="0" Grid.Row="4" Margin="60,0,0,0" Background="#FFC97922">AC</Button>
    </Grid>
</Window>

Answer 1

[yung_phil]

Решал такую же проблему - задал Button'у Height="auto"