Изграждане на графичен потребителски интерфейс с Windows Forms


Windows Forms редакторът на VS.NET



страница6/16
Дата27.09.2016
Размер1.09 Mb.
#10985
1   2   3   4   5   6   7   8   9   ...   16

Windows Forms редакторът на VS.NET


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

Windows Forms редакторът на VS.NET ни дава възможност да правим всички тези неща визуално, ускорявайки процеса на разработка. Той улеснява значително извършването на следните операции:



  • създаване на форми

  • добавяне на контроли във формите

  • добавяне на неграфични компоненти във формите

  • настройка на свойствата на форми, компоненти и контроли

  • добавяне на събития за форми, компоненти и контроли

Създаване на форма


Създаването на форма във VS.NET става, като от менюто File изберем Add New Item. В появилия се диалогов прозорец избираме Windows Form, в полето за име въвеждаме името на формата и натискаме бутона Open. Нашата нова форма се отваря в редактора на VS.NET:


Добавяне на контрола


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

Всички контроли имат подразбиращ се размер. Ако желаем да добавим контрола с подразби­ращия се размер, можем просто да я изтеглим от Toolbox и да я пуснем във формата (drag and drop).


Добавяне на неграфични компоненти


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


Настройка на свойства


Настройката на свойства се извършва в прозореца Properties на редактора. Ако прозорецът не е видим, можем да го покажем като изберем View | Properties Window от менюто, натиснем [F4] или изберем Properties от контекст­но­то меню, появяващо при щракване с десния бутон на мишката върху контролата. От падащия списък, намиращ се най-отгоре в прозореца, избираме обекта, чиито свойства ще настройваме. След това избираме свойството, което ще променяме и му задаваме стойност. В зависимост от свойството, ще зададем текст, числова стойност или ще изберем стойността от списък. Ето как изглежда прозорецът Properties на VS.NET:


Добавяне на обработчици на събития


Добавянето на обработчици на събития също става от прозореца Properties на VS.NET:

За целта от падащия списък, намиращ се най-отгоре в прозореца, избираме обекта, чиито свойства ще настройваме и натискаме бутона Events, намиращ се под падащия списък. Появяват се събитията на обекта. От падащия списък срещу събитието, за което искаме да добавим обработчик, избираме метода, който ще обработва събитието. Ако ще дефинираме нов метод за обработка на събитието, изписваме неговото име в полето. Друга възможност е да щракнем 2 пъти с мишката и VS.NET ще избере име по подразбиране (името на контролата + "_" + името на събитието, примерно OkButton_Click). При създаване на обработчик за събитие Windows Forms редакторът добавя или намира метода и отваря редактора за код позициониран точно върху него.


Създаване на прост калкулатор с Windows Forms редактора на VS.NET – пример


С настоящия пример ще илюстрираме използването на Windows Forms редактора на VS.NET за създаването на просто приложение – калкулатор, който събира цели числа. Функционалността на калкулатора ще е същата като на калкулатора от предишния пример, но този път ще използваме Windows Forms редактора, който ще генерира по-голямата част от кода на приложението.

Ето стъпките за създаването на нашия калкулатор:



  1. Стартираме VS.NET и създаваме нов Windows Forms проект.

  2. Задаваме на главната форма име Calculator и заглавие "Simple Calculator". Променяме и името на файла от Form1.cs на Calculator.cs.

  3. Вземаме от Toolbox на VS.NET три TextBox, две Label и една Button контроли и ги поставяме в главната форма. Задаваме подходящи имена на поставените компоненти. Препоръчително е името на една контрола да съдържа нейното предназначение и тип (или префикс, указваш типа). В нашия случай подходящи имена са: TextBoxNumber1, TextBoxNumber2, TextBoxSum, LabelPlus, LabelEquals и ButtonCalcSum.

  4. Задаваме празен низ в свойството Text на текстовите полета. За полето TextBoxSum задаваме ReadOnly да е true. На свойството Text на ButtonCalcSum задаваме стойност "Calculate sum". На свойствата Text на LabelPlus и LabelEquals задаваме съответно стойности "+" и "=". Ето как изглежда формата на нашия калку­латор в този момент:



  1. Остава да дефинираме събитието за натискане на бутона. С двойно щракване върху бутона, VS.NET ни дава възможност да напишем кода за обработка на събитието му Click:

private void ButtonCalcSum_Click(object sender,

System.EventArgs e)

{

try


{

int value1 = Int32.Parse(TextBoxNumber1.Text);

int value2 = Int32.Parse(TextBoxNumber2.Text);

int sum = value1 + value2;

TextBoxSum.Text = sum.ToString();

}

catch (Exception)



{

TextBoxSum.Text = "Invalid!";

}
TextBoxNumber1.SelectAll();

TextBoxNumber2.SelectAll();


TextBoxNumber1.Focus();

}


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

  1. Приложението вече е готово и можем да го стартираме и тестваме. Ето как изглежда нашият калкулатор:





Сподели с приятели:
1   2   3   4   5   6   7   8   9   ...   16




©obuch.info 2024
отнасят до администрацията

    Начална страница