更改复选框矩形的大小而不更改其内容

Question

在我接下来的 WPF 应用程序中，我们如何才能更改 CheckBox 的大小而不 更改其内容的大小（Segoe MDL2 Assets icon).我希望看到复选框矩形是其内容（图标）大小的一半。如果我将复选框的宽度和高度设置为 10，它也会减小内容大小（图标）：

<Window x:Class="WpfApp1.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:WpfApp1"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <StackPanel Margin="10">
            <Label FontWeight="Bold">Application Options</Label>
            <CheckBox VerticalContentAlignment="Center">
                <TextBlock Text="&#xE715;" FontFamily="Segoe MDL2 Assets" FontSize="20"/>
            </CheckBox>
        </StackPanel>
    </Grid>
</Window>

以上显示XAML:

Answer 1

您可以将 TextBlock 移出 CheckBox。像这样：

<StackPanel Margin="10">
    <Label FontWeight="Bold">Application Options</Label>
    <Grid VerticalAlignment="Center">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <CheckBox RenderTransformOrigin="0.5,0.5" VerticalAlignment="Center">
            <CheckBox.RenderTransform>
                <ScaleTransform ScaleX="0.5" ScaleY="0.5" />
            </CheckBox.RenderTransform>
        </CheckBox>
        <TextBlock Grid.Column="1" Text="&#xE715;" FontFamily="Segoe MDL2 Assets" FontSize="20"/>
    </Grid>
</StackPanel>

更改复选框矩形的大小而不更改其内容

Change the size of checkbox rectangle without changing its content

wpf

wpf-controls