核心问题原因 #

你遇到的问题根源在于MultiColumnListView的标题栏容器（ListViewHeader）自带默认背景和高度样式，仅通过makeHeaderCell自定义单元格，只会在这个容器上叠加内容，无法替换底层的默认样式。

解决方案一：通过USS直接覆盖默认样式 #

这是最简洁的实现方式，无需自定义单元格，直接用样式表覆盖默认规则：

/* 针对MultiColumnListView的标题栏容器 */
MultiColumnListView > ListViewHeader {
    background-color: transparent; /* 移除灰色背景 */
    height: 30px; /* 设置固定高度，可根据需求调整数值 */
    border: 1px solid white; /* 添加白色边框 */
}

/* 可选：调整标题单元格内部文本布局 */
MultiColumnListView > ListViewHeader > HeaderCell {
    background-color: transparent; /* 确保单元格本身无背景 */
    padding: 0 8px; /* 适配高度调整内边距 */
    justify-content: center; /* 文本垂直居中 */
}

将该USS样式表挂载到MultiColumnListView所在的UIDocument或父元素上即可生效。

解决方案二：自定义HeaderCell配合样式 #

如果必须通过makeHeaderCell实现自定义单元格，需同时处理容器样式并确保自定义单元格样式覆盖默认值：

1. 创建自定义HeaderCell的C#类：

using UnityEngine.UIElements;
using UnityEngine;

public class CustomHeaderCell : HeaderCell
{
    public new class UxmlFactory : UxmlFactory<CustomHeaderCell, UxmlTraits> {}

    public CustomHeaderCell()
    {
        style.backgroundColor = Color.clear;
        style.borderWidth = 0;
    }
}

2. 给MultiColumnListView绑定自定义单元格：

var targetListView = GetComponent<MultiColumnListView>();
targetListView.makeHeaderCell = () => new CustomHeaderCell();

3. 仍需在USS中添加容器样式（同方案一的容器规则）：

MultiColumnListView > ListViewHeader {
    background-color: transparent;
    height: 30px;
    border: 1px solid white;
}

额外提示 #

• 若样式未生效，可给MultiColumnListView添加自定义类名（如custom-list-view），用.custom-list-view > ListViewHeader作为选择器提升优先级，避免被默认样式覆盖。
• 使用UI Builder时，可直接选中层级面板中MultiColumnListView下的ListViewHeader节点，在样式面板中可视化修改背景、高度和边框，更直观高效。

内容的提问来源于stack exchange，提问作者VidyaNeedsBetterTesting