XAML 如何在WPF中设置按钮位置与网格单元格边框的边框成比例

ffvjumwh 于 2023-08-01 发布在其他

关注(0)|答案(1)|浏览(139)

我正在WPF中重新排列窗口中的元素。
我把页面分成3*3的网格，我想在其中一个网格单元格中放置一个按钮，并根据与网格单元格边界的距离比例控制其大小。在这种情况下，当我调整整个窗口的大小时，按钮将相应地调整大小。
我想要的是按钮的左侧到网格单元格边框的左侧边框的距离是网格单元格宽度的20%，右侧到右侧边框的距离也是如此。顶侧和底侧的距离应为网格单元高度的10%。
示例xaml是：

<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"/>
</Grid>

字符串
在XAML中是否有简单的方法来完成这一点，或者必须通过编程来完成？

xaml

来源：https://stackoverflow.com/questions/76705250/how-to-set-button-position-proportional-to-the-border-of-grid-cell-border-in-wpf

1条答案

按热度按时间

velaa5lx1#

使用另一个具有适当行高和列宽的嵌套3x3网格。

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <Grid Grid.Column="0" Grid.Row="2">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="3*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="8*"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

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

字符串

赞(0）回复(0）举报 2023-08-01

我来回答

XAML 如何在WPF中设置按钮位置与网格单元格边框的边框成比例

1条答案

相关问题

热门标签

最新问答