Размещение элементов по центру относительно ширины

@Alexandr_7 · Регистрация: 29.12.2015

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

Здравствуйте. Пока что я размещаю элементы так

C#

CDH_TBColorRegions[i] = new TextBox()
                {
                    Visible = true,
                    Size = new Size(60, 26),
                    Location = new Point(8 + ((i % 4) * 176), 8 + ((i / 4) * 34)),
                    BackColor = Color.White,
                    ForeColor = Color.Black,
                    BorderStyle = BorderStyle.FixedSingle,
                    Font = new Font(DHE.fonts.Families[0], 14),
                    MaxLength = 4
                };
 
                СDH_PNLColor_regions.Controls.Add(CDH_TBColorRegions[i]);
 
 
                CDH_BTNColorRegions[i] = new Button()
                {
                    Visible = true,
                    Enabled = true,
                    Font = new Font(DHE.fonts.Families[0], 12, FontStyle.Bold),
                    TextAlign = ContentAlignment.MiddleCenter,
                    Size = new Size(100, 26),
                    Location = new Point(76 + ((i % 4) * 176), 8 + ((i / 4) * 34)),
                    FlatStyle = FlatStyle.Popup,
                    Text = "Задать",
                    Cursor = Cursors.Hand
                };
 
                СDH_PNLColor_regions.Controls.Add(CDH_BTNColorRegions[i]);

Это размещения относительно левой части.
Помогите как сделать размещения по центру относительно ширины в таком же порядке
То есть сделать выравнивание элементов по центру
Тут посложнее формула нужна.
Размер панели известен.
Неизестен размер всех элементов вместе взятых

@meridbt · 24.06.2018, 20:54

Если на форме разместить TableLayoutPanel и в него поместить Control, у которого Control.Anchor = AnchorStyles.None, то этот контрол выравняется посередине ячейки TableLayoutPanel. Такой трюк Вам не подойдёт?

@Alexandr_7 · 24.06.2018, 20:56 **[ТС]**

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

Если на форме разместить TableLayoutPanel и в него поместить Control, у которого Control.Anchor = AnchorStyles.None, то этот контрол выравняется посередине ячейки TableLayoutPanel. Такой трюк Вам не подойдёт?

Я не все свойства знаю чтобы его программным путем создавать

@meridbt · 24.06.2018, 21:01

Alexandr_7,
Таблица может быть корневым элементов формы и занимать всю её площадь?

@Alexandr_7 · 24.06.2018, 22:12 **[ТС]**

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

Alexandr_7,
Таблица может быть корневым элементов формы и занимать всю её площадь?

У меня там восемь текстовых полей и 8 кнопок размещающихся по 4 вряд. Размещаются они на странице в PageControl

@meridbt · 24.06.2018, 22:43

Alexandr_7,

так ?

Размещение элементов по центру относительно ширины

@meridbt · 24.06.2018, 22:51

C#

private void FillTabPage0()
        {            
            TableLayoutPanel tlp = new TableLayoutPanel()
            {
                Dock = DockStyle.Fill,
                RowCount = 4,
                ColumnCount = 4
            };
            for (int i = 0; i < 8; i++)
            {
                tlp.Controls.Add(new TextBox()
                {
                    Anchor = AnchorStyles.None
                });
            }
            for (int i = 0; i < 8; i++)
            {
                tlp.Controls.Add(new Button()
                {
                    Anchor = AnchorStyles.None,
                    Text = "Button " + i
                });
            }
            for (int row = 0; row < tlp.RowCount; row++)
            {
                tlp.RowStyles.Add(new RowStyle()
                {
                    SizeType = SizeType.Percent,
                    Height = 50
                });
            }
            for (int col = 0; col < tlp.ColumnCount; col++)
            {
                tlp.ColumnStyles.Add(new ColumnStyle()
                {
                    SizeType = SizeType.Percent,
                    Width = 50
                });
            }
            tabControl1.TabPages[0].Controls.Add(tlp);
        }

@Alexandr_7 · 25.06.2018, 17:10 **[ТС]**

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

Alexandr_7,
так ?

Нет. Выглядит некрасиво. Короче вот так:

Но только по центру относительно ширины или проще говоря по центру координаты x

@meridbt · 25.06.2018, 20:37

Alexandr_7,

C#

private void FillTabPage0()
        {
            TableLayoutPanel baseContainer = new TableLayoutPanel()
            {
                Dock = DockStyle.Fill,
                RowCount = 1,
                ColumnCount = 1,
                BackColor = Color.Black
            };
            TableLayoutPanel tlp = new TableLayoutPanel()
            {
                Anchor = AnchorStyles.Top,
                RowCount = 2,
                ColumnCount = 8,
                AutoSize = true
 
            };
            for (int i = 0; i < 8; i++)
            {
                tlp.Controls.Add(new TextBox()
                {
                    Anchor = AnchorStyles.None,
                    Width = 45
                });
                tlp.Controls.Add(new Button()
                {
                    Anchor = AnchorStyles.None,
                    BackColor = Color.LightGreen,
                    Text = "SET"
                });
            }            
            for (int row = 0; row < tlp.RowCount; row++)
            {
                tlp.RowStyles.Add(new RowStyle(SizeType.AutoSize));           
            }
            for (int col = 0; col < tlp.ColumnCount; col++)
            {
                tlp.ColumnStyles.Add(new ColumnStyle(SizeType.AutoSize));
            }
            baseContainer.Controls.Add(tlp);
            tabControl1.TabPages[0].Controls.Add(baseContainer);
        }

@Alexandr_7 · 25.06.2018, 20:58 **[ТС]**

Только не понятно а где растояние между элементами указывается хотя все работает как надо

@meridbt · 25.06.2018, 22:22

Alexandr_7,

Здесь две таблицы. Первая, baseContainer, занимает всю площадь tabPage. Вторая, tlp, задаётся с авторазмером, то есть, ширина и высота подгоняются по размерам дочерних контролов. Вторая таблица является дочерним элементом первой, а так как её Anchor == Top, то вторая таблица выравнивается по центру верхней границы первой таблицы. Если контролы надо раздвинуть пошире, можно воспользоваться свойствами Margin или Padding

@Alexandr_7 · 26.06.2018, 22:09 **[ТС]**

C#

            var baseContainer = new TableLayoutPanel()
            {
                Dock = DockStyle.Fill,
                RowCount = 1,
                ColumnCount = 1,
                BackColor = Color.Transparent
            };
            var tlp = new TableLayoutPanel()
            {
                Anchor = AnchorStyles.Top,
                RowCount = 2,
                ColumnCount = 8,
                AutoSize = true
 
            };
 
 
            for (int i = 0; i < 8; i++)
            {
 
                CDH_TBColorRegions[i] = new TextBox()
                {
                    Visible = true,
                    Size = new Size(60, 26),
                    //Location = new Point(8 + ((i % 4) * 176), 8 + ((i / 4) * 34)),
                    BackColor = Color.White,
                    ForeColor = Color.Black,
                    BorderStyle = BorderStyle.FixedSingle,
                    Font = new Font(DHE.fonts.Families[0], 14),
                    MaxLength = 4
                };
 
                tlp.Controls.Add(CDH_TBColorRegions[i]);
                //СDH_PNLColor_regions.Controls.Add(CDH_TBColorRegions[i]);
 
                CDH_PBColorRegions[i] = new PictureBox()
                {
                    Visible = true,
                    Size = new Size(26, 26),
                    BackColor = Color.White,
 
                };
 
                tlp.Controls.Add(CDH_PBColorRegions[i]);
 
                CDH_BTNColorRegions[i] = new Button()
                {
                    Visible = true,
                    Enabled = true,
                    Font = new Font(DHE.fonts.Families[0], 12, FontStyle.Bold),
                    TextAlign = ContentAlignment.MiddleCenter,
                    Size = new Size(100, 26),
                    //Location = new Point(76 + ((i % 4) * 176), 8 + ((i / 4) * 34)),
                    FlatStyle = FlatStyle.Popup,
                    Text = "Задать",
                    Cursor = Cursors.Hand
                };
 
                CDH_BTNColorRegions[i].EnabledChanged += btn_EnabledChanged;
 
                btn_EnabledChanged(CDH_BTNColorRegions[i], new EventArgs());
 
                //СDH_PNLColor_regions.Controls.Add(CDH_BTNColorRegions[i]);
 
                tlp.Controls.Add(CDH_BTNColorRegions[i]);
            }
 
            for (int row = 0; row < tlp.RowCount; row++)
            {
                tlp.RowStyles.Add(new RowStyle(SizeType.AutoSize));
            }
            for (int col = 0; col < tlp.ColumnCount; col++)
            {
                tlp.ColumnStyles.Add(new ColumnStyle(SizeType.AutoSize));
            }
 
            baseContainer.Controls.Add(tlp);
            СDH_PNLColor_regions.Controls.Add(baseContainer);

Стоило мне добавить 3 элемент (CDH_PBColorRegions[i]) как все стало съзжать

Уменьшение размера кнопки не помогает. Что делать

Понял как исправить.

@meridbt · 26.06.2018, 22:14

RowCount, ColumnCount

@Alexandr_7 · 29.06.2018, 14:17 **[ТС]**

Как разместить элементы по 3 штуки в ряд 8 рядов по центру но с прокруткой которая следует после элементов с отступом

@meridbt 182 / 145 / 94 Регистрация: 30.07.2013 Сообщений: 578
	25.06.2018, 22:22	11
	Alexandr_7, Здесь две таблицы. Первая, baseContainer, занимает всю площадь tabPage. Вторая, tlp, задаётся с авторазмером, то есть, ширина и высота подгоняются по размерам дочерних контролов. Вторая таблица является дочерним элементом первой, а так как её Anchor == Top, то вторая таблица выравнивается по центру верхней границы первой таблицы. Если контролы надо раздвинуть пошире, можно воспользоваться свойствами Margin или Padding 0

@meridbt 182 / 145 / 94 Регистрация: 30.07.2013 Сообщений: 578
	26.06.2018, 22:14	13
	RowCount, ColumnCount 0

@meridbt 182 / 145 / 94 Регистрация: 30.07.2013 Сообщений: 578
	24.06.2018, 20:54	2
	Если на форме разместить TableLayoutPanel и в него поместить Control, у которого Control.Anchor = AnchorStyles.None, то этот контрол выравняется посередине ячейки TableLayoutPanel. Такой трюк Вам не подойдёт? 0

@Alexandr_7 46 / 20 / 5 Регистрация: 29.12.2015 Сообщений: 1,814
	24.06.2018, 20:56 [ТС]	3
	Сообщение от meridbt Если на форме разместить TableLayoutPanel и в него поместить Control, у которого Control.Anchor = AnchorStyles.None, то этот контрол выравняется посередине ячейки TableLayoutPanel. Такой трюк Вам не подойдёт? Я не все свойства знаю чтобы его программным путем создавать 0

@meridbt 182 / 145 / 94 Регистрация: 30.07.2013 Сообщений: 578
	24.06.2018, 21:01	4
	Alexandr_7, Таблица может быть корневым элементов формы и занимать всю её площадь? 0

@Alexandr_7 46 / 20 / 5 Регистрация: 29.12.2015 Сообщений: 1,814
	24.06.2018, 22:12 [ТС]	5
	Сообщение от meridbt Alexandr_7, Таблица может быть корневым элементов формы и занимать всю её площадь? У меня там восемь текстовых полей и 8 кнопок размещающихся по 4 вряд. Размещаются они на странице в PageControl 0

@meridbt 182 / 145 / 94 Регистрация: 30.07.2013 Сообщений: 578
	24.06.2018, 22:43	6
	Alexandr_7, так ? 0

@Alexandr_7 46 / 20 / 5 Регистрация: 29.12.2015 Сообщений: 1,814
	25.06.2018, 17:10 [ТС]	8
	Сообщение от meridbt Alexandr_7, так ? Нет. Выглядит некрасиво. Короче вот так: Но только по центру относительно ширины или проще говоря по центру координаты x 0

@Alexandr_7 46 / 20 / 5 Регистрация: 29.12.2015 Сообщений: 1,814
	25.06.2018, 20:58 [ТС]	10
	Только не понятно а где растояние между элементами указывается хотя все работает как надо 0

@Alexandr_7 46 / 20 / 5 Регистрация: 29.12.2015 Сообщений: 1,814
	29.06.2018, 14:17 [ТС]	14
	Как разместить элементы по 3 штуки в ряд 8 рядов по центру но с прокруткой которая следует после элементов с отступом 0

Размещение элементов по центру относительно ширины

Решение