Показать параметры
Код определяет, как диалоговое окно будет загружено в память и отображено. В следующей таблице описаны различные типы задач отображения и ключевые слова, используемые для их выполнения.
Метод Show загружает форму и устанавливает для ее свойства Visible значение True. Параметры, передаваемые методу Show, определяют тип диалогового окна. Если параметр стиля опущен или имеет значение vbModeless или 0 (по умолчанию), диалоговое окно является немодальным. Если параметр стиля имеет значение vbModal или 1, диалоговое окно является модальным.
При выборе «ОК» или «Отмена» для выхода из диалогового окна вы можете использовать оператор Unload или метод Hide. Например:
Выгрузить frmО программе
-или-
frmAbout.Hide
Оператор Unload удаляет диалоговое окно из памяти, а метод Hide просто удаляет его из окна, устанавливая для свойства Visible диалогового окна значение False. При выгрузке формы сама форма и ее элементы управления выгружаются из памяти (включая любые элементы управления, загруженные во время выполнения). Когда форма скрыта, она и ее элементы управления остаются в памяти. Когда вам нужно сэкономить место в памяти, лучше всего выгрузить форму, поскольку выгрузка формы освобождает память. Если вы часто используете диалоговое окно, вы можете скрыть форму. Скрытие формы может по-прежнему сохранять любые связанные с ней данные, включая значения свойств, распечатку и динамически создаваемые элементы управления. После того как форма скрыта, вы можете продолжать ссылаться на свойства и элементы управления скрытой формы из кода.
Дизайн для различных типов дисплеев
Microsoft Windows не зависит от устройства — оконные приложения могут работать на многих компьютерах с разным разрешением экрана и интенсивностью цвета. Аналогично, приложения, написанные на Visual Basic, будут работать на разных типах мониторов, и это необходимо учитывать при разработке приложения.
Проектируйте формы, независимые от разрешения
По умолчанию Microsoft Visual Basic не меняет размер форм и элементов управления при изменении разрешения экрана. Это означает, что форма, созданная на экране с разрешением 1024х768, будет выходить за границы экрана при запуске на экране с разрешением 640х480. Если вы хотите создавать формы и элементы управления, имеющие одинаковые пропорции независимо от используемого разрешения экрана, вам необходимо создать форму с самым низким разрешением или добавить в программу код, изменяющий форму.
Самый простой способ избежать проблем с размером — создать форму с разрешением 640×480. Если вы предпочитаете работать с более высоким разрешением, вам все равно нужно подумать, как форма будет выглядеть при более низком разрешении. Это можно сделать с помощью окна FormLayout для предварительного просмотра размера и положения формы. Вы также можете использовать «ResolutionGuides», чтобы наблюдать, какие части экрана видны при низком разрешении. Чтобы переключиться на «ResolutionGuides», вы можете щелкнуть правой кнопкой мыши в окне «FormLayout» и выбрать пункт меню «ResolutionGuides» во всплывающем меню.
Во время выполнения Visual Basic размещает форму в зависимости от ее позиции во время разработки. Если вы проектируете работу с разрешением 1024×768 и размещаете форму в правом нижнем углу экрана, форма может быть не видна при запуске с более низким разрешением. Чтобы избежать такой ситуации, вы можете выбрать пункт меню «StartupPosition» во всплывающем меню окна «FormLayout», чтобы задать начальную позицию формы во время проектирования. Аналогичным образом вы можете установить положение формы во время выполнения, используя следующий код в событии FormLoad:
PRivateSubForm_Load()
Me.Move0,0
EndSub
Хотя установка для свойств формы Left и Top значения 0 может иметь одинаковый эффект, метод Move можно выполнить за один шаг.
Visual Basic использует независимую от устройства единицу измерения — твип, которая используется для расчета размера и положения. Два свойства объекта Screen, TwipsPerPixelX и TwipsPerPixelY, можно использовать для определения размера дисплея во время выполнения. Используя эти свойства, вы можете написать код для настройки размера и положения форм и элементов управления.
ПриватСубсетконтролс()
DimXAsInteger
ДимЯсЦелое число
X=Screen.TwipsPerPixelX
Y=Экран.TwipsPerPixelY
ВыберитеРегистрX,Y
Случай15,15
'Изменить размер и переместить элементы управления.
txtName.Height=200
txtName.Width=500
txtName.Move200,200
'Добавьте код, написанный для других разрешений.
…
EndSub
Вам также необходимо знать расположение собственного окна Visual Basic во время разработки. Если вы переместите окно проекта в правую часть экрана с высоким разрешением, вы обнаружите, что оно больше не доступно, когда вы открываете проект с низким разрешением.
Создавайте различные концентрации цвета
При разработке приложения также необходимо учитывать возможные возможности цветного дисплея компьютера, на котором выполняется приложение. Некоторые компьютеры могут отображать 256 и более цветов, тогда как другие могут отображать только 16 цветов. Если вы разрабатываете форму с использованием 256-цветной палитры, дизеринг (метод имитации недопустимых цветов) приведет к исчезновению некоторых элементов формы при отображении в 16 цветах.
Чтобы избежать этого, лучше всего ограничить цвета, используемые вашим приложением, стандартными 16 цветами Windows. Эти цвета представлены цветовыми константами Visual Basic (такими как vbBlack, vbBlue, vbCyan и т. д.). Если вам нужно использовать в приложении более 16 цветов, вам все равно следует придерживаться стандартных цветов для текста, кнопок и других элементов интерфейса.
Проектируйте с заботой о пользователе
Если вы не создаете приложение Visual Basic исключительно для собственного использования, ценность вашего творения смогут оценить только другие. Пользовательский интерфейс приложения оказывает огромное влияние на пользователей — независимо от того, насколько технически хорош код или насколько хорошо он оптимизирован, если пользователи сочтут приложение сложным в использовании, они с меньшей вероятностью примут его хорошо.
Как программист, вы, несомненно, хорошо знакомы с компьютерными технологиями. Легко забыть, что большинство пользователей не понимают (и, возможно, не интересуются) технологией, скрывающейся за приложением. Думайте о приложении как о инструменте для достижения цели: способе выполнения задачи, которая в воображении проще, чем это было бы без помощи компьютера.
Хорошо спроектированный пользовательский интерфейс изолирует пользователя от базовой технологии, что упрощает выполнение намеченных задач. При разработке пользовательского интерфейса приложения необходимо помнить о пользователе. Как вы можете без руководства узнать о различных функциях приложения? Как приложение реагирует на возникновение ошибки? Что оно предлагает пользователю, чтобы помочь ему? Привлекает ли его художественная красота? Ответы на эти вопросы? , а также другие вопросы, связанные с дизайном, ориентированным на пользователя, рассматриваются в этом разделе.
Основы дизайна интерфейса
Вам не обязательно быть художником, чтобы создавать пользовательские интерфейсы — большинство принципов дизайна пользовательского интерфейса такие же, как и принципы базового дизайна, изучаемые на любом вводном уроке рисования. Основные принципы дизайна композиции, цвета и т. д. применимы к экрану компьютера так же, как к бумаге или живописи.
Хотя Visual Basic упрощает создание пользовательских интерфейсов путем простого перетаскивания и размещения элементов управления в форме, небольшое планирование перед проектированием может существенно повысить удобство использования вашего приложения. Возможно, вы захотите начать проектирование с рисования формы на бумаге, решения, какие элементы управления необходимы, относительной важности различных элементов и отношений между элементами управления.
Состав: внешний вид вашего приложения.
Композиция или расположение формы не только влияет на ее эстетику, но и сильно влияет на удобство использования приложения. Композиция включает в себя такие факторы, как размещение элементов управления, согласованность элементов, движение, использование пустого пространства и простота дизайна.
Местонахождение элемента управления
В большинстве проектов интерфейсов не все элементы одинаково важны. Тщательный дизайн необходим для того, чтобы наиболее важные элементы быстро отображались пользователю. Важные или часто используемые элементы следует размещать на видном месте, а менее важные элементы следует переместить на менее заметное место.
В большинстве языков мы привыкли читать на странице слева направо и сверху вниз. То же самое справедливо и для экранов компьютеров. Глаза большинства пользователей сначала фокусируются на верхней левой части экрана, поэтому наиболее важные элементы следует размещать в верхней левой части экрана. Например, если информация в форме относится к клиенту, поле его имени должно появиться там, где оно будет видно в первую очередь. Кнопки, такие как «ОК» или «Далее», следует размещать в правой нижней части экрана; пользователи обычно не будут иметь доступа к этим кнопкам до завершения операций в форме.
Также важно группировать элементы и элементы управления. Постарайтесь логически сгруппировать информацию по функциям или отношениям. Поскольку их функции связаны друг с другом, кнопки поиска базы данных следует визуально сгруппировать, а не разбросать по форме. То же самое относится и к информации. Поля имени и адреса обычно группируются вместе, поскольку они тесно связаны. Во многих случаях вы можете использовать элементы управления фреймами, чтобы усилить связь между элементами управления.
Согласованность элементов интерфейса
В дизайне пользовательского интерфейса последовательность является достоинством. Последовательный внешний вид создает гармонию внутри приложения, благодаря чему все выглядит скоординировано. Если интерфейсу не хватает последовательности, это может вызвать путаницу и сделать приложение очень запутанным, неорганизованным, менее ценным и даже может вызвать сомнения в надежности приложения.
Чтобы обеспечить визуальную согласованность, создайте стратегию проектирования и соглашения о типах, прежде чем приступить к разработке приложения. Элементы дизайна, такие как тип элемента управления, размер элемента управления, критерии группировки и выбор шрифта, должны быть определены заранее. Для облегчения проектирования можно создавать шаблоны дизайна.
В Visual Basic доступно большое количество элементов управления, поэтому у кого-то может возникнуть желание использовать их все. Чтобы избежать этого искушения, выберите подмножество элементов управления, которое хорошо подходит для вашего конкретного приложения. Хотя элементы управления, такие как списки, поля со списком, сетки и деревья, могут использоваться для представления списков информации, лучше всего использовать один тип, когда это возможно.
Кроме того, постарайтесь использовать элементы управления соответствующим образом. Хотя элемент управления TextBox можно установить в режим «только для чтения» и использовать для отображения текста, элемент управления Label обычно лучше подходит для этой цели. Будьте последовательны при настройке свойств элементов управления. Если вы используете белый фон для редактируемого текста в одном месте, не используйте серый фон в другом месте, если у вас нет веской причины.
Поддержание согласованности между различными формами в приложении играет очень важную роль в его удобстве использования. Если вы используете серый фон и трехмерные эффекты в одной форме и белый фон в другой форме, эти две формы будут выглядеть несвязанными. Выберите жанр и сохраняйте его единообразным во всем приложении, даже если это потребует перепроектирования некоторых функций.
Динамичность: форма соответствует своей функции
Движение — это видимый ключ к функциональности объекта. Хотя этот термин, возможно, вам не знаком, примеры динамизма можно найти повсюду. Руль на велосипеде, когда вы кладете на него руки, движение выявляет тот факт, что руль затянут вашими руками. Нажатие кнопок, поворот ручек и включение выключателей света можно анимировать, и их назначение становится очевидным, как только вы их видите.
Пользовательский интерфейс также использует движение. Например, трехмерный эффект, используемый на командных кнопках, создает впечатление, что они нажаты. Если вы создадите командную кнопку с плоской рамкой, вы потеряете это динамическое ощущение и, следовательно, не сможете четко сказать пользователю, что это командная кнопка. В некоторых случаях плоские кнопки могут быть уместны, например, в игровых или мультимедийных приложениях, если они одинаковы во всем приложении.
Текстовые поля также создают ощущение движения, и пользователи могут ожидать поля с границами и белым фоном, содержащие редактируемый текст. Также возможно отображать текстовое поле без рамки (BorderStyle=0), что делает его похожим на метку и не дает пользователю явного уведомления о том, что оно доступно для редактирования.
Использование пустого пространства
Использование пробелов в пользовательских интерфейсах помогает элементам выделиться и повысить удобство использования. Пустое пространство не обязательно должно быть белым — оно считается пустым пространством между элементами управления формы и вокруг них. Слишком большое количество элементов управления в форме может привести к загромождению интерфейса, что затруднит поиск поля или элемента управления. В дизайн необходимо вставить пустое пространство, чтобы выделить элементы дизайна.
Постоянное расстояние между элементами управления и выравнивание вертикальных и горизонтальных элементов также делают дизайн более удобным. Как и текст в журнале, он расположен аккуратными рядами с одинаковым интервалом, а аккуратный интерфейс облегчит его чтение.
Visual Basic предоставляет несколько инструментов, которые позволяют легко регулировать расстояние, расположение и размер элементов управления. Такие команды, как «Расположить», «Сделать одинаковый размер», «Горизонтальный интервал», «Вертикальный интервал» и «Центрировать в окне», можно найти в меню «Формат».
Сохраняйте интерфейс простым
Пожалуй, самый важный принцип дизайна интерфейса — простота. Для приложения, если интерфейс выглядит сложным, сама программа тоже может быть сложной. Немного более глубокое размышление может помочь создать интерфейсы, которые выглядят (и являются) простыми в использовании. С эстетической точки зрения зачастую предпочтительнее чистый и простой дизайн.
Распространенной ошибкой при проектировании интерфейса является попытка использовать интерфейс для имитации объектов реального мира. Например, представьте себе приложение, требующее создания полного страхового полиса. Естественной реакцией является создание интерфейса на экране, точно такого же, как страховой полис. При этом возникает несколько проблем: форма и размер страхового полиса сильно отличаются от того, как он выглядит на экране, и попытка идеально воспроизвести такую таблицу ограничила бы ее текстовыми полями и флажками, не принося никакой пользы пользователю. преимущества пользователя.
Было бы лучше разработать собственный интерфейс, который также предоставлял бы распечатанную копию оригинального страхового полиса (с предварительным просмотром). Создав логические группы полей из исходной политики и используя интерфейс с вкладками или несколько связанных форм, можно отображать всю информацию без необходимости прокрутки. Вы также можете использовать дополнительные элементы управления, такие как список с предварительно загруженными вариантами, которые могут упростить ввод текста.
Вы также можете упростить многие приложения, удалив менее часто используемые функции и переместив их в отдельные формы. Предоставление значений по умолчанию также может иногда упростить приложение; если девять из десяти пользователей выбирают жирный текст, сделайте текст жирным по умолчанию, вместо того, чтобы просить пользователей выбирать его каждый раз (не забудьте указать опцию. Это значение по умолчанию можно переопределить). . Мастера также помогают упростить сложные или редко используемые задачи.
Лучшим тестом упрощения является наблюдение за приложением в действии. Если представительный пользователь не может сразу выполнить то, что хочет, без онлайн-помощи, то дизайн необходимо переосмыслить.
Используйте цвет и изображения
Использование цвета в интерфейсе может повысить визуальную привлекательность, но часто случаются злоупотребления. Многие мониторы способны отображать миллионы цветов, что позволяет легко использовать их все. Цвет, как и другие основные принципы дизайна, может создать множество проблем, если его не тщательно продумать при запуске дизайна.
Цветовые предпочтения у всех разные, и вкусы пользователей тоже будут различаться. Цвета могут вызывать сильные эмоции, и если вы разрабатываете программу для глобальной аудитории, определенные цвета могут иметь культурное значение. Вообще говоря, лучше оставаться традиционным и использовать приглушенные, более нейтральные цвета.
Конечно, на выбор цвета также будут влиять предполагаемый читатель, а также тон и настроение, которые вы пытаетесь передать. Ярко-красные, зеленые и желтые цвета хорошо подходят для приложений, используемых маленькими детьми, но в банковских приложениях они вряд ли повлекут за собой финансовую ответственность.
Небольшое количество яркого цвета может эффективно выделить или привлечь внимание к важным областям. Как правило, старайтесь ограничить разнообразие цветов, используемых в вашем приложении, и тон должен быть постоянным. Если возможно, лучше придерживаться стандартной 16-цветной палитры; при просмотре на 16-цветном мониторе сглаживание может помешать отображению некоторых других цветов. Еще одна проблема, которую следует учитывать при работе с цветом, — это дальтонизм. Некоторые люди не могут отличить различные комбинации основных цветов (например, красного и зеленого). Для людей с этим заболеванием красный текст на зеленом фоне становится невидимым.
Изображения и значки
Использование изображений и значков также может добавить визуальный интерес к приложению, но также важен тщательный дизайн. Изображения могут передавать информацию визуально без текста, но часто разные люди интерпретируют изображения по-разному.
Панель инструментов со значками, обозначающими различные функции, является полезным интерфейсным устройством, но она может иметь неприятные последствия, если функцию, которую представляет значок, невозможно легко идентифицировать. При разработке значков панели инструментов вам следует просмотреть другие приложения, чтобы увидеть, какие стандарты были созданы. Например, во многих приложениях для обозначения значка «Новый файл» используется лист бумаги с загнутыми углами. Возможно, существует лучшая метафора для представления этой функциональности, но использование других представлений может вызвать путаницу среди пользователей.
Также важно учитывать культурную значимость изображения. Многие программы используют пасторальный почтовый ящик с флагом (рис. 6.21) для представления почтовых функций. Изначально это значок для США; пользователи других стран и культур могут не распознать его как почтовый ящик.
Создавая собственные значки и изображения, старайтесь, чтобы они были простыми. Сложные изображения с несколькими цветами не подходят для значков на панели инструментов размером 16×16 пикселей или для отображения на экранах с высоким разрешением.
Выберите шрифт
Шрифты также являются важной частью пользовательских интерфейсов, поскольку они часто передают пользователям важную информацию. Выбирайте шрифты, которые легко читаются на разных разрешениях и типах мониторов. Лучше всего, когда это возможно, придерживаться простых шрифтов без засечек или с засечками. Часто рукописные или другие декоративные шрифты выглядят лучше в печати, чем на экране, и чем меньше размер шрифта, тем труднее их читать.
Если вы не планируете настраивать шрифты для каждого приложения, вам следует придерживаться стандартных шрифтов Windows, таких как Arial, NewTimesRoman или System. Если система пользователя не содержит указанного шрифта, система будет использовать альтернативный шрифт, и результаты могут совершенно отличаться от ожидаемых. Если вы разрабатываете дизайн для международной аудитории, выясните, какие шрифты доступны на предполагаемых языках. Кроме того, при проектировании для других языков необходимо учитывать расширение текста — на некоторых языках текстовые строки могут занимать более чем на 50 % больше места.
Также при выборе шрифта очень важна последовательность в дизайне. В большинстве случаев не следует использовать в приложении более двух шрифтов. Слишком большое количество шрифтов может сделать приложение похожим на штрафной билет.
->