WPF
10. XAML - C# EventHandler
10. XAML - C# EventHandler
2024.03.0801. 학습 목표 08. XAML - EventHandler 에서 WPF XAML 디자이너를 활용해 UI 컨트롤의 이벤트를 구현했습니다. 이번에서는 WPF 코드 비하인드(C# 코드 에디터)를 활용하여 컨트롤의 이벤트를 구현합니다. 이전 포스트에서 사용한 Calculator 프로젝트 예제를, Visual Studio 에서 프로젝트를 실행합니다. 02. WPF 코드 비하인드에서 XAML 컨트롤의 이벤트 구현하기 02.2 Negative 버튼 구현 더보기 if(double.TryParse(resultLabel.Content.ToString(), out lastNumber)) { lastNumber = lastNumber * -1; resultLabel.Content = lastNumber.ToString();..
09. XAML - Designer, Nuget
09. XAML - Designer, Nuget
2024.03.07@ 이전 포스트에서 사용했던 Calculator 예제의 계산기를, 윈도우 계산기와 비교해봅시다. UI 모양과 구조가 다른 부분이 있습니다. 윈도우 계산기와 동일한 UI 를 WPF XAML 를 사용하여 구현해 봅시다. 이 과정에서 XAML 디자이너를 좀 더 편리하게 사용하는 방법과 Nuget 관리자를 사용하여 XAML 외부 라이브러리를 적용하는 방법을 익혀봅시다. 01. 윈도우 계산기, 예제 Calculator 비교 01.1 윈도우에서 계산기를 찾아 실행합니다. 01.2 윈도우 계산기와 예제 Calculator 와 비교합니다. 편의를 위해, 윈도우의 계산기를 "계산기" 예제를 "Calculator(칼큘레이터)"라고 합니다. 01.3 수정해야 할 부분을 파악합니다. 02. Grid 패널에 새로운 행 추가 1..
08. XAML - EventHandler
08. XAML - EventHandler
2024.03.06XAML과 C# (Code Behind) 연동 작업 2 용어: 이벤트 헨들러 = 이벤트를 다룹니다. 이벤트가 발생했을때 처리하는 로직을 의미합니다. 이벤트가 아닙니다. 이벤트 핸들러는, 이벤트에 연동될 이벤트가 발생되면, 그 동작 신호를 받아 처리는 부분입니다. XMAL 컨트롤에서 발생한 이벤트가 Code Behind(C# 소스 코드)에서 구현되도록 MainWindows.xaml.cs에 정의해 봅시다. 1. Calculator 예제를 다운받아 실행합니다. 실행된 프로그램에서 레이블에 0이 출력됨을 확인합니다. 2. XAML 파일의 버튼 중 "7"을 입력하는 버튼을 찾습니다. 버튼의 태그에 Click 이벤트(⚡)를 추가해봅시다. Click은 버튼 XAML 태그의 속성이 아닌 C# 이벤트입니다. 3. Cli..
07. XAML - Code Behind
07. XAML - Code Behind
2024.03.06XAML 과 Code Behind(C# 소스 코드) 연동하기 C# WPF 의 UI는 XMAL 파일과 C# 파일이 한쌍을 이룹니다. XAML에서 대부분의 UI 작업이 가능합니다. 하지만, 비즈니스 로직 구현은 Code Behind(C# 소스 코드)에서 구현해야 합니다. 우선 이 작업을 위해서는, XAML 디자이너에서 정의한 UI 컨트롤을 Code Behind(C# 소스 코드)에서 호출하고 식별 할 수 있어야 합니다. XAML UI 컨트롤과 C# 소스 코드 연동 Calculator 프로젝트의 Label 컨트롤에 표시되는 Contents 속성을 XAML이 아닌, Code Behind(C# 소스 코드)에서 변경하는 작업을 진행합니다. 1. Calculator 예제를 다운받아 실행합니다. 실행된 계산기 프로그램에..
06. XAML - Panels
06. XAML - Panels
2024.03.0501. Panel 개요 용어: 컨트롤, 컨테이너, 레이아웃 컨트롤 레이아웃 옵션 - Windows Forms .NET .NET용 Windows Forms의 레이아웃 및 위치 지정에 영향을 주는 컨트롤의 다양한 설정에 관해 알아봅니다. 레이아웃에 영향을 주는 다양한 형식의 컨트롤 컨테이너에 관해 알아봅니다. learn.microsoft.com 컨트롤은 WPF 에서 사용하는 버튼, 레이블과 같은 UI 객체를 의미합니다 컨테이너는 일반적으로 무엇인가를 담을 수 있는 공간을 의미합니다. WPF와 같은 UI 디자인 툴에서 컨테이너는, 컨트롤 여러개를 한번에 담아 관리할 수 있는 객체를 의미합니다. 레이아웃은 일반적으로 배치라는 뜻을 가지고 있습니다. WPF와 같은 UI 디자인 툴에서 레이아웃은, 개별 컨트롤의 위..
05. XAML 개요
05. XAML 개요
2024.03.0501. XAML개요 XAML(자믈)이란, eXtensible Application Markup Language, 확장 가능한 응용 프로그램 마크업 언어의 약자입니다. Microsoft 에서 UI를 정의하기 위해 XML을 기반으로 만든 언어입니다. 주로 사용자 인터페이스의 요소, 데이터 바인딩, 이벤트 등의 기능을 정의하는데 사용됩니다. WPF은 XAML 파일과 C# 파일이 한 쌍을 이룹니다. XAML 파일에서는 UI를, C# 파일에서는 로직을 구현합니다. XAML을 사용하여 UI를 구현하기 위해서, 가장 먼저 XAML을 사용하는 방법을 알아봅시다. 01.1 용어 - Control(컨트롤) C++ Qt 디자이너 툴에서는 Widget(위젯)이라는 용어로 UI 를 다루었습니다. C# WPF에서는 Control..
04. WPF 살펴보기
04. WPF 살펴보기
2024.03.0501. WPF 프로젝트 실행하기 01.1 WPF 프로젝트 초기 화면 01.2 WPF 기본 템플릿 실행 WPF 기본 템플릿으로 자동 생성된 WPF 프로젝트를 실행해 봅시다. Ctrl + F5 를 누르거나, Visual Studio 상단 메뉴에서 [Debug] > [Start Without Debugging] 로 실행합니다. 실행된 후 보이는 화면이 개발자가 작업 할 WPF 프로그램의 초기 모습입니다. 02. MainWindows.xaml 살펴보기 02.1 MainWindows.xaml WPF 템플릿을 선택하여 프로젝트를 실행하면, 기본값으로 UI 창 하나가 만들어집니다. 이를 MainWindows 라고 합니다. (소스 코드의 Main과는 다릅니다. 창 이름이 MainWindows 입니다.) 이 창에 대한 ..
03. WPF 프로젝트 생성하기
03. WPF 프로젝트 생성하기
2024.03.0501. Visual Studio 실행 02. 새 프로젝트 생성 03. WPF Application 템플릿 선택 설치한 모든 템플릿을 확인 할 수 있습니다. 이 중에서 WPF 템플릿을 선택해야 합니다. 더보기 프로그래밍 언어를 C#으로 선택하지 않으면, Visual Basic 언어 기반의 WPF 템플릿도 리스트에 보입니다. C#은 .NET을 지원하는 언어 중 하나일 뿐입니다. Visual Basic 언어도 .NET 을 지원하는 언어 중 하나입니다. Visual Basic 으로 WPF를 개발해도 C#과 동일한 결과를 만들 수 있습니다. 04. 프로젝트 설정 05. 프레임워크 버전 설정 06. WPF 프로젝트 생성