본문 바로가기

wpf

Codinator 발표 영상입니다. 프라이머 엔턴십 데모데이 행사에서 발표하는 김대욱 매니저의 멋진 모습입니다! 더보기
WPF UI 테마 제작 툴 Codinator를 공개합니다. S/W를 평가하는 기준에서 UI가 차지하는 비중이 높아지면서 UI개발이 S/W개발 프로젝트에있어 큰 이슈로 자리잡고 있습니다. 때문에 UI개발 관련 기술이 발달하였고 높은 퀄리티의 UI제작이 가능하게 되었지만 개발의 과정과 관리는 역시 큰 문제로 자리잡고 있습니다. 이러한 문제를 해결하기 위해 저희 wit는 UI 테마 개념을 도입하여 그 동안의 프로젝트를 통해 쌓아온 UI개발 노하우를 녹여낸 WPF기반의 UI 테마제작 엔진 Codinator를 개발하였습니다. S/W의 UI를 개발할 때 UI 테마 개념을 도입하게 되면 사후 관리가 무척 편리해 지지만 그 개발과정이 쉽지않아 대부분 WPF를 사용한 프로젝트임에도 불구하고 이미지를 자르거나 재사용이 불가능한 형태로 UI를 개발하고 있습니다. Codinator를.. 더보기
WPF ReverseBinding(RadioButton DataBinding) Introduction WPF를 이용해 MVVM패턴으로 개발할때, ViewModel에서 View에 있는 객체에 Binding을 해야 할경우, ViewModel에서 View에 있는 객체를 직접 Access해야 하므로, View와 ViewModel의 독립성이 떨어지게 됩니다. 이번시간에는 이러한 상황에서 MarkupExtension을 이용해 View에서 ViewModel의 독립성을 유지한체 ViewModel에서 View를 Binding할 수 있도록 하는 ReverseBinding을 구현 하는 방법에 대해 소개합니다. Create DemoView(Default Data Binding) ReverseBinding를 구현하기에 앞서 ReverseBinding을 테스트 하기 위한 상황을 만들기 위해 위와 같이 두개.. 더보기
Set LinerGradient Direction using Angle Introduction 이전 시간에서 이야기한 바와 같이 포토샵을 사용하는 디자이너와 협업하여 WPF프로젝트를 진행하다보면, 포토샵을 사용해 디자인을 하는 디자이너의 의도를 WPF의 기본 기능만을 활용해서 수용하기란 한계가 따릅니다. 이번시간에는 포토샵을 이용해 디자인을 한 디자이너가 Gradient을 편집할 때 사용하는 Angle속성을 WPF에서 사용하는 방법에 대해 소개합니다. What is the Gradient Angle? Linear Gradient에서의 Angle이란 Gradient의 방향을 의미 하며, Angle을 변경하게 되면, 원의 중심을 Gradient의 시작점으로 하고 원의 끝을 Gradient의 종료지점으로 하는 Gradation이 생성됩니다. 포토샵에서는 위 그림과 같이 간단하게 .. 더보기
MidPoint GradientStop For WPF Introduction 포토샵을 사용하는 디자이너와 협업하여 WPF프로젝트를 진행하다보면, 디자이너가 작업한 결과물들을 사용가능한 형태(XAML)로 변환하는 과정이 필요한데, 전문 디자인 툴인 포토샵의 기능들을 기본적으로 제공되는 WPF의 기능만으로 표현해 내는것은 한계가 따릅니다. 대표적인 예로 GradientBrush, Effect, Blend Mode등이 대표적인 예입니다. 이번시간에는 포토샵에서 Gradient를 편집할때 사용 할 수 있는 MidPoint GradientStop을 WPF에서 적용 할 수 있는 방법에 대해 생각해보고 구현하는 방법에 대해 소개합니다. What is the MidPoint GradientStop? MidPoint Gradient란, 시작 GradientStop에서 종료.. 더보기

티스토리툴바