Стыковка и привязка к приложению Windows Form

Что вам нужно сделать, так это сначала установить нижнюю панель и установить для ее свойства Dock значение Bottom. Затем установите высоту панели равной 1/3 высоты формы. Наконец, добавьте вторую панель и установите для ее свойства Dock значение Fill. Ключевым моментом здесь является то, что вы хотите добавить элемент управления, который заполнит оставшуюся область, которая будет добавлена ​​последней. Кроме того, вы можете поэкспериментировать с командами «На передний план» и «Отправить на задний план» в Visual Studio, чтобы заставить дизайнера сотрудничать.

Вам также может понадобиться перехватить событие OnSizeChanged для формы и переустановить высоту нижней панели, чтобы учесть изменения макета. Прошло некоторое время с тех пор, как я занимался программированием компактных фреймворков, поэтому я не уверен.

Щелкните правой кнопкой мыши верхнюю панель и выберите «На передний план». Однако я не думаю, что это даст вам желаемый результат. При изменении размера нижняя панель останется той же высоты, а верхняя панель растянется, чтобы заполнить форму.

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

    protected override void OnSizeChanged(EventArgs e)
    {
        base.OnSizeChanged(e);

        this.bottomPanel.Height = Convert.ToInt32((double)this.Height / 3.0);
    }

Установите для обеих панелей значение «не закреплено». То есть: удалите Dock-Value и очистите свойство Anchor. Затем переместите элементы управления, чтобы они приобрели нужный размер.

После этого, при изменении размера формы, они должны измениться относительно.

ИЗМЕНИТЬ
К сожалению, только что попробовал и уверен, что это не работает. Я перепутал это с решением, которое автоматически удерживает элементы управления в центре окна...

Что ж, я полагаю, вам придется создать обработчик для события Resize формы и вручную выровнять элементы управления после изменения размера формы.

Перейдите в «Инструменты», «Другие окна», «Структура документа». Найдите две панели и поменяйте их местами. Элемент управления с DockStyle.Fill должен быть первым, чтобы он был правильно закреплен. (или последний.. никогда не уверен, какой именно, но это один из них :p)

Это не решит проблему всегда 1/3 и 2/3... потому что нижняя панель будет иметь фиксированную высоту (если я не ошибаюсь). Я думаю, что, возможно, TableLayoutPanel поддерживает это...

Обновление: Как отмечено в комментариях, эта панель не существует в компактной среде. Итак, я полагаю, что самым простым решением этой проблемы будет попытка использовать стыковку, но обновлять высоту нижней панели всякий раз, когда изменяется размер формы.

Если вы хотите, чтобы это работало идеально, вам нужно добавить некоторый код в событие Resize формы, которое затем специально обрабатывает относительные размеры и размещает элементы управления в правильном месте после изменения размера.

Если вы не беспокоитесь о потере точности и формы не будут сильно двигаться, вы можете избежать этого, используя относительно умную привязку. По сути, вам нужно будет выбрать «росток» (часть формы, которая становится больше, чем больше становится форма). В этом случае я бы, вероятно, привязал верхнюю часть к Top | Слева | Правая и нижняя часть в Верх | Слева | Право | Нижний. Это будет означать, что нижняя часть формы станет больше, если форма расширится. В большинстве случаев это приемлемо. Если это не так, используйте событие Resize и некоторый код.

Самый простой способ сделать это – вложить панели. Просто установите панели для верха и низа и заполните. Затем используйте панели внутри этих панелей, чтобы сделать то же самое. Единственные проблемы, которые у меня были, - это изменение размера сетки данных, что в любом случае всегда неприятно. в этом случае вы должны использовать некоторый код для изменения размера элемента управления datagrid в событии изменения размера формы.

Я хотел бы добавить точку к ответу @jasonh.

Для панели, занимающей 2/3 формы, необходимо установить для свойства AutoScroll панели значение true.

Это позволит панели отображать прокрутку, когда размер элемента управления превышает видимость для пользователя, а также обеспечит видимость меньшей панели, которая составляет 1/3 высоты формы.

Вы можете получить требуемый дизайн, используя вложенные панели вместе с несколькими настройками свойств привязки и стыковки. Выполните следующие шаги: 1) Добавьте форму и поместите на нее Panel1. Установите его свойство Dock как «Заполнить», а ResizeMode — как «Увеличить и уменьшить». 2) Добавьте вторую панель2 и установите для ее свойства Dock значение «Bottom», установите высоту и установите для свойства Anchor значение «Top, Left». 3) Добавьте третью панель и установите для ее свойства Dock значение «Нет», установите высоту и установите для свойства Anchor значение «Верх, низ, лево, право».

Сохраните и скомпилируйте. Теперь все панели сохранят свое относительное позиционирование при изменении размера.