首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >C#/WPF:将数据网格的上边界与大小不同的图像的上边界对齐

C#/WPF:将数据网格的上边界与大小不同的图像的上边界对齐
EN

Stack Overflow用户
提问于 2014-06-02 23:07:55
回答 1查看 744关注 0票数 0

我正在使用C#开发一个WPF应用程序。网格将应用程序分成两列。在左栏中我放置了一个DataGrid,在右栏中我有一张图片。图像设置了Stretch="Uniform"选项,因此,如果主窗口的大小发生更改,图像将采用其高度来最佳地填充网格列,并保持其纵横比。图像必须在列中垂直居中。

结果,上述设置导致图像顶部出现白色/空白边框。我想将左列中dataGrid的顶部与右列中自动缩放的图像的顶部对齐。因此,我必须以某种方式将从上边界到数据网格距离的图像距离的数据绑定。

EN

回答 1

Stack Overflow用户

发布于 2014-06-02 23:31:07

您可能只需要在网格面板中的元素上设置VerticalAlignment="Top“。示例如下:

代码语言:javascript
运行
复制
 <Grid>
    <Grid VerticalAlignment="Center">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>

        <Image Grid.Column="0"
           VerticalAlignment="Top"
           MaxWidth="100"
           Source="https://www.google.com/images/srpr/logo11w.png"></Image>

        <DataGrid Grid.Column="1" 
              Margin="10 0 0 0"
           VerticalAlignment="Top">
            <DataGrid.Columns>
                <DataGridTextColumn Header="Column1"/>
                <DataGridTextColumn Header="Column2"/>
                <DataGridTextColumn Header="Column3"/>
                <DataGridTextColumn Header="Column4"/>
            </DataGrid.Columns>
        </DataGrid>
    </Grid>
</Grid>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23997730

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档