본문 바로가기

wpf18

WPF - Chart 구현하기 WPF에서 MSChart를 Window Form Host로 구현을 하기도 했었습니다. Window Form을 WPF에 붙이다보니 여러모로 좋지 않더군요. WPF 기반의 Chart인 LiveChart를 NuGet에서 설치 후 간단히 구현해보았습니다. 1. NuGet에서 LiveChart를 설치합니다. 2. XAML에 LiveChart를 넣습니다. (1) XAML의 Namespace에 LiveChart를 추가합니다. xmlns:lvc="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf" (2) Live Chart를 XAML에 추가합니다. [XAML] 3. Chart 데이터 바인딩합니다. (1) CS에 Chart의 Value값을 추가합니다. using LiveCha.. 2021. 2. 23.
WPF - 백그라운드 그라데이션(Background Gradient) WPF 컴포넌트의 백그라운드에 그라데이션을 적용하는 XAML입니다. LinearGradientBrush의 StartPoint와 EndPoint로 가로, 세로, 대각선으로 그라데이션을 적용할 수 있습니다. 1. 세로 그라데이션 2. 가로 그라데이션 3. 대각선(외쪽 상단에서 오늘쪽 하단) 그라데이션 4. 여러색 혼합 그라데이션 - GradientStop 구간별로 색을 지정하여 여러색 그라데이션을 적용합니다. ※ 위의 예제는 Grid에 대한 것이지만 다른 컴포넌트에서도 쉽게 적용하시면 됩니다. 아래의 예제는 버튼의 백그라운드에 그라데이션을 적용한 예입니다. 2021. 2. 22.
WPF - Calendar Component를 이용한 Date Picker 만들기 C# 윈폼에는 DatetimePicker와 같은 Date Pikcer를 WPF에서 구현해보겠습니다. 1. 아래와 같이 화면을 구성합니다. (1) 선택 날짜 : TextBox (2) 달력 표시 버튼 : Button (3) 달력 : Calendar 2. Main Window에 Loaded 이벤트를 추가합니다. - 선택 날짜 TextBox에 오늘 날짜를 표시하기 위함입니다. private void Window_Loaded(object sender, RoutedEventArgs e) { // 달력을 숨김 calDate.Visibility = Visibility.Hidden; // 오늘날짜 tbDate.Text = DateTime.Now.ToString("yyyy-MM-dd"); } 2. 선택 날짜는 수정 할 수.. 2021. 2. 4.
WPF Calendar Component를 이용한 년 또는 월 선택 하기 WPF의 Calendar Component를 이용하여 UI에서 년 또는 월을 선택하는 방법에 대해서 알아보겠습니다. 1. WPF UI에서 Calendar를 추가합니다. 2. 아래와 같이 Calendar Component를 세개 추가합니다. 두번째는 월 선택, 세번째는 년 선택을 할 수 있도록 할 겁니다. 2. 두번째 Calendar를 선택하고, 속성 중에 DisplayMode를 Year로 변경합니다. * Display Mode (1) Month : 한달의 일을 표시 (2) Year : 1년의 월을 표시 (3) Decade : 10년의 년을 표시 3. 세번째 Calendar를 선택하고, 속성 중에 DisplayMode를 Decade로 변경합니다. 4. 프로젝트를 실행하면 아래와 같이 일, 월, 년 Cale.. 2017. 11. 14.
WPF ComboBox Item 추가하기 WPF의 ComboBox에 Item을 추가 하는 방법입니다.C#의 Form에서 처럼 간단하니 아래의 내용을 보시면 금방 이해가 될 겁니다. 1. WPF Window에 ComboBox를 추가하고, ComboBox를 선택합니다. 2. ComboBox의 속성(Properties)의 Items에서 오른쪽 버튼을 클릭합니다. 3. ComboBox Item의 Add 버튼을 클릭하고, ComboBox Item을 선택하여 Content에 Item 이름을 입력합니다. 4. 아래와 같이 XAML에 ComboBoxItem 노드가 추가됩니다.12345678910111213 Colored by Color Scriptercs 2016. 9. 18.