XAML
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..