Fatal编程技术网
  • wpf/
  • WPF：按比例调整两个按钮的大小

WPF：按比例调整两个按钮的大小

wpf xaml

WPF：按比例调整两个按钮的大小,wpf,xaml,wpf-controls,Wpf,Xaml,Wpf Controls,我有一个WPF表格，里面有两个按钮。调整窗口大小时，每个按钮应始终占据窗口空间的一半。 我无法让它工作。 怎么做的 <Window x:Class="ExampleWin.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://

我有一个WPF表格，里面有两个按钮。调整窗口大小时，每个按钮应始终占据窗口空间的一半。
我无法让它工作。
怎么做的

<Window x:Class="ExampleWin.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:ExampleWin"
    mc:Ignorable="d"
    Title="Window" Height="200" Width="200" ToolTip="Tooltip" Topmost="True" WindowStyle="None" AllowsTransparency="True" Background="Transparent" ResizeMode="CanResizeWithGrip">
<Border BorderBrush="#FF000000" BorderThickness="1,1,1,1" CornerRadius="5,5,5,5" UseLayoutRounding="True">
    <Grid>
        <Label x:Name="Backdrop" Content="Label" Margin="0,0,0,0" Foreground="{x:Null}" Background="#FFAD3838"/>
        <Button x:Name="Button1" Content="" Margin="1,1,99,1" BorderThickness="0" Background="#FF3B87BD"/>
        <Button x:Name="Button2" Content="" Margin="99,1,1,1" BorderThickness="0" Background="#FF59B483"/>
    </Grid>
</Border>

将列定义添加到网格中，并使其按比例填充可用空间（
Width=“*”
这是默认值）

使用附加属性
Grid.column
，将按钮1放入第一列（索引=0），将按钮2放入第二列。如果按钮附近不需要空白，请更新边距值

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

    <Label x:Name="Backdrop" Grid.ColumnSpan="2" Content="Label" Margin="0,0,0,0" Foreground="{x:Null}" Background="#FFAD3838"/>
    <Button x:Name="Button1" Grid.Column="0" Content="" Margin="1" BorderThickness="0" Background="#FF3B87BD"/>
    <Button x:Name="Button2" Grid.Column="1" Content="" Margin="1" BorderThickness="0" Background="#FF59B483"/>
</Grid>
将列定义添加到网格中，并使它们按比例填充可用空间（
Width=“*”
这是默认值）

使用附加属性
Grid.column
，将按钮1放入第一列（索引=0），将按钮2放入第二列。如果按钮附近不需要空白，请更新边距值

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

    <Label x:Name="Backdrop" Grid.ColumnSpan="2" Content="Label" Margin="0,0,0,0" Foreground="{x:Null}" Background="#FFAD3838"/>
    <Button x:Name="Button1" Grid.Column="0" Content="" Margin="1" BorderThickness="0" Background="#FF3B87BD"/>
    <Button x:Name="Button2" Grid.Column="1" Content="" Margin="1" BorderThickness="0" Background="#FF59B483"/>
</Grid>