WPF中如何按网格单元格边框比例设置按钮位置与大小

完全可以通过XAML完成这个布局需求，不需要任何后台逻辑。下面是两种实用的实现方式：

方式一：嵌套Grid（直观易维护，推荐） #

在目标Grid单元格里嵌套一个小Grid，通过定义相对比例的列和行，让按钮自动填充到符合间距要求的区域，窗口缩放时会自动同步调整：

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>

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

    <!-- 目标单元格内嵌套的Grid，实现比例间距 -->
    <Grid Grid.Column="0" Grid.Row="2">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="0.2*"/> <!-- 左侧占单元格宽度20% -->
            <ColumnDefinition Width="0.6*"/> <!-- 按钮宽度占60% -->
            <ColumnDefinition Width="0.2*"/> <!-- 右侧占20% -->
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="0.1*"/> <!-- 顶部占单元格高度10% -->
            <RowDefinition Height="0.8*"/> <!-- 按钮高度占80% -->
            <RowDefinition Height="0.1*"/> <!-- 底部占10% -->
        </Grid.RowDefinitions>

        <Button Content="BACK" Grid.Column="1" Grid.Row="1"/>
    </Grid>
</Grid>

方式二：绑定Margin到单元格尺寸 #

通过绑定按钮的Margin属性到所在单元格的实际宽高，计算出相对间距。这种方式需要自定义一个PercentageConverter转换器（可在XAML中声明），但相比嵌套Grid稍复杂：

<!-- 先在资源中声明转换器 -->
<Window.Resources>
    <local:PercentageConverter x:Key="PercentageConverter"/>
</Window.Resources>

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>

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

    <Button Content="BACK" Grid.Column="0" Grid.Row="2"
            Margin="{Binding RelativeSource={RelativeSource AncestorType=Grid}, Path=ActualWidth, Converter={StaticResource PercentageConverter}, ConverterParameter=20},
                    {Binding RelativeSource={RelativeSource AncestorType=Grid}, Path=ActualHeight, Converter={StaticResource PercentageConverter}, ConverterParameter=10},
                    {Binding RelativeSource={RelativeSource AncestorType=Grid}, Path=ActualWidth, Converter={StaticResource PercentageConverter}, ConverterParameter=20},
                    {Binding RelativeSource={RelativeSource AncestorType=Grid}, Path=ActualHeight, Converter={StaticResource PercentageConverter}, ConverterParameter=10}"/>
</Grid>

转换器的C#代码（仅需一次定义）：

public class PercentageConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is double actualValue && double.TryParse(parameter.ToString(), out double percentage))
        {
            return actualValue * (percentage / 100);
        }
        return 0;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

内容的提问来源于stack exchange，提问作者BabyHai