Кнопка масштабирования внутри сетки

Question

В настоящее время у меня есть сетка с 4 столбцами и 2 рядами.Внутри каждой ячейки этой сетки находится пользовательская кнопка (состоящая из холста, прямоугольника и текстового блока, сгруппированных в элемент управления кнопки со смесью 4).

Таким образом, по сути, эта сетка имеет 8 пользовательских кнопок, которые похожи друг на друга.размер, но отличается от текстового содержимого.

Проблема:

Когда я увеличиваю свой экран, сетка и ячейки растут с размером окна правильно.Положение кнопок также имеет правильный размер. Но размер кнопок никогда не меняется.

Как изменить сетку / кнопку, чтобы кнопки увеличивались в размерах при увеличении экрана?Все настройки, такие как ширина и высота, устанавливаются на авто.

Пример некоторого кода сетки:

 <Grid x:Name="gridSubCategories" Margin="15,125,15,50">
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>

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

        <Button x:Name="btnTestOne" Content="TestOne" Margin="9.426,29.05,9.425,29.05" Style="{DynamicResource ButtonStyleTestOne}" 
                Grid.Column="0" Grid.Row="0" HorizontalContentAlignment="Stretch"/>

С уважением.

Answer 1

Попробуйте использовать HorizontalAlignment = "Stretch" и VerticalAlignment = "Stretch" для кнопок

Answer 2

Добавить Viewbox в качестве родителя кнопки

Определяет декоратор контента, который может растягивать и масштабировать одного дочернего элемента, чтобы заполнить доступное пространство.

<Viewbox>
  Child
</Viewbox>

http://msdn.microsoft.com/en-us/library/system.windows.controls.viewbox.aspx