[C# WindowsForm] 1. 개요 / Visual Studio 사용법 / 버튼
① 개요
C#에 대한 내용을 배우며 기록하는 용도입니다. 혹시 게시물을 보시면서 틀린 부분이나 설명이 빈약한 부분을 지적해주시면 감사하겠습니다. 목표는 윈도우폼에서 사용할 수 있는 도구 상자에 있는 도구들의 사용법을 모두 알아보고, 응용해보는 것까지입니다.
② Visual Studio UI
제가 사용하는 버전은 Visual Studio 2017 입니다. 버전에 따라 약간의 차이가 있을 수 있으나, 아마 거의 차이가 없을 것입니다. 폼에 인스턴스를 추가하는 방법은 도구 상자에서 원하는 인스턴스를 끌어다 폼에 놓거나 클릭하고 폼의 원하는 위치에 다시 클릭하면 그 자리에 인스턴스를 추가할 수 있습니다.
그리고 프로그램을 실행하는 도중 출력되는 로그들은 하단의 프로그램 출력창에 나타나게됩니다. 또, 선택한 인스턴스의 세부 속성은 우측 하단에서 설정할 수 있습니다.
만약 제작 중인 프로그램을 실행하여 확인해보고 싶다면, 상단의 버튼들에서 시작이라는 버튼을 눌러 실행할 수 있습니다.
③ 버튼
이제 버튼을 폼에 추가하여 사용해보겠습니다.
도구 상자에서 [ Button ] 을 찾아서 폼에 추가합니다.
추가된 버튼을 클릭하여 선택하고 우측 하단의 속성창에서 [ Text ] 속성을 수정하여 버튼의 텍스트를 수정할 수 있습니다.
그리고 폼에 추가한 버튼을 [ 더블 클릭 ] 해보시면 직접 소스코드를 수정할 수 있는 코딩창이 나타납니다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows.Forms; namespace Example1 { public partial class Form1 : Form { public Form1() { InitializeComponent(); } private void button1_Click(object sender, EventArgs e) { /* * 이 부분에 쓴 소스코드들이 버튼을 클릭했을 때 실행됨. */ } } } | cs |
제가 직접 적은 주석을 제외하고 20번줄 ~ 25번줄이 자동으로 생성됩니다. 주석처럼 저 안에 작성한 소스코드들이 버튼을 클릭했을 때 실행됩니다.
저는 저 부분에 '클릭했습니다.' 라는 문자열을 출력하고, 버튼의 텍스트를 '클릭했습니다.' 로 변경하도록 만들겠습니다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows.Forms; namespace Example1 { public partial class Form1 : Form { public Form1() { InitializeComponent(); } private void button1_Click(object sender, EventArgs e) { Console.WriteLine("클릭했습니다."); button1.Text = "클릭했습니다."; } } } | cs |
[ Console.WriteLine("클릭했습니다."); ] 이 코드가 출력, [ button1.Text = "클릭했습니다."; ] 이 코드가 버튼의 텍스트를 변경하는 코드입니다.
이제 실행하고 확인해보겠습니다.
클릭했을 때, 버튼의 텍스트가 변하고, 하단의 출력창에 '클릭했습니다.' 가 나온 결과입니다.
대부분 인스턴스를 더블 클릭했을 때는 [ 클릭했을 때 ] 작동될 수 있는 소스코드를 적을 수 있도록 자동 생성됩니다.