Перш ніж написати програму «Привіт», давайте визначимося, що буде робити програма і як вона повинна виглядати в дії.
Після запуску програми має з'явитися вікно програми. Вікно повинне містити дві кнопки (Привіт і Очистити) і пусте текстове поле (рис.1.1).
Рис.1.1. Зовнішній вигляд програми
Якщо клацнути мишею на кнопці Привіт. в текстовому полі з'явиться напис "Здрастуй, світ!" (Рис.1.2)
Рис.1.2. Додаток в дії.
Якщо клацнути мишею на кнопці Очистити. програма очищає текстове поле.
Створення нового проекту
Тепер, коли ви знаєте, що повинна робити програма, давайте спробуємо написати її на C #. Постарайтеся виконати всі описувані події.
Перше, з чого починається розробка нової програми - це створити новий проект. Для цього запустіть Visual Studio. У меню File виберіть команду New | Project. . Відкриється діалогове вікно New Project (рис.1.1). Виберіть в лівій частині вікна тип проекту Visual C # | Windows. У правій частині з'являться доступні шаблони для вибраного типу проекту.
Як бачите, Visual Studio дозволяє створювати проекти різних типів. Для нашого першого уроку ми будемо використовувати проект типу Windows Forms Application. Виділіть мишкою шаблон Windows Forms Application. Далі змініть ім'я проекту. В поле Name видаліть текст за замовчуванням WindowsFormsApplication1 і введіть текст MyFirstProgram. Наступне поле Location показує місце, де буде зберігатися ваш проект. Ви можете змінити місце зберігання проекту. Для цього клацніть кнопку Browse. і виберіть папку на вашому комп'ютері. Тепер можна натиснути кнопку OK.
Рис.1.3. Створення нового проекту
У вас відкриється середовище розробки Visual Studio. У центрі екрана ви побачите вікно форми (поки порожній) з заголовком Form1. Ваше завдання - зробити його схожим на форму готового додатка
Рис.1.4. порожня форма
Змінюємо заголовок форми
Порожня форма, яка з'явилася у вас на екрані, має заголовок Form1. Цю стандартну напис в заголовку Visual Studio привласнює будь новоствореної формі. У навчальних цілях ви можете залишати цей напис без змін, але давайте зробимо форму більш професійною. У нашій першій програмі заголовок має напис Привіт.
Примітка: Форму часто називають вікном. В принципі це одне і те ж. Під час розробки ми будемо використовувати термін форма, а під час роботи програми цю форму на екрані будемо називати вікном.
Отже, змінимо заголовок у форми на Привіт
Переконайтеся, що вікно форми є поточним. Це легко розпізнати по заголовку - воно повинно бути активним (підсвічується). Якщо форма не є поточним, то просто клацніть мишею в будь-якому місці форми або по заголовку.
У правій частині середовища розробки знайдіть вікно Properties. Якщо воно у вас приховано, то в меню View виберіть команду Properties Windows.
Клацніть на полі, розташованому праворуч від напису Text. В даний момент поле містить текст Form1. Видаліть цей текст і введіть новий текст Привіт. Вікно властивостей має прийняти вигляд, як на рис 1.5.
Рис.1.5. Змінюємо заголовок у форми
Ура! Ви змінили заголовок форми. Погляньте на вікно форми - напис змінилася (рис.1.6).
Рис.1.6. Форма з новим заголовком.
додаємо кнопку
Ми знаємо, що в остаточному варіанті на формі повинні бути кнопки Привіт і Очистити. Давайте зробимо це.
Щоб помістити кнопку на форму, спочатку виберіть її в колекції інструментів.
Вікно колекції інструментів містить значки різних елементів управління. Ваше завдання - вибрати потрібний об'єкт і помістити його на форму.
Примітка: Якщо колекція інструментів не видно, то в меню View виберіть команду Toolbox.
Знайдіть серед значків потрібний елемент з написом Button.
Двічі клацніть на значку кнопки - в результаті Visual Studio помістить кнопку з написом Button на форму (рис.1.7).
Ріс.1.7. Розміщуємо кнопку на форму
Visual Studio автоматично привласнила деякі властивості для нашої кнопки. Ми повинні змінити їх для нашої зручності, як це ми зробили для заголовка форми.
Перейдіть на панель Properties (якщо вона невидима, то виконайте команду Properties Window з меню yo1)
Переконайтеся, що поле списку у верхній частині вікна властивостей містить напис button1 System.Windows.Forms.Button (рис.1.6)
Примітка: На даному етапі до вашої формі відносяться два об'єкти: сама форма Form1 і кнопка button1. Вікно властивостей відображає властивості того об'єкта, чиє ім'я вибрано в згорнутому списку вгорі вікна. Щоб переключитися на інший об'єкт, клацніть на кнопці зі стрілкою в полі списку і розгорніть список: він містить імена всіх елементів форми. Клацніть на імені потрібного вам елемента, і вікно Properties відобразить набір властивостей цього елемента.
Змініть значення властивості Name з button1 на butHello.
Рис.1.8. Надаємо нове ім'я кнопці
За замовчуванням, Visual Studio присвоїло кнопці напис button1. яку ви бачите зараз на кнопці. Давайте змінимо її на більш зрозумілу напис. Знаходимо властивість Text і змінюємо текст button1 на Привіт.
Змінюємо положення кнопки
Кнопка в нашому варіанті повинна знаходитися не в кутку форми, а трохи нижче.
Перетягніть її в нижню частину форми: помістіть покажчик миші на кнопку Привіт. натисніть на кнопку миші і, не відпускаючи кнопки миші, перемістіть кнопку Привіт в потрібне місце.
Змінюємо властивість Font (Шрифт) у кнопки
Продовжимо змінювати властивості у кнопки. Знову переходимо у вікно властивостей і клацніть на поле праворуч від напису Font. При цьому з'явиться кнопка з трьома крапками. Клацніть на цій кнопці. З'явиться діалогове вікно Font. що дозволяє вибрати і встановити новий шрифт.
Виберіть потрібний розмір шрифту, наприклад, 10. Клацніть на кнопці OK діалогового вікна Font
Погляньте на кнопку: шрифт напису Привіт змінився.
Примітка: Змінюючи значення у багатьох властивостей, ви можете негайно побачити результат на формі. Скористайтеся цим, експериментуйте з властивостями вибраних елементів, поки результат не задовольнить вас повністю.
Додаємо другу кнопку
Тепер нам необхідно додати на форму другу кнопку з написом Очистити. Повторюємо вже знайомі операції. Двічі клацаємо на значку кнопки в колекції інструментів. На формі з'явиться друга кнопка. Перетягніть її в праву частину форми поряд з першою кнопкою. Далі змініть у кнопки властивості Name з button1 на butClear і властивість Text на текст Очистити. Також можете змінити розмір шрифту.
Змінюємо розміри кнопок
Початкові розміри, які Visual Studio встановив кнопок, можуть нам не підійти. Наприклад, слово Очистити може виявитися занадто великим і не поміщається цілком на кнопці. Давайте навчимося змінювати розміри кнопок.
Виберіть потрібний об'єкт одиночним клацанням (не подвійний!). Обраний елемент буде укладено в прямокутник з невеликих білих квадратиків, які називаються маркерами. Акуратно підведіть покажчик миші до будь-якого маркера і, утримуючи кнопку миші, перетягуйте маркер в потрібному напрямку, поки об'єкт не прийме потрібний розмір. Наприклад, маркери на вертикальних гранях об'єкта змінюють його горизонтальні розміри і навпаки. Маркери на кутах змінюють розміри об'єкта в обох напрямках одночасно.
Додаємо на форму текстове поле TextBox
Залишився ще один елемент, якого бракує для нашої програми - це текстове поле TextBox. Даний елемент призначений для введення будь-якого тексту. Іноді цей елемент називають полем редагування.
Розміщуємо елемент TextBox на форму
У нас вже є досвід додавання кнопок на форму. Тепер ми повинні додати текстове поле. Знайдіть в колекції інструментів значок текстового поля.
Подвійним клацанням на значку Tex t Box помістіть елемент на форму.
Вибравши його на формі, змініть положення і розмір елемента як показано на малюнку 1.9.
Рис.1.9. Розміщення всіх елементів на формі
Змінюємо значення властивостей елемента TextBox
Змінити кілька властивостей у текстового поля. Змініть значення властивості Name з textBox1 на txtDisplay. За бажанням, ви можете змінити розмір шрифту.
Вводимо вихідний код
Етап візуального програмування на цьому завершено. Ми сконструювали зовнішній вигляд програми. Тепер залишилося ввести вихідний код для програми.
Visual C # є мовою програмування, орієнтованим на обробку подій. Наприклад, якщо ви клацніть на кнопці Привіт, то виконується подія Click для кнопки butHello і автоматично буде виконана процедура обробки даної події. Таким чином, ваше завдання зводиться до того, щоб для кожної події написати відповідну процедуру - обробник цієї події. Якщо ви нічого не зрозуміли - не турбуйтеся. Все набагато простіше, ніж може здатися на перший погляд. Давайте спробуємо, і ви побачите, як це просто і легко. Почнемо з обробника події Click для кнопки Привіт (butHello).
Пишемо процедуру для кнопки Привіт (butHello)
Двічі клацніть на кнопці Привіт (butHello). Visual Studio відкриє вікно програмного коду. Зверніть увагу, що Visual Studio автоматично помістив у вікно програмного коду рядка:
Як ми домовлялися, при натисканні на кнопку в текстовому полі повинна з'явитися напис Здрастуй, Світ !. Помістіть курсор між фігурними дужками <> і введіть наступний код:
Зверніть увагу, що коли ви набрали слово txtDispaly і поставили крапку, то Visual Studio запропонував вам вибрати вже готові варіанти для продовження. Не звертайте поки уваги на підказки і продовжуйте набирати текст. Не забудьте поставити в кінці рядка крапку з комою.
Вводимо код для кнопки Очистити
Знову перейдіть в режим візуального редагування (View | Designer) і двічі клацніть на кнопці Очистити (butClear). Visual Studio знову згенерує заготовку для події Click другої кнопки. Завдання цієї процедури полягає в очищенні текстового поля. Для цього потрібно присвоїти для значення властивості Text порожній рядок.
Виконуємо програму Привіт
Все готово для нашої першої програми. Пора перевірити її в дії. Виберіть в меню Debug | Start Debugging.
Якщо ви не зробили жодної помилки, то у вас на екрані з'явиться вікно нашої програми. Клацніть на кнопці Привіт. У текстовому полі з'явиться текст, який ми задали в коді програми. Тепер клацніть на кнопці Очистити. Текст зникне. Ви можете поклацати по кнопках кілька разів. Щоб вийти з програми, натисніть на кнопку Закрити у верхньому правому куті програми.
Коли ви виходите з програми, то можете знову вносити в неї зміни в Visual Studio. Спробуйте самостійно змінити програму таким чином, щоб при натисканні на кнопці Привіт в текстовому полі з'явився напис Привіт, мама! .
Виконуваний файл EXE
Коли ви запустили програму в перший раз, то Visual Studio автоматично створив виконуваний файл EXE. Відкрийте папку, в якому ви зберігали свій проект. Там знайдіть підпапку \ bin \ Debug. в якій побачите файл MyFirstProgram.exe.
Ви можете скопіювати цей файл на флешку і передати її своїм знайомим, щоб вони побачили вашу програму на своєму комп'ютері. На цьому перший урок завершено.
Отже, ви написали свою першу програму на C #, пройшли всі необхідні етапи: етап візуального програмування і етап введення вихідного коду. На першому етапі ви вчилися розміщувати на формі необхідні елементи і задавати їх властивостями потрібні значення. На етапі введення коду ви створили кілька процедур для обробки деяких подій до деяких об'єктів і використовували оператори C #.
Питання та відповіді
Чи можна вивчати по кілька уроків в день? Так, ви можете вибрати свій власний темп проходження уроків. Чи можна створювати на C # професійні програми? Так, на C # можна створювати справжні Windows-програми. Дуже багато програмістів вибирають цю мову для створення своїх програм.