Выдвигающаяся панель

@Adep07 · Регистрация: 03.05.2016

Студворк — интернет-сервис помощи студентам

Делаю учебник(пишу в visual studio 2015)...нужна сбоку сделать выдвижную панель, нашел пример для Delphi:
https://www.youtube.com/watch?v=Y-YFYdFRZt4
И ссылка на исходник с кодом:
Panel.7z

Проблема в том, что мои познания, как программиста довольно незначительные и я не знаю как реализовать это. Все делаю по уроках, но вот именно это не могу найти. В интернете и на cyberforum находил похожие статьи, но там или не подходил способ реализации, или не работал код. Возможно кто то знает как можно перенести с Delphi на С# или может есть ссылка на код\видеоурок, где показано, как сделать выдвижную панель. Буду очень признателен за любую помощь, заранее спасибо.

@_exp10der_ · 05.05.2016, 00:06

2 ссылка в гугле на то что вам нужно. Просмотр видео пустая трата времени, возьмите книгу лучше и изучите нужную вам технологию.

@Adep07 · 05.05.2016, 01:11 **[ТС]**

Да видел я то.....уже 2 дня ищу, не подходит....
Я так понимаю, вы написали скинутый пример? Если не сложно, могли бы такой же, только для Windows Form?
А на счет учить - согласен, нужно

.
Но пока увы, времени нет, я книжку делаю с некоторым функционалом по заданию, времени нет на то, чтобы сейчас вникать, если только позже.

@Rius · 05.05.2016, 06:06

Создать компонент: выпадающий список

Не по теме:

Сообщение от Adep07

Проблема в том, что мои познания, как программиста довольно незначительные

Сообщение от Adep07

Делаю учебник

Сообщение от Adep07

А на счет учить - согласен, нужно .
Но пока увы, времени нет

Мне уже страшно за учеников...

@Adep07 · 07.05.2016, 01:18 **[ТС]**

Не то, совсем не то

.
1-й комментарий, там все подходит, только надо для Виндовс форм, а не для мейн Виндовс.

@Rius · 07.05.2016, 10:13

Сообщение от Adep07

только надо для Виндовс форм, а не для мейн Виндовс

Не по теме:

Не мейн Виндовс, а WPF.

В этом "только" заключены годы разработки, вложенные в WPF. Реализовать такое же Windows Forms потребует затрат времени. Если реализовать качественно - очень больших затрат. Посмотрите на контролы, выдаваемые гуглом по запросу ExplorerBar.
Просмотрите начало темы, которую я упомянул выше.

Задумайтесь над использованием док-менеджера, аналогичного окну Visual Studio

@Storm23 · 07.05.2016, 12:51

Сообщение от Adep07

Выдвигающаяся панель

C#
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
    public partial class SlidePanel : Panel, ISupportInitialize
    {
        public DockStyle Appearance { get; set; }
        public string TextCollapsed { get; set; }
        public string TextExpanded { get; set; }
        public int ButtonSize { get; set; }
        public int AnimationSpeed { get; set; }
        public Color ButtonColor { get; set; }
        public Color ButtonColor2 { get; set; }
        public Color ButtonBorderColor { get; set; }
 
        public bool Collapsed
        {
            get { return Location == GetCollapsePoint(); }
        }
 
        public SlidePanel()
        {
            InitializeComponent();
            SetStyle(ControlStyles.AllPaintingInWmPaint | ControlStyles.OptimizedDoubleBuffer | ControlStyles.UserPaint | ControlStyles.ResizeRedraw, true );
 
            AnimationSpeed = 10;
            ButtonSize = 18;
            Appearance = DockStyle.Left;
            TextCollapsed = "Open";
            TextExpanded = "Close";
            ButtonColor = Color.FromArgb(185, 236, 245);
            ButtonColor2 = Color.FromArgb(185, 226, 235);
            ButtonBorderColor = Color.FromArgb(180, 200, 235);
        }
 
        public void BeginInit()
        {
        }
 
        public void EndInit()
        {
            if (!DesignMode)
            {
                Location = GetCollapsePoint();
                SetAnchors();
            }
        }
 
        void StartAnimation(Point target)
        {
            var tm = new Timer() {Enabled = true, Interval = 20};
            tm.Tick += delegate
            {
                var dx = Location.X - target.X;
                var dy = Location.Y - target.Y;
                var dd = Math.Max(Math.Abs(dx), Math.Abs(dy));
 
                var d = dd <= AnimationSpeed ? 1 : AnimationSpeed;
                if (Location == target)
                {
                    tm.Dispose();
                    Invalidate();
                }
                else
                    Location = new Point(Location.X - d * Math.Sign(dx), Location.Y - d * Math.Sign(dy));
            };
        }
 
        public bool Collapse()
        {
            if (!Collapsed)
            {
                StartAnimation(GetCollapsePoint());
                return true;
            }
            return false;
        }
 
        public bool Expand()
        {
            if (Collapsed)
            {
                StartAnimation(GetExpandPoint());
                return true;
            }
            return false;
        }
 
        Point GetCollapsePoint()
        {
            switch (Appearance)
            {
                case DockStyle.Left: return new Point(-Width + ButtonSize, Top);
                case DockStyle.Right: return new Point(Parent.ClientSize.Width - ButtonSize, Top);
                case DockStyle.Top: return new Point(Left, -Height + ButtonSize);
                case DockStyle.Bottom: return new Point(Left, Parent.ClientSize.Height - ButtonSize);
            }
            return Point.Empty;
        }
 
        Point GetExpandPoint()
        {
            switch (Appearance)
            {
                case DockStyle.Left: return new Point(0, Top);
                case DockStyle.Right: return new Point(Parent.ClientSize.Width - Width, Top);
                case DockStyle.Top: return new Point(Left, 0);
                case DockStyle.Bottom: return new Point(Left, Parent.ClientSize.Height - Height);
            }
            return Point.Empty;
        }
 
        void SetAnchors()
        {
            switch (Appearance)
            {
                case DockStyle.Left: Anchor = AnchorStyles.Left; break;
                case DockStyle.Right: Anchor = AnchorStyles.Right; break;
                case DockStyle.Top: Anchor = AnchorStyles.Top; break;
                case DockStyle.Bottom: Anchor = AnchorStyles.Bottom; break;
            }
        }
 
        Rectangle GetButtonRect()
        {
            switch(Appearance)
            {
                case DockStyle.Left: return new Rectangle(ClientRectangle.Right - ButtonSize, ClientRectangle.Top, ButtonSize, ClientRectangle.Height);
                case DockStyle.Right: return new Rectangle(ClientRectangle.Left, ClientRectangle.Top, ButtonSize, ClientRectangle.Height);
                case DockStyle.Top: return new Rectangle(ClientRectangle.Left, ClientRectangle.Bottom - ButtonSize, ClientRectangle.Width, ButtonSize);
                case DockStyle.Bottom: return new Rectangle(ClientRectangle.Left, ClientRectangle.Top, ClientRectangle.Width, ButtonSize);
            }
 
            return ClientRectangle;
        }
 
        protected override void OnPaint(PaintEventArgs e)
        {
            base.OnPaint(e);
 
            var buttonRect = GetButtonRect();
            var pos = PointToClient(MousePosition);
 
            using(var brush = new SolidBrush(buttonRect.Contains(pos) ? ButtonColor2 : ButtonColor))
                e.Graphics.FillRectangle(brush, buttonRect);
 
            using(var pen = new Pen(ButtonBorderColor))
            {
                var r = new Rectangle(buttonRect.Left, buttonRect.Top, buttonRect.Width - 1, buttonRect.Height - 1);
                e.Graphics.DrawRectangle(pen, r);
            }
 
            var sf = StringFormat.GenericTypographic;
            sf.Alignment = StringAlignment.Center;
            sf.LineAlignment = StringAlignment.Center;
            var text = Collapsed ? TextCollapsed : TextExpanded;
 
            using(var brush = new SolidBrush(ForeColor))
            if (Appearance == DockStyle.Left || Appearance == DockStyle.Right)
            {
                e.Graphics.TranslateTransform(buttonRect.Left, buttonRect.Bottom);
                e.Graphics.RotateTransform(-90);
                e.Graphics.DrawString(text, Font, brush, new Rectangle(0, 0, buttonRect.Height, buttonRect.Width), sf);
            }else
                e.Graphics.DrawString(text, Font, brush, buttonRect, sf);
        }
 
        protected override void OnMouseDown(MouseEventArgs e)
        {
            base.OnMouseDown(e);
 
            if(GetButtonRect().Contains(e.Location))
            {
                if (Collapsed) 
                    Expand();
                else
                    Collapse();
            }
        }
 
        protected override void OnMouseMove(MouseEventArgs e)
        {
            base.OnMouseMove(e);
 
            Invalidate();
        }
 
        protected override void OnMouseLeave(EventArgs e)
        {
            base.OnMouseLeave(e);
 
            Invalidate();
        }
    }

См также Как использовать кастомные контролы.

@Jack Wade · 08.05.2016, 02:50

Возможно, решение уже было найдено, но всё таки, оставлю свой класс:

Кликните здесь для просмотра всего текста

C#
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
class newPanel : Panel
        {
            public enum stateEnum { close = 0, open = 1 };
            public Button actionButton;
            public stateEnum state;
 
            private Timer _tickTack;
 
            public newPanel(Size size, Int32 left, Int32 top, Color BackColor, stateEnum state)
            {
                this.Size = size;
                this.Left = left;
                this.Top = top;
                this.BackColor = BackColor;
                this.actionButton = new Button();
                {
                    this.actionButton.Text = ">";
                    this.actionButton.Size = new Size(25, this.ClientSize.Height - 10);
                    this.actionButton.Left = this.ClientSize.Width - this.actionButton.Size.Width - 5;
                    this.actionButton.Top = 5;
                    this.actionButton.Click += this.ActionButtonClick;
                    this.Controls.Add(this.actionButton);
                }
                this.state = state;
                switch(this.state)
                {
                    case stateEnum.close:
                        {
                            this.Left = (-this.ClientSize.Width + (5 + this.actionButton.Size.Width + 5));
                        } break;
                    case stateEnum.open:
                        {
                            this.Left = 0;
                        } break;
                }
                this._tickTack = new Timer();
                {
                    this._tickTack.Interval = 5;
                    this._tickTack.Tick += this.TickTack;
                }
            }
 
            private void ActionButtonClick(Object Sender, EventArgs E)
            {
                this._tickTack.Start();
            }
 
            private void TickTack(Object Sender, EventArgs E)
            {
                switch(this.state)
                {
                    case stateEnum.close:
                        {
                            if (this.Left < 0) this.Left += 5;
                            else
                            {
                                this.state = stateEnum.open;
                                this._tickTack.Stop();
                            }
                        } break;
                    case stateEnum.open:
                        {
                            if (this.Left > (-this.ClientSize.Width + (5 + this.actionButton.Size.Width + 5))) this.Left -= 5;
                            else
                            {
                                this.state = stateEnum.close;
                                this._tickTack.Stop();
                            }
                        } break;
                }
            }
        }

Да, перечисление можно заменить на параметр boolean-типа, но я выбрал всё таки перечисление потому что в перечисление можно добавить ещё "закрыть на половину", ну или что то на подобии этого...

@Adep07 · 08.05.2016, 14:53 **[ТС]**

Если не сложно, могли бы разжевать для начинающих? Или переделать, чтобы не надо было добавлять свой класс, или кинуть проект просто....Если будет не сложно. Было бы замечательно. Ещё вопрос, с помощью этого способа можно, чтобы панелька съезжала вбок имея настройки Dock = Fill?

@Jack Wade · 08.05.2016, 18:21

Сообщение от Adep07

Если не сложно, могли бы разжевать для начинающих?

Так это же вы тут "пишете учебник по C#"...

В общем, вот весь код проекта(немного изменил класс панели):

Кликните здесь для просмотра всего текста

C#
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
 
namespace WindowsFormsApplication2
{
    public partial class Form1 : Form
    {
        class newPanel : Panel
        {
            public enum stateEnum { close = 0, open = 1 };
            public Button actionButton;
            public stateEnum state;
 
            private Timer _tickTack;
 
            public newPanel(Size size, Int32 top, Color BackColor, stateEnum state)
            {
                this.Size = size;
                this.Top = top;
                this.BackColor = BackColor;
                this.actionButton = new Button();
                {
                    this.actionButton.Text = "Открыть";
                    {
                        Graphics grfx = this.actionButton.CreateGraphics();
                        grfx.RotateTransform(180);
                    }
                    this.actionButton.TextAlign = ContentAlignment.MiddleCenter;
                    this.actionButton.Size = new Size(25, this.ClientSize.Height - 10);
                    this.actionButton.Left = this.ClientSize.Width - this.actionButton.Size.Width - 10;
                    this.actionButton.Top = 5;
                    this.actionButton.Click += this.ActionButtonClick;
                    this.Controls.Add(this.actionButton);
                }
                this.state = state;
                switch(this.state)
                {
                    case stateEnum.close:
                        {
                            this.Left = (-this.ClientSize.Width + (5 + this.actionButton.Size.Width + 5));
                        } break;
                    case stateEnum.open:
                        {
                            this.Left = 0;
                        } break;
                }
                this._tickTack = new Timer();
                {
                    this._tickTack.Interval = 5;
                    this._tickTack.Tick += this.TickTack;
                }
                this.BorderStyle = BorderStyle.FixedSingle;
            }
 
            private void ActionButtonClick(Object Sender, EventArgs E)
            {
                this._tickTack.Start();
            }
 
            private void TickTack(Object Sender, EventArgs E)
            {
                switch(this.state)
                {
                    case stateEnum.close:
                        {
                            if (this.Left < 0) this.Left += 5;
                            else
                            {
                                this.actionButton.Text = "Закрыть";
                                this.state = stateEnum.open;
                                this._tickTack.Stop();
                            }
                        } break;
                    case stateEnum.open:
                        {
                            if (this.Left > (-this.ClientSize.Width + (5 + this.actionButton.Size.Width + 5))) this.Left -= 5;
                            else
                            {
                                this.actionButton.Text = "Открыть";
                                this.state = stateEnum.close;
                                this._tickTack.Stop();
                            }
                        } break;
                }
            }
        }
 
        public Form1()
        {
            //InitializeComponent();
            {
                this.FormBorderStyle = FormBorderStyle.Fixed3D;
                this.MaximumSize = this.MinimumSize;
                this.StartPosition = FormStartPosition.CenterScreen;
            }
            {
                newPanel _newPanel = new newPanel(new Size(this.ClientSize.Width, this.ClientSize.Height - 50), 25, Color.White, newPanel.stateEnum.close);
                {
                    Label _label_Information = new Label();
                    {
                        _label_Information.Text = "Нажмите на кнопку";
                        _label_Information.Font = new Font("Arial", 12, FontStyle.Italic);
                        _label_Information.AutoSize = true;
                        _label_Information.Left = 25;
                        _label_Information.Top = 25;
                    }
                    _newPanel.Controls.Add(_label_Information);
                    Button _button_Action = new Button();
                    {
                        _button_Action.Text = "Нажми на меня";
                        _button_Action.MinimumSize = new Size(125, 25);
                        _button_Action.MaximumSize = _button_Action.MinimumSize;
                        _button_Action.Left = 25;
                        _button_Action.Top = _label_Information.Top + _label_Information.Size.Height + 5;
                        _button_Action.Click += this.OnButtonClick;
                    }
                    _newPanel.Controls.Add(_button_Action);
                }
                this.Controls.Add(_newPanel);
            }
        }
 
        private void OnButtonClick(Object Sender, EventArgs E)
        {
            MessageBox.Show("Вы нажали на кнопку");
        }
    }
}

А в приложениях-сам проект...

@Nub_ · 19.03.2021, 00:34

Извиняюсь за глупый вопрос, но что за элемент выдвигающийся, как его сделать?

@blackeangel · 21.10.2021, 08:54

Storm23, Здравствуйте. Подскажите, что в вашем коде подправить, что бы при разворачивании окна, выезжающая панель тоже делалась по высоте формы? А то как то не очень, когда форма большая, а выдвигающаяся панелька - маленькая.

@Kazbek17 · 21.10.2021, 10:00

blackeangel, Вот новый архив с минимальный кодом.

@Storm23 · 21.10.2021, 10:50

Сообщение от blackeangel

Подскажите, что в вашем коде подправить, что бы при разворачивании окна, выезжающая панель тоже делалась по высоте формы?

Нужно изменить метод SetAnchors:

C#
1
2
3
4
5
6
7
8
9
10
        void SetAnchors()
        {
            switch (Appearance)
            {
                case DockStyle.Left: Anchor = AnchorStyles.Left | AnchorStyles.Top | AnchorStyles.Bottom; break;
                case DockStyle.Right: Anchor = AnchorStyles.Right | AnchorStyles.Top | AnchorStyles.Bottom; break;
                case DockStyle.Top: Anchor = AnchorStyles.Top | AnchorStyles.Left | AnchorStyles.Right; break;
                case DockStyle.Bottom: Anchor = AnchorStyles.Bottom | AnchorStyles.Left | AnchorStyles.Right; break;
            }
        }

@blackeangel · 21.10.2021, 11:06

Storm23, благодарю за отличный контейнер!

Добавлено через 1 минуту
Kazbek17, можно ловить resize формы и менять размер, зависимо от габаритов формы, но это не красиво. Решение шторма очень даже хорошее.

Новые блоги и статьи Все статьи Все блоги /
Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .

@Adep07 0 / 0 / 0 Регистрация: 03.05.2016 Сообщений: 35

	.NET 4.x Выдвигающаяся панель 04.05.2016, 23:41. Показов 14193. Ответов 14 Метки нет (Все метки) Делаю учебник(пишу в visual studio 2015)...нужна сбоку сделать выдвижную панель, нашел пример для Delphi: https://www.youtube.com/watch?v=Y-YFYdFRZt4 И ссылка на исходник с кодом: Panel.7z Проблема в том, что мои познания, как программиста довольно незначительные и я не знаю как реализовать это. Все делаю по уроках, но вот именно это не могу найти. В интернете и на cyberforum находил похожие статьи, но там или не подходил способ реализации, или не работал код. Возможно кто то знает как можно перенести с Delphi на С# или может есть ссылка на код\видеоурок, где показано, как сделать выдвижную панель. Буду очень признателен за любую помощь, заранее спасибо. 0

@Adep07 0 / 0 / 0 Регистрация: 03.05.2016 Сообщений: 35
	05.05.2016, 01:11 [ТС]
	Да видел я то.....уже 2 дня ищу, не подходит.... Я так понимаю, вы написали скинутый пример? Если не сложно, могли бы такой же, только для Windows Form? А на счет учить - согласен, нужно . Но пока увы, времени нет, я книжку делаю с некоторым функционалом по заданию, времени нет на то, чтобы сейчас вникать, если только позже. 0

@Adep07 0 / 0 / 0 Регистрация: 03.05.2016 Сообщений: 35
	07.05.2016, 01:18 [ТС]
	Не то, совсем не то. 1-й комментарий, там все подходит, только надо для Виндовс форм, а не для мейн Виндовс. 0

@Adep07 0 / 0 / 0 Регистрация: 03.05.2016 Сообщений: 35
	08.05.2016, 14:53 [ТС]
	Если не сложно, могли бы разжевать для начинающих? Или переделать, чтобы не надо было добавлять свой класс, или кинуть проект просто....Если будет не сложно. Было бы замечательно. Ещё вопрос, с помощью этого способа можно, чтобы панелька съезжала вбок имея настройки Dock = Fill? 0

@Nub_ 4 / 4 / 0 Регистрация: 31.05.2020 Сообщений: 160
	19.03.2021, 00:34
	Извиняюсь за глупый вопрос, но что за элемент выдвигающийся, как его сделать? 0

@blackeangel 19 / 10 / 1 Регистрация: 22.07.2015 Сообщений: 908
	21.10.2021, 08:54
	Storm23, Здравствуйте. Подскажите, что в вашем коде подправить, что бы при разворачивании окна, выезжающая панель тоже делалась по высоте формы? А то как то не очень, когда форма большая, а выдвигающаяся панелька - маленькая. 0

@blackeangel 19 / 10 / 1 Регистрация: 22.07.2015 Сообщений: 908
	21.10.2021, 11:06
	Storm23, благодарю за отличный контейнер! Добавлено через 1 минуту Kazbek17, можно ловить resize формы и менять размер, зависимо от габаритов формы, но это не красиво. Решение шторма очень даже хорошее. 0