Avalonia와 WPF의 라우팅 이벤트 처리 패턴 비교
이벤트 전파 방식을 이해하기 위해日常生活中에서 흔히 겪는 상황을 살펴보겠습니다.
1. 实例：회사 조직 구조에서의 보고 체계
큰 기업의 조직 구조를 생각해 봅시다: 본사 → 부서 → 팀.
버블링 이벤트 (버블링 - WPF 기본 방식): 팀에서 문제가 발생했습니다. 먼저 팀장이 인지하고, 이를 부서장에게 보고하고, 최종적으로 본사 임원에게 전달됩니다. 신호가 안에서 밖 ...
7월 3일 01:08에 게시됨
WPF/Avalonia StackPanel 대응 HTML/CSS 레이아웃 구현
StackPanel은 WPF와 Avalonia에서 자주 쓰는 단방향 레이아웃 컨테이너다. 이 글에서는 동일한 시각적 결과를 HTML과 CSS로 재현하는 방법을 살펴본다. 프레임워크에 구애받지 않고 순수한 마크업과 스타일로 접근하며, 예시 코드는 Vue 문법을 기반으로 작성했다.
기본 세로 쌓기
아래 XAML은 여러 TextBlock을 위에서부터 쌓는 구조다.
<StackPanel HorizontalAlignm ...
6월 27일 21:55에 게시됨
Avalonia에서의 선형 그라데이션 애니메이션 구현
Avalonia의 그래픽 시스템은 고급 시각 효과를 구현하는 데 유연성을 제공합니다. 특히, 선형 그라데이션을 기반으로 한 색상 변화 애니메이션은 사용자 인터페이스의 동적 표현력을 크게 향상시킬 수 있습니다. 이 글에서는 Avalonia에서 그라데이션 색상 애니메이션을 구현하는 두 가지 주요 방법을 중심으로 설명하며, 코드 기반 접근과 스타일 기반 설정을 모두 다룹니 ...
6월 12일 17:21에 게시됨
Avalonia: Java/Flutter 개발자를 위한 크로스플랫폼 UI 프레임워크 가이드
Avalonia는 .NET 생태계 기반의 강력한 크로스플랫폼 UI 프레임워크입니다. Java 개발자에게는 JavaFX의 현대적인 대안으로, Flutter 개발자에게는 데스크톱에 특화된 도구로 다가옵니다. 특히 국내 IT 환경에서 다양한 운영체제를 지원해야 하는 프로젝트에서 Avalonia는 매력적인 선택지가 될 수 있습니다.
1. Avalonia 소개 및 Java/Flutter 프레임워크 비교
Avalonia ...
6월 11일 00:06에 게시됨
AvaloniaProperty 이해하기
Avalonia는 WPF의 속성 시스템을 단순히 복제한 것이 아니라, 이를 확장하여 개선했습니다.
WPF에서 대부분의 고급 기능(바인딩, 애니메이션, 스타일)은 DependencyProperty에 의존합니다.
반면 Avalonia에서는 성능과 유연성을 위해 속성을 두 가지로 분류했습니다: StyledProperty(WPF와 유사)와 DirectProperty(더 가볍고 효율적).
1. 주요 클래스 관계
이해를 돕기 위 ...
6월 7일 23:26에 게시됨
Avalonia에서 고급 그라데이션 애니메이션을 활용한 다이내믹 카드 UI 구현
Avalonia UI 프레임워크는 크로스플랫폼 데스크톱 애플리케이션 개발에 탁월한 선택지 중 하나입니다. 하지만 기본 제공 기능만으로는 디자인적으로 매력적인 요소를 구현하기 어려운 경우가 있습니다. 특히 각도 기반 선형 그라데이션은 Avalonia에서 직접 지원하지 않기 때문에, 이를 커스터마이징하여 애니메이션 효과를 넣으려면 추가적인 수작업이 필요합니다.
본 문 ...
6월 6일 16:14에 게시됨
Winform과 Avalonia의 리스트 가상화 구현 비교: 대용량 데이터 효율적 처리
리스트 가상화와 대용량 데이터 표시
TDS 시스템에서 사용자가 키워드에 /a 매개변수를 추가하면 모든 파일 목록이 표시됩니다. 이때 수백만 개의 항목이 표시될 수 있습니다. 이러한 데이터를 부드럽게 처리하고 표시하기 위해 리스트 가상화 기술을 사용해야 합니다.
리스트 가상화는 대량의 데이터를 처리할 때 성능과 사용자 경험을 향상시키기 위한 최적화 기술입니다 ...
6월 5일 16:08에 게시됨
Avalonia에서 색상 문자열과 색상 객체 변환하기
Avalonia 색상 변환 방법
소개
UI 개발에서 색상 변환은 매우 중요한 작업입니다. 특히 문자열 형태의 색상 값을 실제 색상 객체로 변환하거나 그 반대의 작업은 빈번하게 발생합니다. 이 글에서는 Avalonia UI 프레임워크에서 색상 문자열과 색상 객체 간의 변환 방법을 살펴보겠습니다.
문자열로 Brush 생성하기
Brush를 문자열로 생성하는 방법은 간단하지만, TryPar ...
6월 1일 11:40에 게시됨
Avalonia에서 이미지 다루기
1. 자산 로더를 통한 비트맵 생성
Avalonia에서 이미지를 표시하려면 AssetLoader를 사용하여 리소스를 불러와야 합니다.
var imageUri = new Uri("avares://MyApp/Assets/sample.png");
using var resourceStream = AssetLoader.Open(imageUri);
var bitmap = new Bitmap(resourceStream);
imageControl.Source = bitmap;
2. IImage 인터페이스 구현체들
Image ...
5월 30일 04:22에 게시됨