在ComboBox中绘制图像和文本

时间:2011-04-15 12:59:44

标签: c# winforms combobox

我在WindowsForms中有一个ComboBox,我手动绘制项目。每个项目由图片和文本(Cell.Image和Cell.Title)组成,因此项目高度为34像素。

我的问题是,当我下拉ComboBox时,只能看到1个项目。 MaxDropDownItems = 4所以ComboBox会绘制4个项目。我知道我已经设置了DropDownHeight = 34,但是我想在ComboBox中没有项目时显示空矩形,如下图所示。

没有项目的ComboBox - 好的: ComboBox with no item - OK

只有1个可见项目的ComboBox - 错误: ComboBox with only 1 visible item - Bad

我的类派生自ComboBox:

public class ComboBoxCells : ComboBox
{
    private List<Cell> _cells;

    public List<Cell> Cells
    {
        get { return this._cells; }
        set
        {
            this._cells = value;
            this.BeginUpdate();
            this.Items.Clear();

            if (value != null)
                this.Items.AddRange(value.ToArray());

            this.EndUpdate();
        }
    }

    public ComboBoxCells()
    {
        this.DrawMode = DrawMode.OwnerDrawVariable;
        this.DropDownHeight = 34;
        this.DropDownWidth = 200;
        this.DropDownStyle = ComboBoxStyle.DropDownList;
        this.MaxDropDownItems = 4;

        this.DrawItem += new DrawItemEventHandler(ComboBoxCells_DrawItem);
        this.MeasureItem += new MeasureItemEventHandler(ComboBoxCells_MeasureItem);
    }

    private void ComboBoxCells_DrawItem(object sender, DrawItemEventArgs e)
    {
        e.DrawBackground();

        // Draw item inside comboBox
        if ((e.State & DrawItemState.ComboBoxEdit) != DrawItemState.ComboBoxEdit && e.Index > -1)
        {
            Cell item = this.Items[e.Index] as Cell;

            e.Graphics.FillRectangle(Brushes.Gray, new Rectangle(e.Bounds.Left + 6, e.Bounds.Top + 6, 22, 22));

            e.Graphics.DrawImage(item.Image, new Rectangle(e.Bounds.Left + 7, e.Bounds.Top + 7, 20, 20));

            e.Graphics.DrawString(item.Title, e.Font,
                    new SolidBrush(e.ForeColor), e.Bounds.Left + 34, e.Bounds.Top + 10);
        }
        // Draw visible text
        else if (e.Index > -1)
        {
            Cell item = this.Items[e.Index] as Cell;

            e.Graphics.DrawString(item.Title, e.Font,
                    new SolidBrush(e.ForeColor), e.Bounds.Left, e.Bounds.Top);
        }

        e.DrawFocusRectangle();
    }

    private void ComboBoxCells_MeasureItem(object sender, MeasureItemEventArgs e)
    {
        e.ItemHeight = 34;
    }
}

由于

3 个答案:

答案 0 :(得分:3)

DropDownHeight是您想要设置更高的数字。它是下拉框的最大像素数。系统会自动将其作为物品高度的最大倍数。

this.DropDownHeight = 200;

答案 1 :(得分:1)

如果将IntegralHeight设置为true,则会调整下拉列表的大小,使其不显示部分项目。它应该摆脱白色空间。

答案 2 :(得分:0)

ComboBoxCells() constructor中,添加可以绘制34像素高度的白色矩形的默认单元格项目。

List<Cell> Cells Set property中,删除该项并添加value.ToArray()指定的新项目。这样可确保在指定项目列表时删除默认项目,否则绘制默认项目。

ComboBoxCells_DrawItem() event中,使用e.Index = 0条件处理此更改并绘制矩形。

希望这种方法适合你。