Учебники

MFC – Windows Layout

Расположение элементов управления очень важно и важно для удобства использования приложения. Он используется для организации группы элементов GUI в вашем приложении. Есть некоторые важные вещи, которые следует учитывать при выборе макета –

  • Позиции дочерних элементов.
  • Размеры дочерних элементов.

Добавление элементов управления

Давайте создадим новый основанный на диалоге проект MFC MFCLayoutDemo.

Шаг 1 – После того, как проект создан, вы увидите следующий экран.

Создать добавление элементов управления

Шаг 2 – Удалить TODO из диалогового окна.

Шаг 3 – Перетащите некоторые элементы управления из панели инструментов, которые вы видите на левой стороне.

(Мы перетащим один статический текст и один элемент управления редактированием, как показано на следующем снимке).

MFCLayoutDemo Редактировать

Шаг 4 – Измените заголовок статического текста на имя.

Статический текст в имя

Сетка управления

Сетка управления – это точки сетки, которые могут помочь в расположении элементов управления, которые вы добавляете во время проектирования.

Чтобы включить сетку управления, необходимо нажать кнопку «Переключить сетку» на панели инструментов, как показано на следующем снимке.

Контрольная Сетка

Управление изменением размера

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

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

Control Resizing

Теперь вы можете изменить размеры элементов управления с помощью этой пунктирной сетки.

Позиции управления

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

Давайте добавим еще несколько элементов управления –

Положение управления

Шаг 1 – Чтобы переместить элемент управления, щелкните и перетащите его в нужном направлении, пока он не достигнет предполагаемого положения.

Шаг 2 – Чтобы переместить группу элементов управления, сначала выберите их. Затем перетащите выделенную область в нужное место. Давайте выберем статические тексты и элементы управления редактирования.

Статические тексты и элементы управления редактированием

Шаг 3 – Переместите эти выбранные элементы управления в левую сторону.

Переместить выделенный контроль

Переместить выделенный контроль

Чтобы помочь с позиционированием элементов управления, Visual Studio предоставляет панель инструментов диалогового окна со следующими кнопками.

Контрольная позиция 5

Шаг 1 – Давайте выровняем элементы управления Check box и Static Text по левому краю, выбрав все эти элементы управления.

Выровнять формат

Шаг 2 – Выберите Формат → Выровнять → Левые.

Выровнять по левому краю

Шаг 3 – Теперь вы можете видеть, что все эти элементы управления выровнены влево.

Tab Tabing

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

Чтобы изменить вкладку, вы можете использовать опцию меню «Формат → Порядок вкладок» или комбинацию клавиш Ctrl + D. Давайте нажмем Ctrl + D.

Tab Tabing

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

В этом примере мы сначала установим флажок, а затем элементы управления Редактирование имени и адреса. Затем нажмите OK и Отмена, как показано на следующем снимке.

Заказ столика

Давайте запустим это приложение, и вы увидите следующий вывод.