C# 当我不需要按钮时，按钮会随页面调整大小

你好，我在Main_Page.xaml中添加了一些按钮，它们在运行应用程序时随窗口调整大小，我不希望这样。我希望在运行应用程序时，它们的比例保持不变

按钮名称为：练习选项卡左按钮、练习选项卡右按钮

<Page x:Class="TrackFit_Project.Main_Page"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
  xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
  xmlns:local="clr-namespace:TrackFit_Project"
  mc:Ignorable="d" 
  d:DesignHeight="453.635" d:DesignWidth="855.207"
  Title="Main_Page"
  ShowsNavigationUI = "false" >

<TabControl Margin="10,10,10.333,10.333">
    <TabItem Header="Exercise"
           HorizontalAlignment="Left"
           Width="58"
           Height="22"
           Margin="-2,-2,0,0"
           VerticalAlignment="Top">
        <Grid Background="#FFE5E5E5">
            <Button x:Name="Exercise_Tab_Profile_Button" HorizontalAlignment="Left" Height="100" VerticalAlignment="Top" Width="100" Click="profileButtonClick">
                <Image>
                    <Image.Source>stock profile image.png</Image.Source>
                </Image>
            </Button>
            <Rectangle x:Name="Exercise_tab_rectangle" Fill="#FFCFC6C6" HorizontalAlignment="Left" Height="295" Margin="137,50,0,0" Stroke="Black" VerticalAlignment="Top" Width="625"/>
            <TextBlock HorizontalAlignment="Left" Height="234" Margin="169,87,0,0" TextWrapping="Wrap" Text="TextBlock" VerticalAlignment="Top" Width="548"/>
            **<Button x:Name="Exercise_tab_left_button" Content="&lt;" Margin="148,189,655,154" FontSize="18" FontWeight="Bold"/>
            <Button x:Name="Exercise_tab_Right_button" Content="&gt;" Margin="717,189,83,155" FontSize="18" FontWeight="Bold"/>**
            <TextBlock x:Name="Log_Out_Text_Block" HorizontalAlignment="Left" Margin="10,105,0,0" TextWrapping="Wrap" VerticalAlignment="Top" FontWeight="Bold">
                    <Hyperlink x:Name="Log_out_hyperlink" Click="Log_out_hyperlink_Click">Log out</Hyperlink>
            </TextBlock>
        </Grid>
</TabControl>

---

必须指定属性“高度”和“宽度”，而不是使用“边距”属性间接设置这些值

当前，边距属性确定按钮在网格中排列时的宽度和高度。当UI是静态的时，这非常有用，并且在调整窗口大小时不能调整大小

假设您希望UI动态适应大小，则应以如下方式将矩形、TextBlock和按钮嵌入到第二个网格中，您可能希望为按钮的边距和大小找出正确的值：

<Grid Margin="137,50,10,10">
    <Rectangle x:Name="Exercise_tab_rectangle" Fill="#FFCFC6C6" Stroke="Black" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" />
    <TextBlock HorizontalAlignment="Stretch" Height="234" Margin="32,37" TextWrapping="Wrap" Text="TextBlock" VerticalAlignment="Stretch" />
    <Button x:Name="Exercise_tab_left_button" Content="&lt;" Margin="11" VerticalAlignment="Center" HorizontalAlignment="Left" Width="20" Height="50" FontSize="18" FontWeight="Bold"/>
    <Button x:Name="Exercise_tab_Right_button" Content="&gt;" Margin="11" VerticalAlignment="Center" HorizontalAlignment="Right" Width="20" Height="50" FontSize="18" FontWeight="Bold"/>
</Grid>

---

谢谢你，这非常有效，同时也教会了我。非常感谢！