9월 초 Uno Platform은 GrapeCity의 ComponentOne 컨트롤을 포함한 상용 UI 컨트롤에 대한 지원을 발표했습니다.

이제 Uno 응용 프로그램 버전 4.10 및 .NET 7 이후 버전에서 ComponentOne MAUI 컨트롤을 사용할 수 있음을 공식적으로 발표합니다.

하단에 더욱 자세한 내용이 기재되어 있습니다!

Uno Platform 소개 

Uno Platform은 데스크톱, 웹 및 모바일 응용 프로그램을 작성하기 위한 .NET 생산성 플랫폼입니다.

Uno는 MAUI(네이티브 Android, iOS, macOS 및 WinUI를 지원) 대신 사용할 수 있을 뿐만 아니라, 단일 코드 기반으로 WebAssembly, WPF, Linux 등을 위한 추가 모듈을 목표로 할 수 있습니다.

Uno를 사용하면 다양한 플랫폼에서 거의 동일한 매우 멋진 응용 프로그램을 빌드할 수 있습니다.

선택적 서버 프로젝트, Meterial 또는 Fluent 테마, MVVM 또는 MVUX 템플릿을 사용하여 빠르게 코딩할 수 있습니다.

우리는 이전에 Uno에 대한 블로그 글을 포스팅한 적이 있습니다.

이는 요즘에도 여전히 적용되는 내용입니다.

MAUI와 Uno의 차이점은 무엇이며, .NET 개발자에게 MAUI와 Uno는 어떤 의미일까요? 포스팅을 읽어 보시기 바랍니다.

UI와 관련하여, Uno의 도구 상자는 최신 .NET WinUI 컨트롤과 일치하며 지원되는 모든 플랫폼을 위한 완벽한 도구 세트를 지원합니다.

기본 컨트롤 키트를 기반으로 확장해야 하기 때문에 ComponentOne과 같은 상용 라이브러리가 사용됩니다.

Uno에서 ComponentOne 컨트롤 사용 

Uno Platform의 최신 버전은 다른 상용 라이브러리에 ComponentOne MAUI 컨트롤을 추가할 수 있는 기능을 지원합니다.

이제 아래의 공식 Uno 리소스와 함께 Uno 및 ComponentOne 컨트롤을 사용할 수 있습니다.

• Uno 시작하기

• C1FlexGrid 및 C1Calendar

• GitHub 샘플

또한, Uno 개발을 위해 Visual Studio를 구성한 후 다음 단계를 따르는 방법도 있습니다.

1. Visual Studio에서 새 Uno Platform 앱 프로젝트를 만듭니다.

2. 프로젝트의 이름을 지정하고 '만들기'를 클릭합니다.

3. 'Uno Platform 프로젝트 템플릿 마법사'에서 '기본 응용 프로그램 사용자 정의'를 선택합니다.

4. '프레임워크' 페이지에서 .NET 7을 선택합니다.

5. '플랫폼' 페이지에서 Android, iOS, macOS 및 Windows만 선택합니다. 현재 MAUI Embedding은 이 대상이 설정된 Uno 응용 프로그램의 경우에만 작동합니다.

6. '기능' 페이지에서 'MAUI Embedding'을 선택합니다.

7. '생성'을 클릭합니다.

8. 프로젝트 설정을 완료한 후, ComponentOne MAUI NuGet 패키지에 대한 참조를 *.MauiControls 프로젝트에 추가합니다. FlexGrid를 사용하려면 C1.MAUI.Grid에 참조를 추가합니다. Calendar를 사용하려면 C1.MAUI.Calendar에 참조를 추가합니다.

9. AppBuilderExtensions 클래스에서, UseMauiControls 확장 메서드를 RegisterFlexGridControls 또는 RegisterCalendarControls, 또는 두 메서드를 모두 호출하도록 업데이트합니다.

using C1.Maui.Grid;
using C1.Maui.Calendar;

namespace MauiEmbeddingApp;

public static class AppBuilderExtensions
{
     public static MauiAppBuilder UseMauiControls(this MauiAppBuilder builder) 
 	    => builder
 		    .RegisterFlexGridControls()
			.RegisterCalendarControls()
			.ConfigureFonts(fonts =>
			{
				fonts.AddFont("MauiEmbeddingApp/Assets/Fonts/OpenSansRegular.ttf", "OpenSansRegular");
				fonts.AddFont("MauiEmbeddingApp/Assets/Fonts/OpenSansSemibold.ttf", "OpenSansSemibold");
			});
}

이 지침은 향후 업데이트에서 변경될 수도 있으므로, 문제가 발생하는 경우 항상 Uno Platform 문서를 확인해 주시길 바랍니다!

Uno Platform에서 FlexGrid 사용 

ComponentOne 컨트롤 라이브러리를 Uno 응용 프로그램에 추가하고 나면 컨트롤을 사용할 수 있습니다.

컨트롤의 API 및 동작은 MAUI에서와 똑같이 작동합니다.

단순한 데이터 그리드 대신 FlexGrid를 사용하면 다음과 같은 이점이 있습니다.

• 대용량 데이터 집합의 경우 우수한 성능 - FlexGrid는 그룹화, 집계, 페이징, 가상 모드를 통한 요청 시 스크롤과 같은 기능으로 대용량 데이터 집합을 보조할 수 있도록 디자인되었습니다.

• 손쉬운 사용자 정의 및 셀 서식 지정 - FlexGrid의 주요 장점 중 하나로 전체 그리드 및 개별 셀의 모든 측면을 유연하게 사용자 정의할 수 있습니다.

• 익숙하고 사용하기 쉬운 API - 수십 년 동안 수천 명의 개발자가 사용해 온 것과 동일한 NET 데이터 그리드가 기본적으로 MAUI용으로 개발되었기 때문에 WPF, WinUI 및 Blazor 등 다른 버전과 함께 Uno Platform MAUI Embedding 가능합니다.

MAUI FlexGrid 샘플을 확인해 보세요!

 아래 리소스를 사용해 데이터 그리드 기능을 코딩하는 방법에 대해 알아볼 수 있습니다.

• MAUI용 FlexGrid 문서

• MAUI용 FlexGrid 샘플 다운로드하기