728x90 반응형 wpf17 [WPF] Control Templates (+Logical & Visual Trees) 1. Logical & Visual Trees* Logical Tree XAML에서 작성한 UI 요소의 논리적 관계 구조를 나타낸다.“어떤 요소가 어떤 요소의 자식인지”와 같은 구성 및 계층 관계를 반영한다.데이터 바인딩, 리소스 탐색, 이벤트 라우팅(Logical Routing) 등에 사용된다.- 특징컨트롤의 구성 요소만 표시되며, 내부적으로 렌더링되는 세부 그래픽 요소(버튼의 사각형, 테두리 등)는 표시되지 않음FrameworkElement.Parent나 LogicalTreeHelper로 탐색 가능.리소스(Resource) 탐색 경로는 Logical Tree를 따라 올라간다.//xaml // Logical TreeWindow └─ StackPanel ├.. 2025. 8. 10. [WPF] Animation Basic WPF 애니메이션 기본 개념 1. 애니메이션의 핵심WPF는 DependencyProperty(종속성 속성)에 대해서만 애니메이션을 지원.모든 애니메이션은 시간의 흐름에 따라 속성 값을 점진적으로 변화시킴.GPU 가속이 지원되므로 부드러운 움직임 가능.2. 타임라인(Timeline)애니메이션의 시간 흐름을 정의.BeginTime, Duration, RepeatBehavior, AutoReverse 등의 속성이 있음.속성설명예시BeginTime (TimeSpan?)애니메이션 시작 지연 시간. null이면 즉시 시작BeginTime="0:0:2" → 2초 후 시작Duration (Duration)애니메이션이 한 번 재생되는 데 걸리는 시간Duration="0:0:3" → 3초 동안 실행RepeatBehavio.. 2025. 8. 10. [WPF] Effects and Visuals WPF에서 그래픽을 더 풍부하고 멋있게 만드는 이펙트 (Effects)와 하위 레벨 렌더링 API 비주얼(Visual)에 대해서 1. 이펙트 (Effects)주로 Pixel Shader 기반의 이펙트를 사용해 UI 요소에 실시간 그래픽 효과를 줄 수 있는데 대표적인 내장 이펙트는 다음과 같다 DropShadowEffect: 그림자 효과BlurEffect: 블러(흐림) 효과BitmapEffect (구버전, 권장 안 함)- 사용법 예제 : DropShadowEffect Effect 속성에 이펙트를 지정해서 해당 요소 전체에 효과 적용GPU 가속 지원, 고성능 실시간 효과 가능 * Custom Shader Effects WPF는 HLSL 기반의 픽셀 셰이더를 커스터마이징해서 직.. 2025. 8. 10. [WPF] Geometries and Drawings 벡터 기반의 2D 그래픽을 다루는 주제이며 shapes와 bruesh같은 기본 요소보다 더 낮은 수준에서 도형을 정의하고 고성능.정밀제어가 가능한 방식.1. GeometriesSystem.Windows.Media.Geometry 클래스와 그 파생 클래스를 사용해서 도형의 경로(path)를 정의한다.Shape처럼 UIElement가 아니라 그림의 데이터 자체이기 때문에, 한 번 정의하면 여러 곳에 재사용할 수 있다.주요 Geometry 종류Geometry 타입설명예제LineGeometry시작점과 끝점만으로 구성된 선직선RectangleGeometry사각형을 정의둥근 모서리 가능EllipseGeometry원·타원 정의원형 버튼 마스크PathGeometry세그먼트(Line, Bezier 등) 조합자유 곡선Ge.. 2025. 8. 9. [WPF] Shapes, Brushes and Transforms 1. Shapes (도형)WPF는 기본적인 도형을 내장하고 있어 쉽게 UI에 벡터 기반 그래픽을 그릴 수 있다대표적인 도형으로는 Rectangle, Ellipse, Line, Polyline, Polygon, Path 등이 존재함 2. BrushesUI 요소를 색상이나 이미지, 그래디언트 등으로 채우는 방식. WPF에서 제공하는 주요 브러시 유형은 다음과 같다. SolidColorBrush: 단색 채우기LinearGradientBrush: 선형 그라데이션RadialGradientBrush: 방사형 그라데이션ImageBrush: 이미지 채우기DrawingBrush: 도형 기반 브러시, 타일링 등에 활용VisualBrush: 다른 시각 요소를 캡처해 채우기 3.. 2025. 8. 9. [WPF] Styles and Behaviors 1. Styles 여러 속성 설정(예: 글꼴, 색상 등)을 재사용 가능한 형식으로 묶어, 다양한 컨트롤에 적용할 수 있는 기능.→ GreenItalicButtonStyle 같은 스타일을 만들어 버튼에 통일 적용일반적인 예시 스타일 기반 확장ex) 마우스 오버 시 배경을 빨간색으로, 마우스 진입 시 2초 동안 폰트 크기를 22로 애니메이션을 보여주는 스타일 → 이 스타일을 재사용하면서 트리거와 애니메이션 기능을 추가 Trigger에 대해서XAML에서 조건에 따라 속성 값을 변경하거나 동작을 실행하게 만드는 핵심 기능이며 크게 속성 기반과 이.. 2025. 8. 9. 이전 1 2 3 다음 반응형
