【解決方法】WPF C#で完全にレスポンシブに変更するには?

[ad_1]

<Window x:Class="Restraurant_POS.Dashboard"
        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:Wpf="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf"
        xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
        xmlns:Icon="http://metro.mahapps.com/winfx/xaml/iconpacks"
        xmlns:local="clr-namespace:Restraurant_POS"
        mc:Ignorable="d"
        Title="Dashboard" Height="780" Width="1280" AllowsTransparency="True" WindowState="Maximized" WindowStyle="None">
    <Window.Resources>
        <BooleanToVisibilityConverter x:Key="boolToVisConv"/>
    </Window.Resources>
    <Grid Background="#f7f6f4" Margin="20,20,20,20">
        <Grid Width="Auto" Height="Auto">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="220"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
                <RowDefinition/>
            </Grid.RowDefinitions>
            <!--Menu-->
            <Border Grid.RowSpan="4" CornerRadius="25">
                <Border.Background>
                    <LinearGradientBrush>
                        <GradientStop Color="#01a0fe" Offset="0"/>
                        <GradientStop Color="#2ec091" Offset="0.8"/>
                    </LinearGradientBrush>
                </Border.Background>
                <StackPanel>
                    <!--Logo-->
                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0 30 0 10">
                        <Grid>
                            <Border Background="#ffffff" Width="35" Height="35" CornerRadius="50"/>
                            <Border Width="35" Height="35" BorderBrush="#ffffff" BorderThickness="3" CornerRadius="50">
                                <Border.Effect>
                                    <DropShadowEffect BlurRadius="10" Opacity="0.3"/>
                                </Border.Effect>

                                <!--Icon-->
                                <Icon:PackIconMaterial Kind="SendOutline" Width="15" Height="15" Foreground="#01A0FE" VerticalAlignment="Center"
                                                       HorizontalAlignment="Center" Margin="3 0 0 2">
                                    <Icon:PackIconMaterial.LayoutTransform>
                                        <RotateTransform Angle="-45"/>
                                    </Icon:PackIconMaterial.LayoutTransform>
                                </Icon:PackIconMaterial>
                            </Border>
                        </Grid>

                        <!--Title Text-->
                        <TextBlock Text="Data" Foreground="#ffffff" FontSize="30" Margin="10 0 0 3">
                            <TextBlock.Effect>
                                <DropShadowEffect BlurRadius="10" Opacity="0.3"/>
                            </TextBlock.Effect>
                        </TextBlock>
                    </StackPanel>

                    <!--Menu Items-->
                    <TextBlock Text="Main" Style="{StaticResource menuTitle}"/>
                    <Button Name="btnDashboard" Style="{StaticResource menuButton}" Background="#f7f6f4" Foreground="#000000" Click="btnDashboard_Click">
                        <StackPanel Orientation="Horizontal">
                            <Icon:PackIconMaterial Kind="ViewDashboard" Style="{StaticResource menuButtonIcon}"/>
                            <TextBlock Text="Dashboard" Style="{StaticResource menuButtonIText}" FontSize="16"/>
                        </StackPanel>
                    </Button>
                    <Button Name="btnMaster" Style="{StaticResource menuButton}" Click="btnMaster_Click">
                        <StackPanel Orientation="Horizontal">
                            <Icon:PackIconMaterial Kind="AccountCheckOutline" Style="{StaticResource menuButtonIcon}"/>
                            <TextBlock Text="Master" Style="{StaticResource menuButtonIText}" FontSize="16"/>
                        </StackPanel>
                    </Button>
                    <Button Name="btnInventory" Style="{StaticResource menuButton}" Click="btnInventory_Click">
                        <StackPanel Orientation="Horizontal">
                            <Icon:PackIconMaterial Kind="BasketPlusOutline" Style="{StaticResource menuButtonIcon}"/>
                            <TextBlock Text="Inventory" Style="{StaticResource menuButtonIText}" FontSize="16"/>
                        </StackPanel>
                    </Button>
                    <Button Name="btnPayroll" Style="{StaticResource menuButton}" Click="btnPayroll_Click">
                        <StackPanel Orientation="Horizontal">
                            <Icon:PackIconMaterial Kind="ProgressClock" Style="{StaticResource menuButtonIcon}"/>
                            <TextBlock Text="Payroll" Style="{StaticResource menuButtonIText}" FontSize="16"/>
                        </StackPanel>
                    </Button>
                    <Button Name="btnReports" Style="{StaticResource menuButton}" Click="btnReports_Click">
                        <StackPanel Orientation="Horizontal">
                            <Icon:PackIconMaterial Kind="SourceRepository" Style="{StaticResource menuButtonIcon}"/>
                            <TextBlock Text="Reports" Style="{StaticResource menuButtonIText}" FontSize="16"/>
                        </StackPanel>
                    </Button>
                    <Button Name="btnSettings" Style="{StaticResource menuButton}" Click="btnSettings_Click">
                        <StackPanel Orientation="Horizontal">
                            <Icon:PackIconMaterial Kind="StarSettings" Style="{StaticResource menuButtonIcon}"/>
                            <TextBlock Text="Settings" Style="{StaticResource menuButtonIText}" FontSize="16"/>
                        </StackPanel>
                    </Button>
                </StackPanel>
            </Border>
            <!--Search Bar-->
            <Border Style="{StaticResource whiteBorder}" CornerRadius="30" Margin="10,10,10,10" Grid.Column="1" >
                <Grid  VerticalAlignment="Bottom">
                    <Button Name="btnPower" Style="{StaticResource topButton}" Width="30" Height="25" BorderBrush="{x:Null}" Foreground="White" Background="Black" Margin="40,3,6,4" Click="btnPower_Click">
                        <materialDesign:PackIcon Kind="Power"/>
                    </Button>
                </Grid>
            </Border>



        </Grid>
    </Grid>
</Window>

私が試したこと：

<Window x:Class="Restraurant_POS.Dashboard"
        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:Wpf="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf"
        xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
        xmlns:Icon="http://metro.mahapps.com/winfx/xaml/iconpacks"
        xmlns:local="clr-namespace:Restraurant_POS"
        mc:Ignorable="d"
        Title="Dashboard" Height="780" Width="1280" AllowsTransparency="True" WindowState="Maximized" WindowStyle="None">
    <Window.Resources>
        <BooleanToVisibilityConverter x:Key="boolToVisConv"/>
    </Window.Resources>
    <Grid Background="#f7f6f4" Margin="20,20,20,20">
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="220"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"/>
                <RowDefinition/>
            </Grid.RowDefinitions>
            <!--Menu-->
            <Border Grid.RowSpan="4" CornerRadius="25">
                <Border.Background>
                    <LinearGradientBrush>
                        <GradientStop Color="#01a0fe" Offset="0"/>
                        <GradientStop Color="#2ec091" Offset="0.8"/>
                    </LinearGradientBrush>
                </Border.Background>
                <StackPanel>
                    <!--Logo-->
                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" Margin="0 30 0 10">
                        <Grid>
                            <Border Background="#ffffff" Width="35" Height="35" CornerRadius="50"/>
                            <Border Width="35" Height="35" BorderBrush="#ffffff" BorderThickness="3" CornerRadius="50">
                                <Border.Effect>
                                    <DropShadowEffect BlurRadius="10" Opacity="0.3"/>
                                </Border.Effect>

                                <!--Icon-->
                                <Icon:PackIconMaterial Kind="SendOutline" Width="15" Height="15" Foreground="#01A0FE" VerticalAlignment="Center"
                                                       HorizontalAlignment="Center" Margin="3 0 0 2">
                                    <Icon:PackIconMaterial.LayoutTransform>
                                        <RotateTransform Angle="-45"/>
                                    </Icon:PackIconMaterial.LayoutTransform>
                                </Icon:PackIconMaterial>
                            </Border>
                        </Grid>

                        <!--Title Text-->
                        <TextBlock Text="Data" Foreground="#ffffff" FontSize="30" Margin="10 0 0 3">
                            <TextBlock.Effect>
                                <DropShadowEffect BlurRadius="10" Opacity="0.3"/>
                            </TextBlock.Effect>
                        </TextBlock>
                    </StackPanel>

                    <!--Menu Items-->
                    <TextBlock Text="Main" Style="{StaticResource menuTitle}"/>
                    <Button Name="btnDashboard" Style="{StaticResource menuButton}" Background="#f7f6f4" Foreground="#000000" Click="btnDashboard_Click">
                        <StackPanel Orientation="Horizontal">
                            <Icon:PackIconMaterial Kind="ViewDashboard" Style="{StaticResource menuButtonIcon}"/>
                            <TextBlock Text="Dashboard" Style="{StaticResource menuButtonIText}" FontSize="16"/>
                        </StackPanel>
                    </Button>
                    <Button Name="btnMaster" Style="{StaticResource menuButton}" Click="btnMaster_Click">
                        <StackPanel Orientation="Horizontal">
                            <Icon:PackIconMaterial Kind="AccountCheckOutline" Style="{StaticResource menuButtonIcon}"/>
                            <TextBlock Text="Master" Style="{StaticResource menuButtonIText}" FontSize="16"/>
                        </StackPanel>
                    </Button>
                    <Button Name="btnInventory" Style="{StaticResource menuButton}" Click="btnInventory_Click">
                        <StackPanel Orientation="Horizontal">
                            <Icon:PackIconMaterial Kind="BasketPlusOutline" Style="{StaticResource menuButtonIcon}"/>
                            <TextBlock Text="Inventory" Style="{StaticResource menuButtonIText}" FontSize="16"/>
                        </StackPanel>
                    </Button>
                    <Button Name="btnPayroll" Style="{StaticResource menuButton}" Click="btnPayroll_Click">
                        <StackPanel Orientation="Horizontal">
                            <Icon:PackIconMaterial Kind="ProgressClock" Style="{StaticResource menuButtonIcon}"/>
                            <TextBlock Text="Payroll" Style="{StaticResource menuButtonIText}" FontSize="16"/>
                        </StackPanel>
                    </Button>
                    <Button Name="btnReports" Style="{StaticResource menuButton}" Click="btnReports_Click">
                        <StackPanel Orientation="Horizontal">
                            <Icon:PackIconMaterial Kind="SourceRepository" Style="{StaticResource menuButtonIcon}"/>
                            <TextBlock Text="Reports" Style="{StaticResource menuButtonIText}" FontSize="16"/>
                        </StackPanel>
                    </Button>
                    <Button Name="btnSettings" Style="{StaticResource menuButton}" Click="btnSettings_Click">
                        <StackPanel Orientation="Horizontal">
                            <Icon:PackIconMaterial Kind="StarSettings" Style="{StaticResource menuButtonIcon}"/>
                            <TextBlock Text="Settings" Style="{StaticResource menuButtonIText}" FontSize="16"/>
                        </StackPanel>
                    </Button>
                </StackPanel>
            </Border>
            <!--Search Bar-->
            <Border Style="{StaticResource whiteBorder}" CornerRadius="30" Margin="10,10,10,10" Grid.Column="1" >
                <Grid  VerticalAlignment="Bottom">
                    <Button Name="btnPower" Style="{StaticResource topButton}" Width="30" Height="25" BorderBrush="{x:Null}" Foreground="White" Background="Black" Margin="40,3,6,4" Click="btnPower_Click">
                        <materialDesign:PackIcon Kind="Power"/>
                    </Button>
                </Grid>
            </Border>
        </Grid>
        <Grid Margin="230,80,10,0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Grid Grid.Column="0">
                <materialDesign:Card Foreground="{DynamicResource PrimaryHueDarkForegroundBrush}" Padding="8" Margin="10 10 10 10" Height="100" VerticalAlignment="Top" HorizontalAlignment="Left" Width="225">
                    <materialDesign:Card.Background>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="#5E057E" Offset="0"/>
                            <GradientStop Color="#143D59" Offset="1"/>
                        </LinearGradientBrush>
                    </materialDesign:Card.Background>
                    <TextBlock Margin="239.667,66,0,0">
                        <TextBlock.Background>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#FFFE5F01" Offset="0"/>
                                <GradientStop Color="#FFFE01A0" Offset="1"/>
                            </LinearGradientBrush>
                        </TextBlock.Background>
                    </TextBlock>
                </materialDesign:Card>
                <Label x:Name="label" Content="Today Sales"  Margin="20,20,0,0" VerticalAlignment="Top" HorizontalAlignment="Left" Foreground="#DDFFFFFF" FontWeight="Bold" FontSize="14"  />
                <Label x:Name="label1" Content="47,624" Margin="30,65,0,0" VerticalAlignment="Top" HorizontalAlignment="Left"  Foreground="#DDFFFFFF" FontWeight="Bold" FontSize="14"/>
                <Image Source="Images/rupee.png"  HorizontalAlignment="Right"  VerticalAlignment="Center"  Margin="0,63,45,567" Height="30"/>
            </Grid>
            <Grid Grid.Column="1">
                <materialDesign:Card Padding="8" Margin="10 10 10 10" Height="100" VerticalAlignment="Top" HorizontalAlignment="Left" Width="225">
                    <materialDesign:Card.Background>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0" >
                            <GradientStop Color="#FFA781" Offset="0"/>
                            <GradientStop Color="#5B0E2D" Offset="1"/>
                        </LinearGradientBrush>
                    </materialDesign:Card.Background>
                </materialDesign:Card>
                <Label x:Name="label3" Content="Today Expenses" Height="30" Margin="17,20,0,0" VerticalAlignment="Top" Foreground="#DDF7F7F7" FontWeight="Bold" HorizontalAlignment="Left" Width="138" FontSize="14"/>
                <Label x:Name="label4" Content="47,624" Height="27" Margin="30,65,0,0" VerticalAlignment="Top" Foreground="#DDFFFFFF" FontWeight="Bold" HorizontalAlignment="Left" Width="65" RenderTransformOrigin="0.768,0.481" FontSize="14"/>
                <Image Source="Images/rupee.png" HorizontalAlignment="Right"  VerticalAlignment="Center"  Margin="0,63,45,567" Height="30"/>
            </Grid>
            <Grid Grid.Column="2">
                <materialDesign:Card Padding="8" Margin="10 10 10 10" Height="100" VerticalAlignment="Top" HorizontalAlignment="Left" Width="225">
                    <materialDesign:Card.Background>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0" >
                            <GradientStop Color="#FFB60D" Offset="0"/>
                            <GradientStop Color="#372800" Offset="1"/>
                        </LinearGradientBrush>
                    </materialDesign:Card.Background>
                </materialDesign:Card>
                <Label x:Name="label6" Content="Swiggy Sales" HorizontalAlignment="Left" Margin="17.333,20.333,0,0" VerticalAlignment="Top"  FontWeight="Bold" Foreground="#DDFFFFFF" FontSize="14" />
                <Label x:Name="label7" Content="47,624" HorizontalAlignment="Left" Margin="30,65,0,0" VerticalAlignment="Top" Foreground="#DDFFFFFF" FontWeight="Bold" RenderTransformOrigin="0.109,0.5" FontSize="14" />
                <Image Source="Images/rupee.png" HorizontalAlignment="Right"  VerticalAlignment="Center"  Margin="0,58,46,573" Height="29"/>
            </Grid>
            <Grid Grid.Column="3">
                <materialDesign:Card Foreground="{DynamicResource PrimaryHueDarkForegroundBrush}"  Padding="8" Margin="10 10 10 10" Height="100" VerticalAlignment="Top" HorizontalAlignment="Left" Width="225">
                    <materialDesign:Card.Background>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0" >
                            <GradientStop Color="#99EEDF" Offset="0"/>
                            <GradientStop Color="#008970" Offset="1"/>
                        </LinearGradientBrush>
                    </materialDesign:Card.Background>
                    <TextBlock Margin="0,0,55.666,501">
                        <TextBlock.Background>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#FF36B670" Offset="0"/>
                                <GradientStop Color="#FFB34A39" Offset="1"/>
                            </LinearGradientBrush>
                        </TextBlock.Background>
                    </TextBlock>
                </materialDesign:Card>
                <Label x:Name="label9" Content="Purchase" HorizontalAlignment="Left"  Margin="18,20,0,0" VerticalAlignment="Top"  Foreground="#DDFFFFFF" FontWeight="Bold" FontSize="14" />
                <Label x:Name="label10" Content="47,624" HorizontalAlignment="Left" Margin="30,66,0,0" VerticalAlignment="Top"  Foreground="#DDFFFFFF" FontWeight="Bold" FontSize="14" />
                <Image Source="Images/rupee.png"   HorizontalAlignment="Right"  VerticalAlignment="Center"  Margin="0,60,46,570" Height="30" />
            </Grid>
        </Grid>
        <Grid Margin="230,215,344,0" HorizontalAlignment="Stretch">
            <materialDesign:Card materialDesign:ShadowAssist.ShadowDepth="Depth1" Background="White" >
                <Wpf:CartesianChart Series="{Binding SeriesCollection}" LegendLocation="Right" Margin="0,0,0,100">
                    <Wpf:CartesianChart.AxisY>
                        <Wpf:Axis Title="Ventas del Mes" LabelFormatter="{Binding yFormatter}"/>
                    </Wpf:CartesianChart.AxisY>
                    <Wpf:CartesianChart.AxisX>
                        <Wpf:Axis Title="Ventas del Mes" Labels="{Binding Labels}"/>
                    </Wpf:CartesianChart.AxisX>
                </Wpf:CartesianChart>
            </materialDesign:Card>
            <ToggleButton Style="{StaticResource MaterialDesignActionAccentToggleButton}" ToolTip="MaterialDesignActionLightToggleButton" Width="55" Height="55"  VerticalAlignment="Bottom" HorizontalAlignment="Center" Background="#FF0E9CEE" Margin="0,0,255.516,40" >
                <ToggleButton.Content>
                    <materialDesign:PackIcon Kind="Sale"/>
                </ToggleButton.Content>
            </ToggleButton>
            <ToggleButton Style="{StaticResource MaterialDesignActionAccentToggleButton}" ToolTip="MaterialDesignActionLightToggleButton" Height="55" Width="55"  Margin="120.833,0,174.167,40" VerticalAlignment="Bottom" HorizontalAlignment="Center" Background="Red">
                <ToggleButton.Content>
                    <materialDesign:PackIcon Kind="Shopping"/>
                </ToggleButton.Content>
                <materialDesign:ToggleButtonAssist.OnContent>
                    <materialDesign:PackIcon Kind="Shopping"/>
                </materialDesign:ToggleButtonAssist.OnContent>
            </ToggleButton>
            <ToggleButton Style="{StaticResource MaterialDesignActionAccentToggleButton}" ToolTip="MaterialDesignActionLightToggleButton" Height="55" Width="55"  Margin="0,0,-139.683,40"  VerticalAlignment="Bottom" Background="#FFFFAE02"  >
                <ToggleButton.Content>
                    <materialDesign:PackIcon Kind="PartyPopper"/>
                </ToggleButton.Content>
                <materialDesign:ToggleButtonAssist.OnContent>
                    <materialDesign:PackIcon Kind="PartyPopper"/>
                </materialDesign:ToggleButtonAssist.OnContent>
            </ToggleButton>
        </Grid>
        <Grid HorizontalAlignment="Right" Width="330" Margin="0,215,0,0">
            <materialDesign:Card  materialDesign:ShadowAssist.ShadowDepth="Depth1" Padding="32" VerticalAlignment="Top" HorizontalAlignment="Right" Width="329" Height="525">
                <Wpf:PieChart LegendLocation="Bottom" Margin="-30,-33,-31,156" Hoverable="False" DataClick="PieChart_DataClick">
                    <Wpf:PieChart.Series>
                        <Wpf:PieSeries Title="DineIn" Values="25" DataLabels="True" LabelPoint="{Binding PointLabel}"/>
                        <Wpf:PieSeries Title="Take Away" Values="25" DataLabels="True" LabelPoint="{Binding PointLabel}"/>
                        <Wpf:PieSeries Title="Party Order" Values="25" DataLabels="True" LabelPoint="{Binding PointLabel}"/>
                        <Wpf:PieSeries Title="Swiggy" Values="25" DataLabels="True" LabelPoint="{Binding PointLabel}"/>
                    </Wpf:PieChart.Series>
                </Wpf:PieChart>
            </materialDesign:Card>
            <ToggleButton Style="{StaticResource MaterialDesignActionAccentToggleButton}"  ToolTip="MaterialDesignActionLightToggleButton" Height="54" Margin="0,0,255.516,40" Width="55" HorizontalAlignment="Right" VerticalAlignment="Bottom" Background="#FF008BFF" RenderTransformOrigin="0.418,1.1" Grid.Column="1" Grid.Row="2" d:LayoutOverrides="VerticalAlignment">
                <ToggleButton.Content>
                    <materialDesign:PackIcon Kind="Sale"/>
                </ToggleButton.Content>
                <materialDesign:ToggleButtonAssist.OnContent>
                    <materialDesign:PackIcon Kind="Sale"/>
                </materialDesign:ToggleButtonAssist.OnContent>
            </ToggleButton>
            <ToggleButton Style="{StaticResource MaterialDesignActionAccentToggleButton}" ToolTip="MaterialDesignActionLightToggleButton" Height="55" Width="55" Margin="120.833,0,174.167,40" Background="Red" VerticalAlignment="Bottom" d:LayoutOverrides="HorizontalAlignment, Height">
                <ToggleButton.Content>
                    <materialDesign:PackIcon Kind="Shopping"/>
                </ToggleButton.Content>
                <materialDesign:ToggleButtonAssist.OnContent>
                    <materialDesign:PackIcon Kind="Shopping"/>
                </materialDesign:ToggleButtonAssist.OnContent>
            </ToggleButton>
            <ToggleButton Style="{StaticResource MaterialDesignActionAccentToggleButton}" ToolTip="MaterialDesignActionLightToggleButton" Height="54" Width="55" Margin="0,0,99.683,40" VerticalAlignment="Bottom" Background="#FFFFAE02" HorizontalAlignment="Right" Grid.Column="1" Grid.Row="2" d:LayoutOverrides="VerticalAlignment">
                <ToggleButton.Content>
                    <materialDesign:PackIcon Kind="PartyPopper"/>
                </ToggleButton.Content>
                <materialDesign:ToggleButtonAssist.OnContent>
                    <materialDesign:PackIcon Kind="PartyPopper"/>
                </materialDesign:ToggleButtonAssist.OnContent>
            </ToggleButton>
            <ToggleButton Style="{StaticResource MaterialDesignActionAccentToggleButton}" ToolTip="MaterialDesignActionLightToggleButton" Height="54" Width="56" Margin="0,0,26.683,40" VerticalAlignment="Bottom" HorizontalAlignment="Right" Grid.Column="1" Grid.Row="2" d:LayoutOverrides="VerticalAlignment" Background="#FF787C6D">
                <ToggleButton.Content>
                    <materialDesign:PackIcon Kind="Reproduction"/>
                </ToggleButton.Content>
                <materialDesign:ToggleButtonAssist.OnContent>
                    <materialDesign:PackIcon Kind="Reproduction"/>
                </materialDesign:ToggleButtonAssist.OnContent>
            </ToggleButton>
        </Grid>
    </Grid>
</Window>

解決策 1

固定サイズをすべて削除し、コンテナーが幅と高さを駆動できるようにします。例えば：

これは固定サイズです。

XML

<Border Background="#ffffff" Width="35" Height="35" CornerRadius="50"/>

グリッドコンテナーによってサイズが決定されます。

[ad_2]