Visual Basic .NET для чайников - У. Вонг. Visual Basic .NET для чайников - У. Диалектикамосква СанктПетербург Киев
 Скачать 7.1 Mb.
|
|
Глава 4. Приступаем к написанию кодов BASIC 55 Рис. 4.5. Программа Hello World! на- чинает свою работу 15. Щелкните на улыбающемся лице (первое по счету). Visual Basic отобразит сообщение H e l l o как это показано на рис. 4.6. Рис, 4.6. Вот что произойдет, если вы щелкнете на улыбающемся лице 16. Щелкните на грустном лице, которое расположено посредине. Visual Basic отобразит сообщение Good-bye, c r u e l world ! (рис. 4.7). Hello. Program © world Сообщение, которое поя- вится после щелчка на грустном лице 56 Часть I. Создание программ на Visual Basic Щелкните на счастливом лице (крайнее справа). Для этого рисунка Visual Basic отобразит сообщение I ' m g o i n g t o D i s n e y W o r l d ! 4.8). World! С") © Рис. Вот что случится, если вы щелкнете на счастливом лице 18. Щелкните на кнопке с надписью Exi t. Работа вашей программы будет завершена, и вы вернетесь к пользовательскому интерфейсу Visual Basic Итак, проект Hello, World! успешно завершен. Теперь вы на собственном опыте убеди- лись, как легко и быстро с помощью Visual Basic можно создать качественную про- грамму с отличным интерфейсом. Глава 4. Приступаем к написанию кодов BASIC 57 Часть II Создание пользовательского интерфейса Пользовательский интерфейс дает возможность другим людям пользоваться вашей программой. Чем сложнее и запутанней ин- терфейс, тем труднее понять саму программу. Поэтому, чем ло- гичнее и проще будет созданный вами интерфейс, тем большее число людей захочет его использовать. Эта часть одна из лучших в книге. Здесь вам не придется на- бирать длинные и непонятные коды, учить загадочные команды или запоминать какие-то комбинации клавиш. Вы будете только рисовать всякие фигурки на экране, а компьютер в это же время будет создавать вашу программу. Глава 5 Создание пользовательского интерфейса: разберемся в деталях Подробности разработки интерфейса Рисование объектов интерфейса Перемещение, копирование и удаление объектов Создание недоступных объектов ужно понимать одну очень простую вещь. В действительности ни у кого нет желания использовать вашу программу. Большинство людей, не задумываясь, отдали бы предпочтение рыбалке, походам по магазинам или чему-то еще. Но зато людям может пона- добится результат, который можно получить с помощью вашей программы. Если бы они могли каким-нибудь другим, более простым способом, то они бы так и сделали. Но так как других способов у них, скорее всего, нет, придется применять вашу программу. Это означает, что на самом деле люди хотят, чтобы программа "читала их мысли", а затем волшебным образом сама выполняла всю необходимую работу. Поскольку эти желания не реальны, то лучшее, что вы можете для них сделать, так это создать программу, максимально простую в использовании. Если она будет лаже маленьким детям, то большинство других людей, наверное, тоже смогут в ней разобраться. как Создать пользовательский интерфейс вовсе не означает напичкать диалоговые окна яр- кими рисунками и разными эффектными штучками в надежде, что люди со временем сами во всем разберутся. Главная цель интерфейса — сделать программу понятной и доступной поль- зователям. А потому при создании пользовательского интерфейса не следует упускать из виду моменты. Вспомните, для кого создается программа Перед тем как приступить к разработке интерфейса, подумайте, кто может стать пользо- вателем программы. Возможно, это будут менеджеры компаний, которые хорошо зна- комы с компьютерными технологиями, а может быть, "бумажные клерки", которые раньше видели компьютеры только по телевизору. Когда вы определите круг лиц, которые должны стать пользователями вашей программы, создайте интерфейс, максимально точно отображающий их прежний опыт работы и способ восприятия, даже если такой интерфейс будет не приемлем для других категорий пользовате- лей. Например, бухгалтеры легко привыкнут к электронным таблицам, поскольку они будут им напоминать их родные бухгалтерские книги. Машинистки же быстро освоятся с тексто- выми редакторами, чей интерфейс так похож на чистый лист бумаги для набора текста. Глава 5. Создание пользовательского интерфейса: разберемся в деталях 61 Но представьте, что все текстовые редакторы будут заполнены строками и столбцами, как электронные таблицы. Такой текстовый редактор быстро вызовет депрессию у любой маши- нистки (зато бухгалтер будет себя чувствовать с ними как рыба в воде). Таким образом, знание программистом потребностей и привычек будущих пользователей является залогом того, что создаваемый интерфейс будет понят и воспринят адекватно. Ведь в конечном счете кто как не пользователь должен оценить результаты вашего Не дайте пользователю заблудиться Не для кого не секрет, что многие люди чувствуют себя угнетенными в огромных мегапо- лисах, где так легко заблудиться и потом долго бродить в поисках знакомых ориентиров. Вспомните, свои ощущения в тот момент, когда вы понятия не имели, где находитесь и в ка- кую сторону следует двигаться. Это чувство беспомощности и есть причиной того, что потерявшиеся маленькие дети так безутешно плачут, а сбитые с толку пользователи готовы беспорядочно на всех кнопках одновременно. Хороший интерфейс должен ориентировать людей, чтобы они всегда знали, в каком месте программы когда находятся и как оттуда в случае чего можно выйти. В некоторых пользова- тельских интерфейсах, где-нибудь в нижней части экрана, постоянно отображается сообще- ние наподобие "Страница 2 из 5". Благодаря этому пользователь всегда знает, сколько всего страниц содержит документ и на какой странице он сейчас находится. Итак, не забывайте, что пользовательский интерфейс — это программы, поэтому снабдите его всей необходимой информацией, чтобы пользователи могли в ней свободно ориентироваться и чувствовать себя уверенно. Сделайте навигацию очевидной Помимо предоставления пользователям четких ориентиров, хороший интерфейс должен также ясно показывать, как из текущей позиции можно двигаться вперед, назад или куда-то еще. Если интерфейс отображает в нижней части экрана надпись '"Страница 4 из 25", поду- майте, как помочь пользователю перейти на следующую или на предыдущую страницу. Можно, например, в нижней части экрана по углам нарисовать стрелку "вперед'" и стрелку "назад". Или, скажем, добавить кнопки "Предыдущая страница" и страница". Если пользователь будет понимать, куда он попадет на следующем шаге, какую клавишу нужно нажать или где щелкнуть кнопкой мыши, чтобы перейти в нужную позицию, програм- ма будет казаться надежной и заслуживающей доверия. Будьте снисходительны Цель интерфейса— это поддержание нормального диалога с пользователем. Если ваша программа будет вести себя вызывающе и после каждого сколько-нибудь неверного движе- ния пользователя высвечивать всякие резкие и обидные сообщения наподобие "Файл удален", никто просто не захочет ею пользоваться. С помощью интерфейса нужно корректно объяснять пользователю, к чему могут привести те или иные его действия и что лучше сделать в конкретной ситуации. Отнеситесь к пользователям с уважением. Пусть ваша программа скроет или за- темнит кнопки или команды меню, которые не доступны на данный момент. Если пользователь нажимает не ту клавишу или щелкает не в том месте, пусть програм- ма отобразит сообщение с объяснением, к чему может привести это действие, и с вопросом, действительно ли пользователь этого хочет. Всем нравятся понятные и предсказуемые программы, поэтому и вы должны делать их такими. 62 Часть Создание пользовательского интерфейса забывайте о простоте и удобстве Большинство программ предоставляют пользователям сразу несколько способов для выбора определенной команды. Вы можете щелкнуть на кнопке, выбрать команду из раскрывающегося меню или нажать комбинацию клавиш (например, Из трех указанных способов щелчок на кнопке считается самым простым, а нажатие комбинации клавиш — самым сложным. Сделайте так, чтобы пользователи имели простой и быстрый доступ к часто используе- мым командам через кнопки или команды меню. И помните, что нет необходимости при- сваивать комбинации клавиш всем возможным командам. Хотя нажатие комбинации клавиш — наиболее быстрый способ получить нужный резуль- тат, он же н самый сложный для запоминания. Если вы назначаете команде комбинацию кла- виш, желательно, чтобы они ассоциировались друг с другом. Например, для команды Open (Открыть) лучше назначить комбинацию Ведь до- вольно просто запомнить, что команде Open соответствует клавиша <О>, а с чем ассоцииру- ется клавиша придумать сложно. В Visual Basic состоит из форм и объектов. Формы определяют размер, размещение и фон окон, которые представляют вашу программу. Объектами являются раз- личные элементы, такие как кнопки или переключатели, способные поддерживать диалог с пользователем. На рис. 5.1 и 5.2 показаны примеры стандартных пользовательских интерфей- сов, состоящих из: | форм (они же окна); | кнопок и переключателей; текстовых полей; f надписей; § рисунков. User Interlace achanca Правильно организованный интерфейс позво- ляет пользователю легко сделать свой выбор Глава 5. Создание пользовательского интерфейса: разберемся в деталях 63 Д Poorly User Interface you Vote lot candidate you picked above random 5.2. Плохо организованный интерфейс делает выбор не таким очевидным Создание форм При разработке пользовательского интерфейса первым делом нужно создать форму. В ок- не формы будет отображаться информация пользователя, и там же пользователь сможет оставлять информацию для программы. Когда вы создаете новое приложение для Windows (Windows application), Visual Basic автоматически создает для вас одну пустую форму. Но поскольку программы обычно состоят из нескольких окон, вам, скорее всего, придется создавать дополнительные формы (окна). Чтобы создать форму, выберите команду Windows Form Добавить форму Windows) или же щелкните на кнопке Add New Item (Добавить новый элемент), выбери- те пункт Windows Form и щелкните на кнопке На самом деле Visual Basic может автоматически создавать и другие виды форм, но при программ для Windows (например, игр или вычисляющих программ) наиболее часто используется именно Windows Form. Рисование объектов в окне формы После того как форма будет создана, вы можете приступать к рисованию элементов. Это делается следующим образом. 1. Выберите команду Toolbox) или нажмите ком- бинацию клавиш тов Toolbox уже на экране.) Откроется панель Toolbox, которая показана на рис. 5.3. Возможно, вам нужно будет щелкнуть на кнопке Windows Forms, чтобы отобразить все объекты поль- интерфейса, доступные при создании форм Windows. 64 Часть II. Создание пользовательского интерфейса Toolbox Button . 5.З. панели Toolbox вы найдете все объ- екты, которые можно нарисовать в окне формы 2. Щелкните на объекте, который хотите нарисовать, например на TextBox (Текстовое поле) или RadioButton (Переключатель). В табл. 5.1 приведен список объектов пользовательского интерфейса, отображаемых на панели Toolbox. Курсор мыши примет форму перекрестия. 3. Поместите курсор над тем местом в окне формы, где должен быть нарисован объект, нажмите левую кнопку мыши и перетяните курсор в сторону. Когда контур объекта примет нужный размер, отпустите кнопку мыши. Visual Basic отобразит в указанном вами месте выбранный объект. Таблица Инструменты панели T o o l b o x Название инструмента Выполняемое им действие Pointer (Указатель) Label LinkLabel (Ссылка) Button (Кнопка) TextBox (Текстовое поле) (Главное меню) CheckBox (Флажок проверки) RadioButton (Переключатель) Выделяет объекты Создает в окне формы надпись Создает в окне формы гиперссылку Создает прямоугольную кнопку Создает поле, в котором пользователь может набирать текст Создает открывающееся меню Создает флажок проверки Создает переключатель Глава 5. Создание пользовательского интерфейса: разберемся в деталях 65 Окончание табл. Название инструмента Выполняемое им действие (Группа) PictureBox (Окно с рисунком) Panel (Таблица данных) ListBox (Список) CheckedListBox (Список флажков) (Поле со списком) ListView (Текстовый список) TreeView (Дерево) TabControl (Вкладки) Рисует в окне формы рамку для выделения группы объектов, например, переключателей Выделяет область для отображения графики Рисует прямоугольный блок, на котором могут размещаться другие Создает таблицу для отображения информации из файла базы данных Создает список Создает список, элементами которого являются флажки Создает поле со списком Создает текстовый список Создает объект, при щелчке на котором отображается текст в виде дерева Создает одну или несколько вкладок, на каждой из которых могут быть размещены другие объекты Чтобы быстро создать какой-либо объект, дважды щелкните на нем в панели Например, если вы хотите создать кнопку, дважды щелкните в панели на инструменте Button, и Visual Basic создаст его в окне формы автома- тически. Изменение свойств объектов После того как объект будет создан, нужно изменить свойства, задаваемые по умолчанию, определив для него цвет, размер, отображаемую надпись и т.д. Каждый объект имеет целый набор свойств, но совсем не обязательно изменять каждое из них. Есть два свойства, которые необходимо изменять практически для каждого объек- та. Это свойство Name (Имя) и свойство Text (Текст). Свойство Name идентифи- цирует каждый объект вашего интерфейса. Свойство Text определяет текст, кото- рый отображается на самом объекте (например, на объекте Button может отобра- жаться слово или Отмена). Для изменения свойств объектов необходимо произвести такие действия. 1. Откройте окно Solution Explorer, воспользовавшись одним из трех методов. • Нажмите комбинацию клавиш • Выберите команду Explorer. • На панели инструментов щелкните на кнопке Solution Explorer. 2. Щелкните на названии формы, содержащей объект, свойства которого нуж- но изменить. Часть //. Создание пользовательского интерфейса Visual Basic отобразит эту форму и все ее объекты. 3. Щелкните на объекте, свойства которого нужно изменить. Окно Properties отобразит все свойства, доступные для этого объекта. Если окна Properties нет на экране, нажмите клавишу 4. Щелкните на свойстве, которое нужно изменить. Свойства изменяются но в любом случае это будет один из следую- щих методов. • Наберите текст (если изменяется, например, свойство Text (Текст)) или введите число (если изменяется, скажем, свойство Size (Размер) или Location (Размещение)). • Щелкните на стрелке и из открывшегося списка выберите одно из доступных для свойства значений (например, значение True или F a l s e для свойства Visible (Видимый)). • Щелкните на кнопке с тремя кнопками при необходимости отобразить диало- говое окно для установки сразу нескольких опций (как, например, в случае свойства Font (Шрифт)). Переименование объектов Каждый объект имеет свое имя (свойство по которому Visual Basic может его идентифицировать. (Всем нам в детстве родители дают какие-то имена, чтобы другие лю- ди для привлечения нашего внимания не говорили нам "Эй, ты!".) Свойство Name можно найти в окне Properties (оно относится к категории Design). Объекты Visual Basic расположенные в окне одной формы, должны иметь разные имена. Вы можете попытаться дать двум разным объектам одно и то же имя, но это останется не более чем попыткой, так как Visual Basic с такой ус- тановкой никогда не согласится. (Можно, правда, дать одинаковые имена объек- там, расположенным в разных формах, но тогда вы легко можете запутаться в ко- дах своей программы. Каждый раз, когда вы создаете новый объект, Visual Basic автоматически присваи- вает ему стандартное имя. Например, если вы создаете первую кнопку, Visual Basic на- зывает ее а если вы создаете вторую кнопку, Visual Basic называет ее и т.д. Имя объекта никогда не отображается на экране. Длина имен может достигать 40 символов, но они не должны включать знаки пунктуации и пробелы. Вы можете назвать объект каким угодно именем, но большинство программистов, исполь- зующих Visual Basic начинают имена с трехсимвольных префиксов, которые приведены в табл. 5.2. Эти префиксы помогают потом вспомнить, к объекту какого типа относится данное имя. Таблица 5.2. Объект Button CheckBox Рекомендуемые префиксы для Префикс btn chk имен объектов Пример имени Глава 5. Создание пользовательского интерфейса: разберемся в деталях 67 Окончание табл. 5.2 Объект Префикс Пример имени ComboBox DataGrid Label ListBox PictureBox ox dat pic txt lstPresidents radStatlOl txtReadHere Чтобы изменить имя формы, сделайте следующее. 1. Откройте окно Solution Explorer. Для этого нажмите комбинацию клавиш команду Explorer или на панели инструментов щелкните на кнопке Solu- tion Explorer. 2. Щелкните на форме, которую хотите переименовать. 3. Откройте окно Properties. Чтобы сделать это, нажмите клавишу Properties Window, в окне Solution Explorer щелкните на кнопке Properties Window или щелкните правой кнопкой мыши в окне формы и выберите команду Properties. 4. Дважды щелкните на свойстве Name (оно принадлежит категории Design) и наберите новое имя. А вот как можно изменить имя любого объекта. 1. Щелкните на объекте, который вы хотите переименовать. Вокруг объекта появятся маркеры. 2. Откройте окно Properties. Чтобы сделать это, нажмите клавишу Properties Window, в окне Solution Explorer щелкните на кнопке Properties Window или правой кнопкой мыши в окне формы и выберите команду Properties. 3. Дважды щелкните на свойстве Name (категория Design) и наберите новое имя. Отображение текста на объекте Большинство объектов может отображаться на экране вместе с текстом, указанным по- средством свойства Text. Это свойство можно выбрать в окне Properties — оно относится к категории Appearance (Отображение). Ниже приведен список объектов, которые наиболее часто используются для отображения текста. кнопки (Button); 68 Часть //. Создание пользовательского интерфейса флажки проверки (CheckBox); список флажков надпись (Label); рамка (GroupBox); переключатель (RadioButton); текстовое поле (TextBox). Если речь идет о форме, то текст, указанный в свойстве Text, отображается в заголовке окна. В случае других объектов текст отображается прямо на них самих. Например, текст кнопки будет отображен на самой кнопке. Установленные по умолчанию значения свойств Name и Text будут оставаться та- кими же до тех пор, пока вы их не измените. Когда вы рисуете в окне формы, ска- жем, флажок, рядом с ним сразу появляется надпись, наподобие Чтобы изменить свойство Text какого-нибудь объекта, вам нужно выполнить следующие действия. Щелкните на объекте, текст которого нужно изменить. Вокруг объекта появятся маркеры. 2. Откройте окно Properties. Чтобы сделать это, нажмите клавишу Properties Window, в окне Solution Explorer щелкните на кнопке Properties Window или щелкните правой кнопкой мыши в окне формы и выберите команду Properties. 3. Дважды щелкните на свойстве Text (категория Appearance) и наберите лю- бой текст. Visual Basic отобразит этот текст на выделенном объекте. Текст можно сделать стильным, привлекающим внимание (или раздражающим), изменив свойство Font (Шрифт), также принадлежащее к категории Appearance. Только не переусердствуйте и не превратите текст в трудно читаемый. Тест на проверку полученных вами знаний Почему так важно знать, кто будет 2. Интерфейс должен быть картой для вашей программы? ля. Как вы это понимаете? а. Потому что в противном случае можно а. Это ваше утверждение. Почему я должен его создать программу, которая не сможет понимать? выполнять вое пожелания пользователей, б. Все любят путешествовать, почему бы не по- и они обидятся. дарить людям праздник. б. Это позволит создать интерфейс с учетом Программа не должна напоминать потребностей и привычек будущих из которой нет Интерфейс всегда должен показывать поль- в. Потому, что если среди будущих пользо- хвателю, в каком месте программы он на- вателей окажутся мои враги, программу я ходится и куда приведут его дальнейшие писать не буду. г. Не важно, кто будет пользователем про- нееза- ' .' |