随笔 - 750  文章 - 1  评论 - 107  阅读 - 34万

【转】[WPF] 在设置 DataGrid 的列隐藏时,Hidden 和 Collapsed 的区别

转自:kimi.ai

在 WPF 中,DataGrid 的列隐藏通常通过设置列的 Visibility 属性来实现,而 Visibility 属性有三个可能的值:VisibleHiddenCollapsed。虽然它们都可以用来隐藏元素,但在某些情况下,它们的行为是不同的。

Visibility 属性的三种状态

  1. Visibility.Visible
    元素完全可见。
  2. Visibility.Hidden
    元素不可见,但仍然占据布局空间。这意味着即使元素被隐藏,它的位置仍然会被保留,其他元素不会移动来填补它的空间。
  3. Visibility.Collapsed
    元素不可见,并且不会占据布局空间。其他元素会自动调整位置来填补它的空间。

在 DataGrid 中隐藏列

对于 DataGrid 的列来说,隐藏列时通常使用 Visibility.Collapsed,因为这样可以完全移除列的显示,并且不会留下空白区域。

示例代码:

csharp复制
foreach (var column in MyDataGrid.Columns)
{
    if (column.Header.ToString() == "列2")
    {
        column.Visibility = Visibility.Collapsed; // 列被隐藏且不占据空间
    }
}

Hidden 和 Collapsed 的区别

DataGrid 中,虽然你可以将列的 Visibility 设置为 Hidden,但这通常不是推荐的做法,原因如下:
  1. 空间占用
    如果将列的 Visibility 设置为 Hidden,列仍然会占据空间,导致 DataGrid 的布局中会有一个空白区域。这可能会让用户感到困惑,因为看起来像是列被隐藏了,但实际上它仍然占用了一定的宽度。
  2. 用户体验
    使用 Collapsed 更符合用户对“隐藏列”的预期,因为隐藏列后,其他列会自动调整宽度,填补隐藏列的空间,从而使界面看起来更整洁。
  3. 默认行为
    在大多数情况下,DataGrid 的列隐藏操作都推荐使用 Visibility.Collapsed,因为这是更常见的行为。

总结

虽然 HiddenCollapsed 都可以用来隐藏 DataGrid 的列,但它们的行为是不同的:
  • Hidden:隐藏列,但仍然占据空间。
  • Collapsed:隐藏列,并且不占据空间。
DataGrid 中隐藏列时,推荐使用 Visibility.Collapsed,因为它更符合用户对“隐藏列”的预期,并且不会在布局中留下空白区域。
posted on   z5337  阅读(16)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
历史上的今天:
2018-01-22 [转][VBS]开机启动等
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示