Дизайн на форма Tochki (Изчисление на точки)

В тази глава ще използваме форма Tochki (Точки) за примерна при показване на проектирането на форма с принадлежащите й контроли. Формата, наречена Tochki трябва да изглежда така, както е показано на фигура 6. Както можете да видите, формата съдържа осем контроли: текстова кутия (text box), пет етикета (labels), и два бутона (buttons). Форма Tochki дава възможност на потребителя да въведе общи точки (потребителят е учител, който въвежда общия брой точки, получени от ученика за даден вид оценка) в текстовата кутия, и след това да изчисли корекционните точки (Koeficient) и окончателните точки (Tochki total) за този ученик, когато потребителят кликне бутон Calculate.

Фигура. 6 Дизайн на форма Tochki

Корекционните точки (Koeficient) и окончателните точки (Tochki total) за този ученик се извеждат в етикети. За тази проста апликация, корекционните точки (Koeficient) винаги се изчислява като -10% от общите точки (Tochki), защото тежестта на устната оценка приемаме за 0,9. След като се направят тези изчисления за един ученик, учителят може да въведе точките за друг и да кликне върху бутон Calculate и отново за да види изчисленията за него. Този цикъл продължава докато не се натисне бутон Close в горния десен ъгъл на формата или бутон Exit. Забележете, че апликацията поддържа и набор от клавиши за операциите, за тези от потребителите, които предпочитат клавиатурата. Алтернативно, потребителят може да активира бутон Calculate при натискане на клавиш Enter, както Alt+C или бутон Exit , респективно клавиш Esc или Alt+X. Когато натисне клавиш Alt, буквите, които активират бутоните се подчертават, така че потребителят може да види каква буква да натисне + Alt.

Показалец Етикет Линк -етикет Бутон Главно меню Текстова кутия Поле за отметка Радиобутон Групова кутия Кутия за картина Панел Мрежа за данни Списъчна кутия Отметната сп. кутия

Комбинирана кутия Списъчен изглед Дървовиден изглед Таб контрол Дата/Време пикер Месечен календар Хоризонтална п. лента Вертикална поз. Лента Таймер Сплитер Домейн UpDown Числов UpDown Слайдер

Фигура. 7 Toolbox-лента с инструменти

На фигура 7 е показана лентата с инструменти Toolbox.

Фигура 8 показва как да използваме лентата с инструментите (Toolbox), за прибавим контрол към формата. Най-лесния начин е да кликнем върху контрола в лентата с инструментите (Toolbox), и след това да кликнем във формата, там където ще го поставяме и да го издърпаме по големина. Или с двукратно кликване и след това да го преместим и оразмерим. След като сте прибавили няколко контрола към формата, можете да ги форматирате заедно, като ги маркирате с натиснат клавиш Shift.

След това използвайте меню Format или бутоните в лентата Layout за да преместите, оразмерите и подравните примерно три контрола текстови кутии спрямо четвъртия контрол, който ще наречем първичен (primary control). Първичният контрол има различен цвят от останалите

Прозорецът Solution Explorer показва списък с името на решението (solution), на проекта (project), както на всички модули и форми. Точно сега, има само една форма, с име Form1.vb. В добавка прозорецът ще има файл, наречен AssemblyInfo.vb, който е част от метаданните, които ще бъдат компилирани в това асембли. Можете да видите и ново разклонение (node), наречено References, в списъка. Ако го отворите (References node), ще видите всички референтни връзки, които са на разположение на вашия проект, когато стартира. Втората страница (панел), наречен Class View, съществува в долния край на прозорец Server Explorer. Ако кликнете върху Class View, ще видите проект Tochki разлистен.

Ако разширите разклонението на проекта, ще видите и пространствата от имена за този проект. В този момент, по подразбиране има само едно пространство от имена (namespace), със същото име като проекта. Разширете проект Tochki и ще видите, че само Form1 се разлиства към него. Разширете Form1 и ще видите методи на формата, както и възел за Bases и Interfaces.

На фигура 8 е посочен маркера за оразмеряване на формата - показалецът на мишката се превръща в стрелка по диагонал, така че чрез натискане на командния бутон на мишката можем да оразмерим ръчно формата, да я разширим или стесним, но симетрично. Ако искаме само хоризонтално или вертикално да я променим, трябва да използваме хоризонталните и вертикални маркери, които също се виждат на фигурата. Същите маркери се появяват и около контролите в избрано (щракнато) състояние. По този начин ръчно определяме свойства Height и Width.


Фигура. 8 Как да прибавим контроли към форма


Как да изберем точно свойствата

След като сте поставили контроли във формата, трябва да определите свойствата на всеки от тях точно, защото ръчно е трудно да се прецизира дизайна. За тази цел е нужно да работите с прозореца Properties, както е показано на фиг. 9


Фигура. 9 Как да работим с прозореца за свойства


За да се покажат свойствата на конкретен контрол, трябва първо да го селектираме в прозореца Form Designer като кликнем върху него. По същия начин, за да видим свойствата на формата, трябва да кликнем върху нея. В прозореца Properties, кликваме върху свойството, за да го селектираме. Можем да прочетем обяснението в долния край на прозореца, за да знаем как да го променим.

За да променим свойство, трябва да въведем стойност в текстовото поле вдясно, или да го изберем от падащ списък, или ако има многоточие (...) да щракнем върху него и да отворим диалогов прозорец за избор на опции на свойството.

Прозорецът има два панела (страници), единият е азбучно избиране на свойствата, а другият е по категории. Повечето свойства остават по подразбиране така, както са показани. В добавка, някои свойства като височина - Height и ширина - Width са такива, каквито са се получили след ръчното им оразмеряване във формата. Обикновено се сменят няколко свойства за обект.

За да смените свойствата на два или повече контрола едновременно, ги избирате и в прозореца за свойства ще излязат общите им свойства, които можете да променяте едновременно. За повече информация натиснете клавиш F1, за да прочетете Help .