개발노트

- 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-..

초기 프로젝트의 이미지파일은 Resources\Images 에 들어간 파일만 적용이된 것을 확인할 수 있다. 만약 Images 폴더가 아닌 곳이나 Images 디렉토리에 디렉토리를 추가로 생성한다면, 아래와 같이 해주어야 정상적으로 적용된다. 1. Images에 추가 디렉토리 생성 2. 프로젝트 우클릭 > 프로젝트 파일 편집 3. 프로젝트 소스에 안에 Include Property에 경로를 추가해준다. 이제 빌드하면 프로젝트 소스에 추가된 경로의 이미지가 잘 적용된다.

CarouselView의 Item이 변경될 때 다른 컨트롤의 값이나 구성이 변경되는 기능이 필요할 때가 있다. 이 기능을 MVVM으로 작성하려면 다음과 같이 하면된다. - 참고링크: https://learn.microsoft.com/en-us/dotnet/maui/user-interface/controls/carouselview/interaction?view=net-maui-7.0 Configure CarouselView interaction - .NET MAUI The currently displayed item in a .NET MAUI CarouselView can be accessed through the CurrentItem and Position properties. learn.microsof..

모바일에는 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..

이번 시간에는 Stopwatch를 이용하여 화면이 생성되고 나서부터 10초간 시간제한이 있는 화면을 만들어본다. MVVM 패턴으로 ViewModel에 있는 스톱워치를 View에 바인딩( Binding)하여 특정시간에 알림과 화면이 사라지는 기능을 추가한다. - 참고링크: https://learn.microsoft.com/ko-kr/dotnet/api/system.diagnostics.stopwatch?view=net-6.0 Stopwatch 클래스 (System.Diagnostics) 경과 시간을 정확하게 측정하는 데 사용할 수 있는 일련의 메서드와 속성을 제공합니다. learn.microsoft.com 1. Stopwatch의 시간을 볼 수 있도록 QnAPage.xaml(Voew)에 InTime이라는 ..

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 ..