C# WPF/02
27. 윈도우 계산기 - 스타일
27. 윈도우 계산기 - 스타일
2024.11.2601. 목표 더보기01.1 명시적, 묵시적 적용 이해 묵시적(Implicit) - '내포된', 설정하지 않아도, 자동으로 포함되거나 적용된 상태로, "전체 적용" 할 부분에 사용된다.명시적(Explicit) - '명시된', 명시적으로 적어놓은 부분만 적용되는 것으로, "일부 적용"할 때 사용한다. 02. 명시적 예시더보기 02.1 이전 예제에서 적용한 Application.resource 를 주석 처리하고 xaml 에 적용한 background 속성에 정의된 정적 리소스 설정을 제거한다. 02.2Background="{StaticResource operationButtonColor}"Background="{StaticResource numberButtonColor}"검색어 찾아 바꾸기로 제거 03..
26. 윈도우 계산기 - 리소스
26. 윈도우 계산기 - 리소스
2024.11.2601. 목표더보기01.1 윈도우 계산기와, 진행중인 예제의 디자인 비교 01.2 색상코드@웹 확장 프로그램 ColorPick Eyedropper 사용하면 색상을 쉽게 확인할 수 있습니다. 배경색#FFF6F3ED기호 버튼 색#FFFAF9F7숫자 버튼 색White 02. (공통) 버튼 색 변경 방법 확인더보기02.1 등호 기호 배경색 변경❶ 윈도우 계산기의 등호 아이콘은 배경색이 푸른색이다.❷ 버튼 속성의 Brush 탭에서, Backgroud 속성의 ❸ 다섯번째 탭을 선택하면, 기존에 세팅된 색이 보인다.❹ MenuHighlightBrushKey 색을 고르고 저장하면, 자동으로 XAML에 반영된다. 02.2 등호 기호 글자색 변경❶ 윈도우 계산기의 등호 아이콘은 글자색이 하얀색이다.❷ 버튼 속성의 Brush..
25. 윈도우 계산기 - 오류 개선
25. 윈도우 계산기 - 오류 개선
2024.11.2601. 목표더보기0으로 나누는 경우, 개선0을 음수를 만들고 진행하는 경우 , 개선%(퍼센트) 버튼 적용하는 경우 , 개선 02. 0으로 나누는 경우더보기02.1 02.2if (n2 == 0){ MessageBox.Show("Division by 0 is not supported","Wrong operation", MessageBoxButton.OK, MessageBoxImage.Error); return 0;}else return n1 / n2; 02.3 03. 0을 음수를 만들고 진행하는 경우더보기0은 음수가 없습니다.해결해보세요. 04. %(퍼센트) 버튼더보기04.1 04.2 05. 실행 결과 확인 더보기
24. 윈도우 계산기 - 사칙연산 구현
24. 윈도우 계산기 - 사칙연산 구현
2024.11.2601. 목표더보기01.1 사칙연산, +, -, *, / 구현 01.2 사칙연산 구조 분석필요한 데이터첫번째 입력 피연산자, 연산자 기호 종류, 두번째 입력 피연산자, 피연산자 2개의 계산 결과 02.더보기02.1사칙연산 버튼을 눌렀을 때 동작할, OperationButton_Click 이벤트 핸들러를 구현합니다. private void operationButton_Click(object sender, RoutedEventArgs e) { } 02.2사칙연산 버튼에, OperationButton_Click 이벤트 핸들러를 등록합니다.operationBtn = [plusButton, minusButton, devideButton, multiplicationButton]..
23. 윈도우 계산기 - 기타 버튼 구현
23. 윈도우 계산기 - 기타 버튼 구현
2024.11.2601. 목표더보기 CE(초기화), %(백분율), ⌦(삭제),-(음수) 버튼을 구현합니다. C(Clear)의 의미는 입력된 모든 값과 계산 전체 삭제입니다.CE(Clear Entry)의 의미는 마지막 입력 값의 전체 삭제입니다.⌦의 의미는 마지막 입력 값 중 마지막 입력 1개 부분 삭제입니다. 02. CE 버튼 구현더보기02.1 02.2 resultLabel.Content = "0"; 02.3 실행하여, 동작을 확인합니다. 03. % 버튼 구현 더보기03.1 03.2 double lastNumber; private void percentButton_Click(object sender, RoutedEventArgs e) { ..
22. 윈도우 계산기 - 숫자 입력 구현
22. 윈도우 계산기 - 숫자 입력 구현
2024.11.2601. 숫자 입력 버튼 7, 8, 9 구현더보기01.1 버튼 7, 버튼 8, 버튼 9 입력을 구현합니다. 01.2 "버튼 7" 컨트롤의 이벤트를 생성하기 위해 버튼 컨트롤을 더블클릭합니다. 01.3 "버튼 7" 컨트롤의 이벤트가 Code behind에 sevenButton_Click 이벤트가 자동 생성됩니다. 01.4 "버튼 7"을 누르면, 출력 레이블에 입력되도록 C# 소스코드를 구현합니다. ❹ 버튼이 클릭되었을 때, 실행될 함수의 로직은, 결과를 출력하는 레이블에 값이 0이라면, 해당 버튼의 숫자를 출력하고, 기존에 값이 입력되어 있다면, 기존 값 뒤에 버튼의 값을 추가하여 보여줍니다. if (resultLabel.Content.ToString() == "0") ..
21. 윈도우 계산기 - 기초 UI 구현
21. 윈도우 계산기 - 기초 UI 구현
2024.11.2601. Calculator 예제 준비하기더보기01.1 타겟 분석 스크린샷 을, 그림판으로 보면 너비와 높이를 간단하게 확인 할 수 있습니다.322 * 534px하지만 위의 높이와 너비 속성값을 적용하면 문제가 발생한다.이 문제에 대해 잠시 살펴본다. 01.2 WPF 높이와 너비 테스트 확인 준비Height="100" Width="322" 01.3 XAML Live Preview 01.4 오차 확인 XAML 높이와 너비를, Height="100" Width="322" 으로 세팅했을 때,Height 값은 93 (-7)Width 값은 308 (-14) 값이 차이가 난다는 것을 확인할 수 있다. 이는 WindowStyle 3D border 속성이 렌더링 될 때, 외곽선 및 그림자로 ..