Яке призначення конструктора форм

Обновлено: 01.05.2024

Форма для сайта – удобный и доступный инструмент для повышения конверсии и динамики площадки. Сейчас без нее не обходится почти ни один сайт. Чтобы создать форму и использовать ее у себя, Вам понадобится всего лишь конструктор форм.

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

зачем использовать формы

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

1. Сбор данных

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

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

2. Заказы

С помощью веб-элементов люди могут быстро сделать любую покупку, настроив под себя параметры от стоимости доставки до способа оплаты и наблюдать за выполнением своего заказа. А Вам будет удобно координировать все поступающие. Для этого существуют виджеты: захвата на сайте, заказов, составления покупки, онлайн калькулятора.

3. Консультация

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

конструкторы форм

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

Сервис	Стоимость (в месяц)	Пробный период	Бесплатная версия	Минимальное количество форм
FormDesigner	От 409 ₽	7 дней	Есть	3
Marquiz	От 600 ₽	Нет	Есть	1
StepForm	От 174 ₽	Нет	Есть	5
Matomba	От 300 ₽	Есть	Есть	1
UCalc	От 300 ₽	Нет	Есть	3
QuizGO	От 499 ₽	7 дней	Нет	1
Ognemёt	От 750 ₽	7 дней	Нет	1
Getsitecontrol	От 390 ₽	7 дней	Нет	1

Больше инструментов для повышения конверсии сайта можно найти здесь

функционал программы

В целом конструкторы обладают схожим функционалом. Поэтому разберем, как сделать и настроить форму на примере сервиса FormDesigner.

1. Формы

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

1.1. Создание

Добавляйте формы, используя шаблоны из каталога, либо сконструируйте собственный. Редактируйте их статус, параметры и внешний вид. Указывайте в описании любую необходимую инфу: краткие сведения о Вашей компании, логотип и слоган, назначение, приветствие перед заполнением и т.д.

Настройте действие при успешном заполнении, опираясь на задачи, поставленные перед виджетом. К примеру, если Вы сконструировали её на регистрацию, выберите “Показывать текст над формой” и ниже напишите благодарность за уделенное время. В таком случае текст высветится у посетителя, заполнившего ее.

Поставьте галочку в графе “Онлайн-валидация” (проверка), если Вам нужно, чтобы обязательные к заполнению поля были проверены перед отправкой. Тогда пользователи не смогут закончить, не исправив ошибки в помеченных полях.

Устанавливайте e-mail и SMS-уведомления, свой URL, защиту и гостевой доступ, добавляйте поддомен и произвольный код для расширения функционала. Просматривайте аналитику, выявляйте ошибки валидации, а также формируйте страницу для печати.

– Элементы

Выбирайте составляющие элементы из предложенного списка: текст и цифры, чекбоксы (функция для множественных вариантов ответа в форме) и переключатели, телефон и мессенджер, список и свободное поле и т.д. Так Вы подстроите её под свои цели и нужды.

– Настройки дизайна

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

– Интеграции

Устанавливайте необходимые интеграции для удобства работы с формой и ее статистикой. Они нужны для точного учета всех поступающих заявок, формирования детализированной аналитики, синхронизации с CRM-системами, передачи данных с мессенджерами, почтой и календарями, автоматизации продолжительных процессов и многого другого – все зависит от типа приложения.

Например, при связи с сервисом, Вы сможете получать все приходящие с неё лиды сразу в базу CRM.

– Логика

Добавляйте правила для полей и результатов форм, переадресаций, e-mail и SMS-уведомлений, чтобы автоматизировать процесс создания и упростить заполнение.

– Получение кода

После детальной настройки и проработки формы, перейдите на следующую вкладку “Получить код”. Там находится необходимый для размещения выбранного виджета. Скопируйте предложенный код на свой сайт, выбрав формат JavaScript или lframe.

– Аналитика

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

1.2. Мои формы

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

– Гостевые формы

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

– Источники данных

Привяжите один из представленных источников данных – FormDesigner или Google Таблицы, чтобы получать все данные по заданным элементам для лучшей структуризации сведений.

– Архив

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

2. Шаблоны

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

2.1. Каталог шаблонов

Они сгруппированы по категориям и типам, так что Вы найдете желаемый в пару кликов. Также можно сортировать их по дате, популярности и цене в порядке как возрастания, так и убывания.

2.2. Мои шаблоны

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

3. Файловый менеджер

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

4. Гостевой доступ

5. Менеджер ошибок

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

5.1. Добавление

6. Оплата

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

6.1. Продление тарифа

Продлевайте собственный тариф в клик, не покидая конструктор форм. Выбирайте срок продления, вписывайте имеющийся промокод и оформляйте заказ.

6.2. Изменение тарифа

Меняйте тариф, если Вам недостаточно функций на текущем. Сравнивайте все предлагаемые сразу на странице, наглядно соотнося плюсы и минусы каждого.

6.3. Список счетов

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

6.4. Финансовая статистика

Анализируйте собственные траты на услуги конструктора, контролируя, когда было совершено зачисление средств, и когда они были потрачены. Вся статистика полностью прозрачна и открыто показывает оборот финансов.

идеи для повышения конверсии

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

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

Для создания формы в режиме Конструктора необходимо на вкладке Создание в группе Формы нажать кнопку Конструктор форм. Для редактирования формы ее открывают в области документов, на вкладке Главная нажимают кнопку Режим конструктора.

Окно Конструктор форм включает разделы (рис. 3.7):

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

Область данных – центральная часть формы, на которую выводятся данные из таблиц или запросов, пояснительные тексты, элементы управления.

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

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

Рисунок 3.7 – Окно Конструктора форм

По умолчанию в окне Конструктора форм отображается раздел данных. Для вывода остальных разделов их нужно вызвать из контекстного меню.

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

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

Режим Конструктора позволяет добавлять на форму различные элементы управления путем выбора их на ленте на вкладке Конструктор форм. Элементами управления в приложении Access называются отдельные конструктивные элементы, которые размещаются в окне формы. Такие элементы могут быть разного типа и выполнять различные функции: отображать данные из полей таблицы, хранить определенный текст (например, заголовки и надписи) или использоваться для декоративного оформления.

Для отображения текста, например, заголовка формы или пояснений, используют элемент Надпись. Для создания нового поля, не встречающегося в таблицах, создают свободное поле (элемент Поле) для отображения результатов вычислений или для приема данных, вводимых пользователем. Содержимое свободного поля нигде не сохраняется.

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

Элемент управления Кнопка помещается в форму как механизм запуска некоторого определенного процесса, например: Переходы по записям (перейти к следующей, предыдущей, первой или последней записи), Обработка записей, Работа с формой (открыть, закрыть или распечатать форму), Приложение (запустить Microsoft Word или Microsoft Excel, выйти из приложения Access), Разное (выполнить запрос или макрос). Кнопки чаще всего размещают в разделах заголовка или примечания формы. Для определения действия по нажатию кнопки запускается Мастер создания кнопок.

Для декоративного оформления используются элементы Рисунок, Линия, Рамка.

Создание кнопочной формы

Для объединения объектов в едином диалоговом приложении могут быть созданы кнопочные формы. Главная кнопочная форма создается с целью навигации по базе данных, она может использоваться в качестве главного меню БД. Кнопочная форма является панелью управления приложением. Кнопки такой формы обеспечивают вызов других кнопочных форм, а также отдельных объектов: Отчетов, форм, макросов, модулей, с которых начинается решение задачи. Сюда же помещаются и кнопки для возврата к кнопочным формам предыдущих уровней выхода из Access.

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

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

Для создания страницы кнопочной формы в окне диспетчера кнопочных форм необходимо нажать кнопку Создать. В окне Создание в поле Имя страницы кнопочной формы ввести имя кнопочной формы, например, Формы. Можно повторить эти действия для создания страниц Таблицы, Запросы, Выход (рис. 3.8).

Рисунок 3.8. Окно диспетчера кнопочных форм

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

Элементы, создаваемые в кнопочной форме, могут быть подразделены на два основных типа:

Элементы, предназначенные для организации вызова других кнопочных форм

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

После создания страниц создаются элементы ГКФ, для этого в «Окне диспетчер кнопочных форм» выделяется страница «Главная кнопочная форма» - «Изменить», откроется новое окно «Изменение страниц кнопочной формы».

В этом окне щелкаем на кнопке «Создать», откроется новое окно «Изменение элемента кнопочной формы». В этом окне в строке Команда выберем Перейти к кнопочной форме. В строке Кнопочная форма выбирается кнопочная форма, переход к которой должна обеспечивать создаваемая кнопка (например, Формы, Таблицы, Запросы, выход из приложения). В строке Текст вводится подпись для кнопки.

Чтобы изменить или удалить какую – либо из созданных кнопок, надо выбрать имя этой кнопки в списке Элементы данной кнопочной формы и нажать кнопку Изменить (Edit) или Удалить. При необходимости изменить порядок кнопок в списке надо выбрать элемент и нажать кнопку Вверх или Вниз. Для завершения работы с приложением создадим кнопку, выбрав для него команду Выйти из приложения, и присвоим ей имя.

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

В подчиненных кнопочных формах создадим кнопку для возврата к главной кнопочной форме, заполнив поля в окне Изменение элемента кнопочной формы

Для формирования кнопок, обеспечивающих выполнение задач пользователя, необходимо, чтобы они были связаны с одним из объектов приложения. Диспетчер кнопочных форм обеспечивает связь с формами, отчетами, макросами и модулями.

Для связи создаваемой кнопки с нужным объектом надо выбрать в строке Команда одну из команд: открыть форму для добавления, открыть форму для изменения, открыть отчет, выполнить макрос, выполнить программу.

Для создания кнопок Запросы или Таблицы на кнопочной форме нужно использовать макросы. Сначала в окне базы данных создают макросы «Открыть Запрос» или «Открыть Таблицу» с уникальными именами, а затем в кнопочной форме создают кнопки для вызова этих макросов. На ленте щелкнуть по вкладке Создание. На панели инструментов Другие выбрать пункт Макрос.

Появится бланк создания макроса. Выбрать из списка Макрокоманда пункт Открыть Запрос (Таблицу). В списке Имя запроса аргументов макрокоманды в нижней части бланка выбрать нужный запрос. Закрыть макрос, сохранив его под нужным именем

Для любой кнопочной формы щелкнуть на кнопке Изменить, откроется окно диалога «Изменение страницы кнопочной формы». Нажать кнопку Создать, откроется новое окно «Изменение страницы кнопочной формы», в котором вводится Текст;
выбирается из раскрывающегося списка команда: Выполнить макрос;
выбирается из списка имя макроса.

Чтобы обеспечить открытие главной кнопочной формы при открытии базы данных, выполните команду Параметры Access меню кнопки Office. Выберите объект Текущая база данных и в списке Форма просмотра в группе Параметры приложения выберите Кнопочная форма.

Задание на выполнение

1. В базе данных на основании Таблицы 1 создать форму с помощью инструмента «Форма». Пользуясь формой, ввести две новые записи, открыть таблицу и убедиться, что данные введены в таблицу.

2. В базе данных на основании Таблицы 2 создать форму в режиме Конструктора, используя элементы управления «Надпись», «Поле со списком», «Кнопка» (для закрытия формы), «Рисунок», «Линия». Оформить окно формы, изменив шрифт, цвет заливки, расположение элементов.

3. В базе данных, содержащей две связанные таблицы, создать подчиненные и связанные формы.

4. В базе данных, содержащей две связанные таблицы, создать кнопочную форму, позволяющую открывать формы, таблицы, запросы (по 2-3 элемента на странице) и обеспечивать возврат к главной кнопочной форме. Задать открытие главной кнопочной формы при открытии базы данных.

Содержание отчета

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

Форма Access – це об’єкт бази даних, за допомогою якого можна створити інтерфейс користувача для програми бази даних. "Зв’язана" форма – це форма, безпосередньо підключена до джерела даних, як-от таблиці чи запиту, за допомогою якої можна вводити, редагувати або відображати дані з цього джерела даних. Також можна створити "вільну" форму, яка не веде прямо до джерела даних, але яка все одно містить кнопки, підписи або інші елементи керування, необхідні для роботи з програмою.

У цій статті мова йде головним чином про зв’язані форми. За допомогою зв’язаних форм можна керувати доступом до даних, наприклад, які поля або рядки даних відображати. Скажімо, деяким користувачам знадобляться лише кілька полів у таблиці з багатьма полями. Якщо надати цим користувачам форму, що містить лише потрібні їм поля, їм буде простіше використовувати базу даних. Ви також можете додати до форми кнопки та інші функції, щоб автоматизувати дії, які виконуються часто.

Уявіть собі, що зв’язані форми – це вікна, через які люди бачать і використовують вашу базу даних. Ефективна форма прискорює використання бази даних, оскільки в ній не потрібно нічого шукати. Візуально приваблива форма підвищує зручність і ефективність роботи з базою даних, а також допомагає запобігати введенню неприпустимих даних.

Примітка.: У цій статті припускається, що ви вже створили таблицю (або запит на основі однієї чи кількох таблиць) і хочете побудувати форму, щоб переглядати дані або працювати з ними.

У цій статті

Створення форми за допомогою засобу "Форма"

За допомогою засобу "Форма" можна створити форму одним клацанням. Коли ви використовуєте цей засіб, усі поля з відповідного джерела даних, розміщуються у формі. Ви можете відразу ж почати використовувати нову форму або змінити її в режимі розмітки чи конструктора відповідно до своїх потреб.

Створення нової форми за допомогою засобу "Форма"

В області переходів клацніть таблицю або запит із даними, які мають відображатись у формі.

На вкладці Створення в групі Форми натисніть кнопку Форма.

У програмі Access створиться форма, яка відобразиться в режимі розмічування. У режимі розмічування можна змінювати макет форми під час відображення в ній даних. Наприклад, за потреби можна настроїти розмір текстових полів відповідно до обсягу даних.

Якщо Access знаходить одну таблицю, яка має зв’язок "один-до-багатьох" із таблицею чи запитом, що використовувався для створення форми, то програма додає таблицю даних до форми на основі пов’язаної таблиці чи запиту. Наприклад, якщо створити просту форму на основі таблиці "Працівники", коли між таблицями "Працівники" й "Замовлення" визначено зв’язок "один-до-багатьох", то у вікні табличного подання даних відобразяться всі записи з таблиці "Замовлення", пов’язані з поточним записом працівника. Цю таблицю даних можна видалити з форми, якщо вона не потрібна. У разі наявності кількох таблиць, які мають зв’язок "один-до-багатьох" із таблицею, що використовувалася для створення форми, програма Access не додаватиме таблиці даних до форми.

Створення розділеної форми за допомогою засобу "Розділена форма"

Розділена форма передбачає два способи перегляду даних одночасно: у поданні форми та у вікні табличного подання даних.

Розділена форма відрізняється від комбінації з форми та підформи тим, що обидва подання підключено до того самого джерела даних і вони постійно синхронізуються одне з одним. Якщо виділити поле в одній частині форми, це ж поле буде виділено в іншій частині форми. У будь-якій із двох частин можна додавати, редагувати або видаляти дані (за умови, що джерело записів оновлюване, а у формі не налаштовано заборону таких дій).

Робота з розділеними формами дає змогу користуватися перевагами двох типів форм в одній формі. Наприклад, ви можете скористатися вікном табличного подання даних, що швидко знайти запис, а потім поданням форми, щоб переглянути й відредагувати цей запис.

Щоб створити розділену форму за допомогою засобу "Розділена форма":

В області переходів клацніть таблицю або запит, що містить потрібні дані у формі. Або відкрийте таблицю або запит у вікні табличного подання даних.

На вкладці Створення в групі Форми натисніть кнопку Додаткові форми та виберіть Розділена форма.

Створення форми, у якій відображаються кілька записів, за допомогою засобу "Кілька елементів"

У формі, створеній за допомогою засобу "Форма", відображається один запис за раз. Якщо необхідно, щоб у формі відображалося кілька записів, але в ній було більше можливостей для налаштування, ніж у даних у табличному поданні, можна скористатися засобом "Кілька елементів".

В області переходів клацніть таблицю або запит із даними, які мають відображатись у формі.

На вкладці Створення в групі Форми натисніть кнопку Додаткові форми та виберіть Кілька елементів.

В Access створиться форма та відобразиться в режимі розмітки. У режимі розмітки можна змінювати макет форми, коли в ній відображаються дані.

Під час використання засобу "кілька засобів" форма, яка створюється у програмі Access, нагадує таблицю даних. Дані упорядковуються в рядках і стовпцях, а одночасно відображаються кілька записів. Однак форма "кілька елементів" дає змогу отримати додаткові можливості настроювання, ніж у табличному поданні, наприклад можливість додавати графічні елементи, кнопки та інші елементи керування. Щоб отримати докладні відомості про настроювання форми, ознайомтеся з розділами, які точно настроюючи форму в режимі розмітки , і налаштуйте форму в режимі конструктора.

Створення форми за допомогою майстра форм

Щоб вибрати поля, які мають відображатись у формі, використовуйте майстер форм замість різних вищезгаданих інструментів для побудови форми. Ви також можете визначити спосіб групування й сортування даних і використати поля з кількох таблиць або запитів за умови, що зв’язки між таблицями й запитами вказано заздалегідь.

На вкладці Створення в групі Форми натисніть кнопку Майстер форм.

Дотримуйтеся вказівок на сторінках майстра форм.

Примітка.: Якщо потрібно додати до форми поля з кількох таблиць і запитів, не натискайте кнопку Далі або Готово, після того як виберете поля з першої таблиці чи запиту на першій сторінці майстра форм. Повторіть кроки для вибору таблиці чи запиту та виберіть додаткові поля, які потрібно включити до форми. Після цього натисніть кнопку Далі або Готово, щоб продовжити.

На останній сторінці майстра натисніть кнопку Готово.

Створення форми за допомогою засобу "Пуста форма"

Якщо майстер або інструменти для побудови форми не відповідають вашим потребам, ви можете створити форму за допомогою засобу "Пуста форма". Це швидкий спосіб створення форми, особливо якщо у формі потрібно відображати лише кілька полів.

На вкладці Створення в групі Форми натисніть кнопку Пуста форма.

В Access відкриється пуста форма в режимі розмітки та відобразиться область Список полів.

В області Список полів натисніть знак "плюс" (+) поруч з однією або кількома таблицями, що містять поля, які мають відображатись у формі.

Щоб додати до форми поле, двічі клацніть його або перетягніть на форму.

Додавши перше поле, ви можете додати кілька полів одночасно. Для цього, утримуючи натиснутою клавішу Ctrl, клацніть кілька полів, а потім перетягніть їх усі разом на форму.

Порядок таблиць в області Список полів може змінюватися залежно від того, яку частину форми вибрано. Якщо потрібне поле не відображається, спробуйте вибрати іншу частину форми, а потім додати поле.

За допомогою інструментів на вкладці Конструктор у групі Колонтитули можна додати до форми емблему, назву або дату й час.

За допомогою інструментів на вкладці Конструктор у групі Елементи керування можна додати до форми різноманітні елементи керування.

Якщо вам потрібен більший вибір елементів керування, перейдіть у режим конструктора. Для цього клацніть форму правою кнопкою миші й виберіть Конструктор.

Режим розмітки й режим конструктора

Режим розмітки Режим розмітки – це найбільш інтуїтивне подання, яке використовуватиметься для модифікації форми, і її можна використовувати для майже всіх змін, які потрібно перетворити на форму в програмі Access.

У режимі розмітки форма фактично працює. Таким чином, ви можете побачити, як відображатимуться дані під час використання форми. Проте в цьому режимі також можна змінити макет форми. Оскільки ви можете бачити дані, змінюючи форму, у цьому режимі дуже зручно регулювати розмір елементів керування та виконувати практично будь-яке інше завдання, що впливає на оформлення та зручність використання форми.

Якщо яке-небудь завдання не можна виконати в режимі розмітки, перейдіть у режим конструктора. У деяких випадках відображається повідомлення про те, що для виконання певної зміни потрібно перейти в режим конструктора.

Режим конструктора Режим конструктора надає деталізованіше подання структури форми. Відображаються розділи "Верхній колонтитул", "Відомості" та "Нижній колонтитул" для форми. У режимі конструктора форма не працює. Таким чином, вносячи зміни до макета, ви не зможете переглянути відповіді дані. Проте деякі завдання простіше виконати в режимі конструктора, ніж у режимі розмітки. Ви можете:

додавати до форми ширший спектр елементів керування, наприклад зв’язані рамки об’єктів, розриви сторінок і діаграми;

редагувати джерела елемента керування "текстове поле" в самих текстових полях без використання аркуша властивостей;

змінювати розділи форми, як-от "Верхній колонтитул форми" або "Відомості";

змінювати певні властивості форми, які не можна змінювати в режимі розмітки.

Налаштування форми в режимі розмітки

Створивши форму, ви можете легко налаштувати її структуру в режимі розмітки. Використовуючи фактичні дані з форми як орієнтир, ви можете перевпорядкувати елементи керування та відрегулювати їхній розмір. У формі можна розмістити нові елементи керування, а також визначити властивості форми та її елементів керування.

Щоб перейти в режим розмітки, клацніть форму правою кнопкою миші в області переходів і виберіть Режим розмітки.

Форма відобразиться в режимі розмітки.

Ви можете змінити властивості форми, її елементів керування та розділів, скориставшись аркушем властивостей. Щоб відобразити аркуш властивостей, натисніть клавішу F4.

Ви можете додати поля з базової таблиці чи базового запиту до макету форми, скориставшись областю Список полів. Щоб відобразити область Список полів:

На вкладці Конструктор у групі Знаряддя натисніть кнопку Додавання наявних полів або скористайтеся сполученням клавіш (Alt+F8).

Потім можна перетягнути поля безпосередньо з області Список полів усі разом до форми.

Щоб додати окреме поле, двічі клацніть його або перетягніть з області Список полів до розділу форми, де його потрібно відображати.

Щоб одночасно додати кілька полів, виберіть потрібні поля, утримуючи натиснутою клавішу Ctrl. Потім перетягніть вибрані поля на форму.

Налаштування форми в режимі конструктора

Ви також можете налаштувати макет форми в режимі конструктора. Ви можете додати до форми нові елементи керування та поля, додавши їх до бланка. Аркуш властивостей надає доступ до великої кількості властивостей, за допомогою яких можна налаштувати форму.

Щоб перейти в режим конструктора, клацніть правою кнопкою миші ім’я форми в області переходів і виберіть Конструктор.

Форма відобразиться в поданні конструктора.

Потім можна перетягнути поля безпосередньо з області Список полів усі разом до форми.

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

Примечание: Эта статья написана для форм, но многие описанные здесь подходы применимы и к изменению отчетов.

В этой статье

Общие сведения о режимах макета и конструктора

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

Режим конструктора. В режиме конструктора более детально представлена структура формы. Здесь вы видите заголовок, подробности и нижний колонтитул формы. При внесении изменений в структуру вы не можете просматривать базовые данные, тем не менее определенные задачи проще выполнять в режиме конструктора. Вы можете:

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

изменять источники для текстовых полей в самих полях, не открывая их страницу свойств;

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

изменять некоторые свойства формы, которые невозможно изменить в режиме макета (такие как Режим по умолчанию или Режим формы).

Изменение формы в режиме макета

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

Чтобы перейти в режим макета, щелкните правой кнопкой мыши имя формы в области навигации и выберите команду Режим макета .

Access выведет форму в режиме макета.

Для изменения свойств формы, элементов управления и разделов можно использовать страницу свойств. Чтобы открыть страницу свойств, нажмите клавишу F4.

С помощью области Список полей можно добавлять поля из базовой таблицы или запроса в структуру формы. Отобразить область Список полей можно одним из следующих способов:

На вкладке Формат в группе Элементы управления нажмите кнопку Добавить поля .

Нажмите клавиши ALT+F8.

Затем можно перетащить поля прямо из области Список полей в форму.

Чтобы добавить одно поле, дважды щелкните его и перетащите из области Список полей в нужный раздел формы.

Чтобы добавить сразу несколько полей, щелкните их, удерживая нажатой клавишу CTRL. Затем перетащите выбранные поля в форму.

Изменение формы в режиме конструктора

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

Чтобы переключиться на конструктор, щелкните правой кнопкой мыши имя формы в области навигации и выберите команду Конструктор .

Access выведет форму в конструкторе.

На вкладке Конструктор в группе Сервис нажмите кнопку Добавить существующее поле.

Нажмите клавиши ALT+F8.

Затем можно перетащить поля прямо из области Список полей в форму.

Чтобы добавить одно поле, дважды щелкните его и перетащите из области Список полей в нужный раздел формы.

Конструктор Windows Forms предоставляет множество средств для создания приложений Windows Forms. В этой статье показано, как создать приложение с помощью различных средств, предоставляемых конструктором, и выполнять такие задачи:

размещать элементы управления с помощью линий привязки;
выполнять задачи конструктора с помощью смарт-тегов;
устанавливать поля и отбивки для элементов управления;
располагать элементы управления с помощью элемента управления TableLayoutPanel;
разделять макет элемента управления с помощью элемента управления SplitContainer;
просматривать макет в окне "Структура документа";
размещать элементы управления с отображением размера и сведений о расположении;
задавать значения свойств в окне "Свойства".

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

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

Первым шагом является создание проекта элемента управления DemoCalculator.

Откройте Visual Studio и создайте проект категории Библиотека элементов управления Windows Forms. Задайте проекту имя DemoCalculatorLib.

Чтобы переименовать файл, в обозревателе решений щелкните правой кнопкой мыши элемент UserControl1.vb или UserControl1.cs, выберите Переименовать и замените имя файла на DemoCalculator.vb или DemoCalculator.cs. Чтобы переименовать все ссылки на элемент кода UserControl1, в соответствующем запросе выберите Да.

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

Разработка макета элемента управления

Элемент управления DemoCalculator содержит несколько элементов управления Windows Forms. На этом этапе вы зададите расположение элементов управления с помощью конструктора Windows Forms.

В конструкторе Windows Forms увеличьте размер элемента управления DemoCalculator, выбрав маркер изменения размера в правом нижнем углу и перетащив его вниз и вправо. В правом нижнем углу Visual Studio просмотрите сведения о размере и расположении элементов управления. Задайте элементу управления ширину 500 и высоту 400, наблюдая за сведениями о размере при изменении размера элемента управления.

На панели элементов выберите узел Контейнеры, чтобы открыть его. Выберите элемент управления SplitContainer и перетащите его на поверхность конструктора.

Элемент SplitContainer появится на поверхности конструктора элемента управления DemoCalculator.

Размер элемента управления SplitContainer автоматически устанавливается в соответствии с размером элемента управления DemoCalculator. В окне Свойства проверьте свойства, заданные для элемента управления SplitContainer . Найдите свойство Dock. Ему задано значение DockStyle.Fill. Это означает, что размер элемента управления SplitContainer устанавливается в соответствии с границами элемента управления DemoCalculator. Измените размер элемента управления DemoCalculator, чтобы проверить это поведение.

В окне Свойства замените значение свойства Dock на None .

Элемент управления SplitContainer уменьшится до размера по умолчанию и больше не будет меняться при изменении размера элемента управления DemoCalculator.

Щелкните глиф смарт-тега () в правом верхнем углу элемента управления SplitContainer . Выберите Закрепить в родительском контейнере, чтобы присвоить свойству Dock значение Fill .

Элемент управления SplitContainer закрепится по границам элемента управления DemoCalculator.

Для некоторых элементов управления доступны смарт-теги, упрощающие проектирование. Дополнительные сведения см. в разделе Пошаговое руководство: выполнение типичных задач с помощью смарт-тегов в элементах управления Windows Forms.

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

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

В окне Свойства замените значение свойства BorderStyle на Fixed3D .

На панели элементов выберите узел Стандартные элементы управления, чтобы открыть его. Выберите элемент управления ListView и перетащите его на правую панель элемента управления SplitContainer .

Выберите глиф смарт-тега элемента управления ListView . На панели смарт-тегов замените значение параметра View на Details .

На панели смарт-тегов выберите Изменить столбцы.

Откроется диалоговое окно Редактор коллекции ColumnHeader.

На панели смарт-тегов выберите Закрепить в родительском контейнере, а затем щелкните глиф смарт-тега, чтобы закрыть панель смарт-тегов.

С панели элементов узла Контейнеры перетащите элемент управления TableLayoutPanel на левую панель элемента управления SplitContainer .

Элемент управления TableLayoutPanel отобразится на поверхности конструктора с открытой панелью смарт-тегов. Элемент управления TableLayoutPanel упорядочивает свои дочерние элементы управления в сетке. Элемент управления TableLayoutPanel будет содержать экран и кнопки элемента управления DemoCalculator. Дополнительные сведения см. в разделе Пошаговое руководство: упорядочение элементов управления в формах Windows Forms с помощью элемента TableLayoutPanel.

На панели смарт-тегов выберите Правка строк и столбцов.

Откроется диалоговое окно Стили столбцов и строк.

Нажимайте кнопку Добавить, пока не добавятся пять столбцов. Выберите все пять столбцов, а затем в поле Тип размера выберите Процент. Параметру Процент задайте значение 20. При этом каждому столбцу задается одинаковая ширина.

В разделе Показать выберите Строки.

Нажимайте кнопку Добавить, пока не добавятся пять строк. Выберите все пять строк, а затем в поле Тип размера выберите Процент. Параметру Процент задайте значение 20. При этом каждой строке задается одинаковая высота.

В окне Свойства замените значение свойства Dock на Fill .

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

Теперь, когда макет элемента управления настроен, можно добавить в элемент управления DemoCalculator кнопки и экран.

На панели элементов выберите значок элемента управления TextBox .

Элемент управления TextBox помещается в первую ячейку элемента управления TableLayoutPanel .

В окне Свойства замените значение свойства ColumnSpan элемента управления TextBox на 5.

Элемент управления TextBox переместится в центр своей строки.

Замените значение свойства Anchor элемента управления TextBox на Left , Right .

Элемент управления TextBox расширится по горизонтали, заняв все пять столбцов.

Измените значение свойства TextBox элемента управления TextAlign на Right .

В окне Свойства разверните узел свойства Font . Задайте значение 14 для Size и true для Bold у элемента управления TextBox .

Выберите элемент управления TableLayoutPanel .

На панели элементов выберите значок Button .

Элемент управления Button разместится в следующей свободной ячейке элемента управления TableLayoutPanel .

На панели элементов выберите Button еще четыре раза, чтобы заполнить вторую строку элемента управления TableLayoutPanel .

Выберите все пять элементов управления Button , удерживая нажатой клавишу SHIFT. Нажмите клавиши CTRL+C, чтобы скопировать элементы управления Button в буфер обмена.

Трижды нажмите сочетание клавиш CTRL+V, чтобы вставить скопированные элементы управления Button в оставшиеся строки элемента управления TableLayoutPanel .

Выберите все 20 элементов управления Button , удерживая нажатой клавишу SHIFT.

В окне Свойства замените значение свойства Dock на Fill .

Все элементы управления Button закрепятся в своих ячейках.

В окне Свойства разверните узел свойства Margin . Для All задайте значение 5.

Всем элементам управления Button задается меньший размер, чтобы увеличить поля между ними.

Выберите button10 и button20, после чего нажмите клавишу DELETE, чтобы удалить их из макета.

Выберите button5 и button15, после чего замените значение их свойства RowSpan на 2. Это будут кнопки очистки и = для элемента управления DemoCalculator.

Использование окна структуры документа

Если в элементе управления или форме присутствует несколько элементов управления, перемещаться по макету удобнее с помощью окна "Структура документа".

В строке меню выберите Вид>Другие окна>Структура документа.

В этом окне структура элемента управления DemoCalculator и его составных элементов управления представлена в виде дерева. Дочерние элементы управления контейнерных элементов управления, таких как SplitContainer , отображаются в виде подузлов дерева. Окно также позволяет переименовывать размещенные элементы управления.

В окне Структура документа щелкните правой кнопкой мыши элемент button1, чтобы выбрать его, после чего щелкните Переименовать. Замените его имя на sevenButton.

В окне Структура документа замените имена элементов управления Button , заданные конструктором, на имена для рабочей среды согласно следующему списку:

button1 на sevenButton;

button2 на eightButton;

button3 на nineButton;

button4 на divisionButton;

button5 на clearButton;

button6 на fourButton;

button7 на fiveButton;

button8 на sixButton;

button9 на multiplicationButton;

button11 на oneButton;

button12 на twoButton;

button13 на threeButton;

button14 на subtractionButton;

button15 на equalsButton;

button16 на zeroButton;

button17 на changeSignButton;

button18 на decimalButton;

button19 на additionButton;

С помощью окон Структура документа и Свойства измените значения свойства Text для каждого имени элемента управления Button согласно следующему списку:

для элемента управления sevenButton замените свойство текста на 7;

для элемента управления eightButton замените свойство текста на 8;

для элемента управления nineButton замените свойство текста на 9;

для элемента управления divisionButton замените свойство текста на / (косая черта);

для элемента управления clearButton замените свойство текста на Clear;

для элемента управления fourButton замените свойство текста на 4;

для элемента управления fiveButton замените свойство текста на 5;

для элемента управления sixButton замените свойство текста на 6;

для элемента управления multiplicationButton замените свойство текста на * (звездочка);

для элемента управления oneButton замените свойство текста на 1;

для элемента управления twoButton замените свойство текста на 2;

для элемента управления threeButton замените свойство текста на 3;

для элемента управления subtractionButton замените свойство текста на - (дефис);

для элемента управления equalsButton замените свойство текста на = (знак равенства);

для элемента управления zeroButton замените свойство текста на 0;

для элемента управления changeSignButton замените свойство текста на +/- ;

для элемента управления decimalButton замените свойство текста на . (точка);

для элемента управления additionButton замените свойство текста на + (знак "плюс");

На поверхности конструктора выберите все элементы управления Button , удерживая нажатой клавишу SHIFT.

В окне Свойства разверните узел свойства Font . Задайте значение 14 для Size и true для Bold у всех элементов управления Button .

На этом разработка элемента управления DemoCalculator завершена. Остается только добавить логику калькулятора.

Добавление обработчиков событий

Кнопки в элементе управления DemoCalculator имеют обработчики событий, которые можно использовать для реализации большей части логики калькулятора. Конструктор Windows Forms позволяет реализовать заглушки всех обработчиков событий для всех кнопок одним выбором.

На поверхности конструктора выберите все элементы управления Button , удерживая нажатой клавишу SHIFT.

Выберите один из элементов управления Button .

В редакторе кода откроются обработчики событий, созданные конструктором.

Тестирование элемента управления

Поскольку элемент управления DemoCalculator наследуется от класса UserControl, его поведение можно проверить с помощью Контейнера для тестирования пользовательских элементов управления. Дополнительные сведения см. в разделе Практическое руководство. Тестирование поведения элемента UserControl во время выполнения.

Нажмите клавишу F5, чтобы собрать и запустить элемент управления DemoCalculator в Контейнере для тестирования пользовательских элементов управления.

Выберите границу между панелями SplitContainer и перетащите ее влево и вправо. Размеры элемента TableLayoutPanel и всех его дочерних элементов управления будут изменяться в соответствии с доступным пространством.

Завершив тестирование элемента управления, нажмите кнопку Закрыть.

Использование элемента управления в форме

Элемент управления DemoCalculator можно использовать в других составных элементах управления или в форме. Ниже описано, как это сделать.

Создание проекта

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

Создайте проект Приложение Windows Forms с именем DemoCalculatorTest.

В Обозревателе решений щелкните правой кнопкой мыши проект DemoCalculatorTest и выберите Добавить>Ссылка на проект, чтобы открыть диалоговое окно Диспетчер ссылок.

(Если вы используете Visual Studio 2017, для открытия диалогового окна Диспетчер ссылок выберите Добавить>Ссылка.)

Перейдите на вкладку Проекты и выберите проект DemoCalculatorLib, чтобы добавить ссылку на тестовый проект.

В обозревателе решений щелкните правой кнопкой мыши DemoCalculatorTest и выберите пункт Назначить запускаемым проектом.

В конструкторе Windows Forms увеличьте размер формы примерно до 700 x 500.

Использование элемента управления в макете формы

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

На панели элементов разверните узел Компоненты DemoCalculatorLib.

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

Перетащите элемент управления Button с панели элементов и поместите его в форму.

Перемещайте элемент управления Button по элементу управления DemoCalculator, чтобы определить, где отображаются линии привязки. С помощью этой функции можно точно и легко упорядочить элементы управления. По завершении удалите элемент управления Button .

Щелкните правой кнопкой мыши элемент управления DemoCalculator и выберите пункт Свойства.

Замените значение свойства Dock на Fill .

Выберите форму, а затем разверните узел свойства Padding . Замените значение Все на 20.

Размер элемента управления DemoCalculator уменьшится в соответствии с новым значением формы Padding .

Измените размер формы, перетаскивая различные маркеры изменения размера в разные положения. Обратите внимание на то, как размер элемента управления DemoCalculator пропорционально изменяется.

Следующие шаги

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

Читайте также: