Подтвердить что ты не робот

Кнопка Windows.Forms с выпадающим меню

Я разрабатываю простое приложение С# с использованием Windows.Forms на .NET. Мне нужна кнопка, которая отобразит раскрывающееся меню с подкатегориями - как ToolStripMenu, но кнопка, вы знаете. Я искал его и не мог найти никаких вариантов.

Мой вопрос: есть ли способ сделать это, может быть, какое-то секретное свойство кнопки, которое позволяет прикрепить к нему меню?

Любая помощь будет оценена.

4b9b3361

Ответ 1

Вы можете показать ContextMenuStrip в событии click:

private void button1_Click(object sender, EventArgs e) {
  contextMenuStrip1.Show(button1, new Point(0, button1.Height));
}

Чтобы сделать свое собственное определение, показывать ли меню выше или ниже кнопки, вы можете попробовать использовать этот код, который измеряет меню и определяет, будет ли он частично вне экрана:

private void button1_Click(object sender, EventArgs e) {
  Point screenPoint = button1.PointToScreen(new Point(button1.Left, button1.Bottom));
  if (screenPoint.Y + contextMenuStrip1.Size.Height > Screen.PrimaryScreen.WorkingArea.Height) {
    contextMenuStrip1.Show(button1, new Point(0, -contextMenuStrip1.Size.Height));
  } else {
    contextMenuStrip1.Show(button1, new Point(0, button1.Height));
  }    
}

Ответ 2

Кнопка имеет стрелку вниз справа от нее, и вы можете выбрать меню из конструктора:

ss

С ShowMenuUnderCursor:

ss

Класс MenuButton:

public class MenuButton : Button
{
    [DefaultValue(null)]
    public ContextMenuStrip Menu { get; set; }

    [DefaultValue(false)]
    public bool ShowMenuUnderCursor { get; set; }

    protected override void OnMouseDown(MouseEventArgs mevent)
    {
        base.OnMouseDown(mevent);

        if (Menu != null && mevent.Button == MouseButtons.Left)
        {
            Point menuLocation;

            if (ShowMenuUnderCursor)
            {
                menuLocation = mevent.Location;
            }
            else
            {
                menuLocation = new Point(0, Height);
            }

            Menu.Show(this, menuLocation);
        }
    }

    protected override void OnPaint(PaintEventArgs pevent)
    {
        base.OnPaint(pevent);

        if (Menu != null)
        {
            int arrowX = ClientRectangle.Width - 14;
            int arrowY = ClientRectangle.Height / 2 - 1;

            Brush brush = Enabled ? SystemBrushes.ControlText : SystemBrushes.ControlDark;
            Point[] arrows = new Point[] { new Point(arrowX, arrowY), new Point(arrowX + 7, arrowY), new Point(arrowX + 3, arrowY + 4) };
            pevent.Graphics.FillPolygon(brush, arrows);
        }
    }
}

Ответ 3

Развертывание @Jaex немного ответит, чтобы учесть разделительную линию, условное рисование стрелки, если ничего не настроено, и отдельное событие щелчка для основного тела кнопки и стрелки меню.

Следует отметить, что для лучшего выравнивания вы можете установить button.TextAlign = System.Drawing.ContentAlignment.MiddleLeft;

enter image description here

Вот мое небольшое улучшение

public class SplitButton : Button
{
    [DefaultValue(null), Browsable(true),
    DesignerSerializationVisibility(DesignerSerializationVisibility.Visible)]
    public ContextMenuStrip Menu { get; set; }

    [DefaultValue(20), Browsable(true),
    DesignerSerializationVisibility(DesignerSerializationVisibility.Visible)]
    public int SplitWidth { get; set; }

    public SplitButton() 
    {
        SplitWidth = 20;
    }

    protected override void OnMouseDown(MouseEventArgs mevent)
    {
        var splitRect = new Rectangle(this.Width - this.SplitWidth, 0, this.SplitWidth, this.Height);

        // Figure out if the button click was on the button itself or the menu split
        if (Menu != null && 
            mevent.Button == MouseButtons.Left &&
            splitRect.Contains(mevent.Location) )
        {
            Menu.Show(this, 0, this.Height);    // Shows menu under button
            //Menu.Show(this, mevent.Location); // Shows menu at click location
        }
        else
        {
            base.OnMouseDown(mevent);
        }
    }

    protected override void OnPaint(PaintEventArgs pevent)
    {
        base.OnPaint(pevent);

        if (this.Menu != null && this.SplitWidth > 0)
        { 
            // Draw the arrow glyph on the right side of the button
            int arrowX = ClientRectangle.Width - 14;
            int arrowY = ClientRectangle.Height / 2 - 1;

            var arrowBrush = Enabled ? SystemBrushes.ControlText : SystemBrushes.ButtonShadow;
            var arrows = new[] { new Point(arrowX, arrowY), new Point(arrowX + 7, arrowY), new Point(arrowX + 3, arrowY + 4) };
            pevent.Graphics.FillPolygon(arrowBrush, arrows);

            // Draw a dashed separator on the left of the arrow
            int lineX = ClientRectangle.Width - this.SplitWidth;
            int lineYFrom = arrowY - 4;
            int lineYTo = arrowY + 8;
            using( var separatorPen = new Pen(Brushes.DarkGray){DashStyle = DashStyle.Dot})
            {
                pevent.Graphics.DrawLine(separatorPen, lineX, lineYFrom, lineX, lineYTo);
            }
        }
    }
}

Ответ 4

Легко мы могли это сделать. это может помочь:)

ContextMenuStrip contextMenuStrip1 = new ContextMenuStrip();

        private void button1_Click(object sender, EventArgs e)
        {
            contextMenuStrip1.Items.Clear();
            contextMenuStrip1.Items.Add("item1");
            contextMenuStrip1.Items.Add("item2");

            contextMenuStrip1.Show(button1, new Point(0, button1.Height));
        }

        private void contextMenuStrip1_ItemClicked(object sender, ToolStripItemClickedEventArgs e)
        {
            if (e.ClickedItem.Text == "item1")
            {
                MessageBox.Show(e.ClickedItem.Text);
            }
        }

Ответ 5

Самый простой вариант - использовать ToolStripDropDownButton в незакрепленном ToolStrip, который отображает только одну кнопку. Затем вы можете добавить к нему подпозиции и т.д. Чтобы сделать это: - перетащите панель инструментов на свой элемент управления/форму - используйте помощник компоновки, чтобы добавить DropDownButton - установить GripStyle в скрытое - установить Dock в None

В результате создается отдельная кнопка в стиле панели инструментов, которая поддерживает описанное выше раскрывающееся поведение.

Ответ 6

Показывать контекстное меню под кнопкой при нажатии.

Ответ 7

Класс Jaex MenuButton выше был идеален для меня. Я добавил логику ниже в OnMouseDown, чтобы контекстное меню отображалось только в том случае, если я нажал на стрелку. Если щелкнуть по большей части, произойдет обычное событие щелчка. Разрешено действие щелчка по умолчанию.

if (Menu != null && mevent.Button == MouseButtons.Left)
{
    if (mevent.Location.X >= this.Width - 14)
    {
        System.Drawing.Point menuLocation;

        if (ShowMenuUnderCursor)
        {
            menuLocation = mevent.Location; 
        }
        else
        {
            menuLocation = new System.Drawing.Point(0, Height);
        }

        Menu.Show(this, menuLocation);
    }
}

Думал, что это может быть полезно кому-то. Спасибо Jaex

Ответ 9

Я тоже занимался этой проблемой и нашел очень простое решение (хотя и немного грязно-взломанное): поместите ComboBox под Button, чтобы он показывал стрелку вниз рядом с кнопкой.

Затем используйте SelectedIndexChanged для ComboBox, чтобы изменить поведение Button или сделать то, что вы хотите сделать немедленно.