개발노트

- CommunityToolKit 의 MediaElement 세팅방법 이전 포스팅: https://mroh1226.tistory.com/55 31. [.NET MAUI] CommunityToolKit 으로 앱에서 동영상(.mp4) 재생하기 (+ NU1605 오류 해결) 드디어 CommunityToolkit 누겟에서 MAUI앱에서 동영상을 재생할 수 있게 만들어주는 기능이 추가되었습니다. (정식버전 아님) 이 누겟은 .NET 7.0 과 같이 배포하는 것을 목표로 하기때문에 .NET 7으로 업 mroh1226.tistory.com 실전에 사용하기 MVVM 패턴으로 개발하신다면 아래와 같이 따라해주세요. Uri가 아닌 Resources 안의 mp4를 불러오는 방법도 포함하였습니다. 1. 사용할 .mp4 파일을..

드디어 CommunityToolkit 누겟에서 MAUI앱에서 동영상을 재생할 수 있게 만들어주는 기능이 추가되었습니다. (정식버전 아님) 이 누겟은 .NET 7.0 과 같이 배포하는 것을 목표로 하기때문에 .NET 7으로 업데이트하는 것을 권장드립니다. 또한, .NET 7.0은 안드로이드 API 33을 타깃으로하며, 닷넷 업데이트 시, 원래있던 안드로이드 API 32, 31, 30 등 지워 버 리기 때문에.. 타깃 API가 33이하라면 주의가 필요합니다. 아래 설명은 이를 이용한 동영상 기능구현으로, 기존에 개발중인 프로젝트가 .NET 7이 아니라면 호환성 문제로 여러 오류와 마주하게 되니 주의가 필요합니다. - 참고링크: https://blog.verslu.is/maui/mediaelement-for-..

모바일에는 Dark Mode라는 기능으로 핸드폰의 테마를 변경할 수 있다. 다크모드, 라이트모드에서의 Control의 Color 동일하다면 사용자입장에서 불편을 겪을 수 있다. 이를 해결하기 위해 Control에서 {AppThemeBinding} 태그 확장을 이용하여 Color 뿐만 아니라 다크모드, 라이트모드에서의 Property 값을 지정할 수 있다. - 참고링크: https://learn.microsoft.com/ko-kr/dotnet/maui/xaml/markup-extensions/consume#appthemebinding-markup-extension XAML 태그 확장 사용 - .NET MAUI .NET MAUI XAML 태그 확장은 다양한 원본에서 요소 특성을 설정할 수 있도록 하여 XAM..

xaml에 작성된 Control들을 맨앞으로, 맨뒤로 자유롭게 우선순위를 둬서 보여지게하고 싶다면 ZIndex를 사용하면된다. 숫자가 클수록 앞에 위치하게되며 모든 컨트롤에서 사용가능하다. - 참고링크: https://www.syncfusion.com/blogs/post/handling-overlay-elements-in-net-maui-with-zindex.aspx Handling Overlay Elements in .NET MAUI with ZIndex | Syncfusion Blogs In the .NET MAUI Preview 12 release, the ZIndex property was introduced to handle overlay elements in the view. Here’s al..

.NET MAUI에 드디어 Sound File을 재생할 수 있는 누겟(NuGet)이 배포되었다. 이를 가지고 에 소리를 넣어보는 예제를 만들어 본다. - 참고링크: https://www.youtube.com/watch?v=oIYnEuZ9oew 준비물 세팅 1. NuGet 패키지 관리자에 들어간다. 2. Plugin.Maui.Audio를 검색하여 설치한다. (시험판) - 시나리오: StartPage.xaml에 있는 을 Tap하면 소리와함께 고양이가 회전한다. 3. 에 을 통해 ViewModel에서 구현할 cmd_Tapping를 바인딩시킨다. 는 클릭된 고양이(Frame)가 회전하기 위해 넣은 것이라 안해도 무방하다. StartPage.xaml 4. StartPage.xaml.cs 에 ViewModel로 사..

하나의 컨트롤에 2가지 값을 넘겨주고싶을 때 MultiBinding을 사용하여 이를 해결 할 수 있다. 같은 컨트롤의 여러 값이 필요한 상황이라면 {Binding .} 이나 ObservationCollection을 사용하면 해결된다. 하지만, 다른 컨트롤의 여러값이 필요한 상황이라면 이야기가 달라진다. 예를 들어 하나의 Button에 여러개의 CommandParameter를 줘야하는 상황이 온다면, IMultiValueConverter 를 이용하여 MultiBinding을 할 수 있다. Button에 버튼클릭 Command도 Binding하고, CommandParameter로 2개 이상의 Parameter 값을 전달 받아보자. 1. 자신이 원하는 Parameter들을 받을 수 있는 객체를 Model에 생..

.NET MAUI App에 같은 유형의 여러개 문제를 내는 화면을 만들어 본다. 문제 하나당 Page를 각각 따로 만드는 것보다 하나의 Page에 문제만 변경하여 뿌려주는 것이 효율 적이다. 또한, 이 문제가 한 화면에서 랜덤하게 나오려면 어떻게 해야할지 알고리즘을 작성해본다. 이를 예시로 아래 MyMaui라는 토이프로젝트에 구현해본다. [시나리오] FoodQuizPage라는 화면에서 4개의 음식 가격을 맞추게되면 RewardPage라는 보상화면으로 이동한다. 이때, ObservableCollection를 이용하여 문제가 랜덤하게 나오도록 알고리즘을 작성해본다. QuizEntity.cs (Model) using SkiaSharp.Extended.UI.Controls; using System; using ..

ObservableCollection 을 CarouselView나 CollectionView 등 에서 사용하려면, ItemsSource = {Binding ObservableCollection명} 을 선언해주게 된다. 이 선언 때문에 CarouselView 나 CollectionView 내부의 Binding은 ItemsSource에서 Binding한 ObservableCollection에 포함된 값만 Binding 할수 있게된다. 하지만, CarouselView 나 CollectionView 안에 Button이라도 넣어야하는 상황이 오면 추가적으로 Command를 바인딩해야하는 상황이 생긴다. 위와같은 상황을 해결하기 위해서 이번 시간에는 ItemsSource에 포함되지 않은 요소를 Binding하는 법..

WinForm이나 WPF 등 플렛폼에서 사용되던 상용 컨트롤인 DevExpress가 Xamarin에 이어 .NET MAUI에 무료로 배포되었다. 이번시간에는 무료로 제공되는 DevExpress MAUI를 프로젝트에 적용하기 위해 NuGet 패키지를 설치해보는 작업을 설명한다. 1. 아래 설치 링크로 들어가 Log-In을 하고 GET IT FREE 버튼을 클릭한다. - 설치링크: https://www.devexpress.com/maui/ .NET MAUI Controls - FREE | DevExpress A control suite for .NET MAUI ships with high-performance UI components. Includes a Data Grid, Scheduler, Charts,..

마우이 커뮤니티에서 깃허브 링크를 공유받았는데 .NET MAUI 에서도 이제 Lottie를 사용할 수 있게 된 것 같다. Gif 파일에 IsAnimationPlaying = True 로 줘도 실행이 안되는 문제에 대한 고민이 다른 방법으로 해결되었다. Lottie의 존재를 미리 알고있어서 Xamarin에서 사용했던 것 처럼 MAUI에도 Nuget이 나올거라고 생각했지만 SkiaSharp를 통해 해결가능하다는 것을 알게되어 이 방법을 먼저 포스팅하게 되었다. - 공유받은 깃허브 링크: https://www.youtube.com/watch?v=o5X5yXdWpuc https://github.com/roubachof/Sharpnado.TaskLoaderView/tree/maui GitHub - roubacho..