티거의 개발 공간

[C# WindowsForm] 1. 개요 / Visual Studio 사용법 / 버튼

Visual Studio/Visual C#2019. 2. 19. 20:57

① 개요


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 = "클릭했습니다."; ] 이 코드가 버튼의 텍스트를 변경하는 코드입니다.


이제 실행하고 확인해보겠습니다.



클릭했을 때, 버튼의 텍스트가 변하고, 하단의 출력창에 '클릭했습니다.' 가 나온 결과입니다.

대부분 인스턴스를 더블 클릭했을 때는 [ 클릭했을 때 ] 작동될 수 있는 소스코드를 적을 수 있도록 자동 생성됩니다.

저작자표시 비영리 변경금지

티스토리툴바