WPF中基于二维字符串数组动态生成带多复选框的ListBox

嘿，我来帮你解决这个问题！你需要给ListBox里每一组对应fastas数组成对文件名的项，都加上4个可交互的复选框对吧？我给你分两种常见UI框架（WinForms和WPF）来提供具体的实现思路和代码示例，你可以直接套用：

方法1：自定义UserControl（简单直观） #

这种方式最容易上手，先做一个包含所需控件的自定义控件：

1. 创建一个新的UserControl（命名为FastaItemControl），在里面添加一个Label用来显示成对的文件名，再拖4个CheckBox进去。
2. 在主窗体里遍历你的fastas数组，每一对文件名就实例化一个FastaItemControl，设置好文件名文本，再把这个控件添加到容器（用FlowLayoutPanel布局更灵活）。

示例代码：

// 先在FastaItemControl类里定义公开的控件字段
public Label lblFilenames = new Label();
public CheckBox cbOption1 = new CheckBox();
public CheckBox cbOption2 = new CheckBox();
public CheckBox cbOption3 = new CheckBox();
public CheckBox cbOption4 = new CheckBox();

// 主窗体里的逻辑
for (int i = 0; i < fastas.GetLength(1); i++)
{
    var itemControl = new FastaItemControl();
    // 设置成对文件名显示
    itemControl.lblFilenames.Text = $"{fastas[0,i]} ↔ {fastas[1,i]}";
    // 给复选框绑定选择事件，方便后续处理用户选择
    itemControl.cbOption1.CheckedChanged += (s, e) => 
    {
        bool isChecked = ((CheckBox)s).Checked;
        // 这里可以写选中/取消后的业务逻辑
    };
    // 其他三个复选框同理绑定事件

    // 把控件添加到FlowLayoutPanel容器
    flowLayoutPanel1.Controls.Add(itemControl);
}

方法2：OwnerDraw模式（纯ListBox内置实现） #

如果一定要用标准ListBox而不是自定义控件容器，可以开启OwnerDraw模式手动绘制项内容：

1. 先定义一个数据类来存储每一项的文件名和复选框状态：

public class FastaPair
{
    public string FilePath1 { get; set; }
    public string FilePath2 { get; set; }
    public bool Opt1Checked { get; set; }
    public bool Opt2Checked { get; set; }
    public bool Opt3Checked { get; set; }
    public bool Opt4Checked { get; set; }
}

2. 把fastas数组转换成这个数据类的集合，绑定到ListBox，然后开启OwnerDraw并处理绘制和点击事件：

// 转换数组为数据集合
var fastaPairs = new List<FastaPair>();
for (int i = 0; i < fastas.GetLength(1); i++)
{
    fastaPairs.Add(new FastaPair 
    { 
        FilePath1 = fastas[0,i], 
        FilePath2 = fastas[1,i] 
    });
}

// 配置ListBox
listBox1.DataSource = fastaPairs;
listBox1.DrawMode = DrawMode.OwnerDrawFixed;
listBox1.ItemHeight = 70; // 设置足够高度放下所有内容

// 处理绘制事件
listBox1.DrawItem += (s, e) =>
{
    e.DrawBackground();
    var pair = (FastaPair)listBox1.Items[e.Index];
    
    // 绘制文件名
    e.Graphics.DrawString(
        $"{pair.FilePath1}\n{pair.FilePath2}", 
        listBox1.Font, 
        Brushes.Black, 
        e.Bounds.X + 5, 
        e.Bounds.Y + 5
    );

    // 绘制四个复选框（包括勾选状态）
    var cbPositions = new[]
    {
        new Rectangle(e.Bounds.X + 5, e.Bounds.Y + 40, 20, 20),
        new Rectangle(e.Bounds.X + 80, e.Bounds.Y + 40, 20, 20),
        new Rectangle(e.Bounds.X + 155, e.Bounds.Y + 40, 20, 20),
        new Rectangle(e.Bounds.X + 230, e.Bounds.Y + 40, 20, 20)
    };
    var cbStates = new[] { pair.Opt1Checked, pair.Opt2Checked, pair.Opt3Checked, pair.Opt4Checked };
    var cbTexts = new[] { "选项1", "选项2", "选项3", "选项4" };

    for (int j = 0; j < 4; j++)
    {
        // 绘制复选框边框
        e.Graphics.DrawRectangle(Pens.Black, cbPositions[j]);
        // 如果选中，绘制勾选标记
        if (cbStates[j])
        {
            e.Graphics.DrawString("✓", new Font("Arial", 12), Brushes.Black, cbPositions[j].X + 2, cbPositions[j].Y);
        }
        // 绘制复选框文本
        e.Graphics.DrawString(cbTexts[j], listBox1.Font, Brushes.Black, cbPositions[j].Right + 5, cbPositions[j].Y);
    }

    e.DrawFocusRectangle();
};

// 处理鼠标点击事件，切换复选框状态
listBox1.MouseDown += (s, e) =>
{
    var index = listBox1.IndexFromPoint(e.Location);
    if (index < 0) return;

    var pair = (FastaPair)listBox1.Items[index];
    var itemBounds = listBox1.GetItemRectangle(index);
    var cbPositions = new[]
    {
        new Rectangle(itemBounds.X + 5, itemBounds.Y + 40, 20, 20),
        new Rectangle(itemBounds.X + 80, itemBounds.Y + 40, 20, 20),
        new Rectangle(itemBounds.X + 155, itemBounds.Y + 40, 20, 20),
        new Rectangle(itemBounds.X + 230, itemBounds.Y + 40, 20, 20)
    };

    for (int j = 0; j < 4; j++)
    {
        if (cbPositions[j].Contains(e.Location))
        {
            switch (j)
            {
                case 0: pair.Opt1Checked = !pair.Opt1Checked; break;
                case 1: pair.Opt2Checked = !pair.Opt2Checked; break;
                case 2: pair.Opt3Checked = !pair.Opt3Checked; break;
                case 3: pair.Opt4Checked = !pair.Opt4Checked; break;
            }
            listBox1.Invalidate(itemBounds); // 刷新当前项的显示
            break;
        }
    }
};

WPF用数据模板的方式更优雅，完全不需要手动绘制：

1. 先定义一个ViewModel类来存储每一项的数据和复选框状态（实现INotifyPropertyChanged保证UI更新）：

public class FastaItemViewModel : INotifyPropertyChanged
{
    private string _filePairDisplay;
    public string FilePairDisplay
    {
        get => _filePairDisplay;
        set { _filePairDisplay = value; OnPropertyChanged(); }
    }

    private bool _isOpt1Checked;
    public bool IsOpt1Checked
    {
        get => _isOpt1Checked;
        set { _isOpt1Checked = value; OnPropertyChanged(); }
    }

    private bool _isOpt2Checked;
    public bool IsOpt2Checked
    {
        get => _isOpt2Checked;
        set { _isOpt2Checked = value; OnPropertyChanged(); }
    }

    private bool _isOpt3Checked;
    public bool IsOpt3Checked
    {
        get => _isOpt3Checked;
        set { _isOpt3Checked = value; OnPropertyChanged(); }
    }

    private bool _isOpt4Checked;
    public bool IsOpt4Checked
    {
        get => _isOpt4Checked;
        set { _isOpt4Checked = value; OnPropertyChanged(); }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([CallerMemberName] string propName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propName));
    }
}

2. 在XAML里给ListBox设置数据模板：

<ListBox x:Name="FastaListBox" Margin="10">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Margin="0,5,0,5">
                <!-- 显示成对文件名 -->
                <TextBlock Text="{Binding FilePairDisplay}" 
                           FontSize="14" 
                           Margin="0,0,0,8"/>
                <!-- 四个复选框横向排列 -->
                <StackPanel Orientation="Horizontal">
                    <CheckBox Content="选项1" 
                              IsChecked="{Binding IsOpt1Checked}" 
                              Margin="0,0,25,0"/>
                    <CheckBox Content="选项2" 
                              IsChecked="{Binding IsOpt2Checked}" 
                              Margin="0,0,25,0"/>
                    <CheckBox Content="选项3" 
                              IsChecked="{Binding IsOpt3Checked}" 
                              Margin="0,0,25,0"/>
                    <CheckBox Content="选项4" 
                              IsChecked="{Binding IsOpt4Checked}"/>
                </StackPanel>
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

3. 后台代码把fastas数组转换成ViewModel集合并绑定：

var fastaItems = new ObservableCollection<FastaItemViewModel>();
for (int i = 0; i < fastas.GetLength(1); i++)
{
    fastaItems.Add(new FastaItemViewModel
    {
        FilePairDisplay = $"{fastas[0,i]}\n{fastas[1,i]}"
        // 可以设置默认选中状态，比如IsOpt1Checked = true;
    });
}

FastaListBox.ItemsSource = fastaItems;

这样不管是WinForms还是WPF，都能实现你要的效果：每个ListBox项对应一对文件名，并且带有4个可让用户选择的复选框。如果你的项目用的是其他框架，也可以参考这个思路——核心就是把每一项的“文件名对+复选框状态”封装成数据，然后让UI和数据关联起来。

内容的提问来源于stack exchange，提问作者Matěj Nemec