.NET MAUI Image Auto Scrolling 하기

.NET MAUI Image Auto Scrolling 하기 가로로 긴 이미지를 가로로 자동 스크롤 하는 방법입니다. 1. OverFlower Nuget 패키지를 설치합니다.2. 스크롤할 이미지 구하고 프로젝트에 추가하기3. 화면에서 OverFlower 컨트롤 사용해서 이미지 처리 4. 결과* Reverse, SxrollDuration, ScrollDirection 등을 이용하여 이미지 흐르는 방향과 속도등을 조절할 수 있습니다.[Source] https://github.com/kei-soft/Maui.OverFlowerTest GitHub - kei-soft/Maui.O..

코딩/.NET MAUI 2024. 12. 11. 23:58

.NET MAUI Google reCAPTCHA 사용하기

.NET MAUI Google reCAPTCHA .NET MAUI에서 reCAPTCHA 기능을 사용하는 방법입니다.먼저 reCAPTCHA 기능을 사용하기 위해서는 아래 링크로 들어가서 SiteKey, SiteSecretKey를 발급 받아야 합니다.https://www.google.com/recaptcha/admin/create 로그인 - Google 계정이메일 또는 휴대전화accounts.google.com 아래처럼 선택 하고 라벨과 패키지 명을 입력합니다.제출하게 되면 아래 처럼 SiteKey, SiteSecretKey 가 발급되고 이를 기억해둡니다.https://www.google.com/recaptcha/admin 여기로 이동하면 발급한 목록을 확인할 수 있습니다.ReCaptchaService를 각..

코딩/.NET MAUI 2024. 12. 11. 00:05

.NET MAUI Frame GestureRecognizers 처리하기 (MVVM)

.NET MAUI Frame GestureRecognizers 처리하기 (MVVM) Frame과 GestureRecognizers란 무엇인가?Frame은 .NET MAUI에서 UI를 감싸거나 장식할 수 있는 컨트롤로, 그림자 효과, 둥근 모서리 및 배경 색상을 지원합니다. 이 컨트롤은 레이아웃이나 다른 요소를 포함할 수 있는 컨테이너 역할을 합니다.GestureRecognizers는 터치, 스와이프, 탭 등 사용자의 입력 제스처를 감지하는 데 사용됩니다. 이는 특정 UI 요소와 상호작용할 수 있는 기능을 제공합니다. 예를 들어 Frame에 TapGestureRecognizer를 추가하면 사용자가 Frame을 탭할 때 동작을 정의할 수 있습니다.이를 MVVM 패턴으로 구현하면 코드 비하인드에서의 로직이 최..

코딩/.NET MAUI 2024. 12. 1. 11:00

.NET MAUI Camera.MAUI 사용하기

.NET MAUI Camera.MAUI 사용하기 Camera.MAUI 를 사용하는 방법입니다.1. Camera.MAUI Nuget package 추가 2. Device 별 권한 추가Android - AndroidManifest.xml iOS - Info.plistNSCameraUsageDescription This app uses camera for... NSMicrophoneUsageDescription This app needs access to the microphone for record videos 3. MauiProgram.cs 에 코드 추가.UseMauiCameraView()using Camera.MAUI;using Microsoft.Extensions.Logging;namespace Ca..

코딩/.NET MAUI 2024. 11. 27. 21:33

.NET MAUI 에러 - INSTALL_FAILED_CONFLICTING_PROVIDER

.NET MAUI 에러 - INSTALL_FAILED_CONFLICTING_PROVIDER 패키지명칭을 바꾸고 기기로 디버깅하는데 아래와 같은 에러가 발생되었습니다.심각도 코드 설명 프로젝트 파일 줄 비표시 오류(Suppression) 상태오류 ADB0010: Mono.AndroidTools.InstallFailedException: Failure [INSTALL_FAILED_CONFLICTING_PROVIDER: Scanning Failed.: Can't install because provider name {your_app_id}.fileprovider (in package kr.kjun.visiontest) is already used by com.companyname.maui.visiontest]..

코딩/.NET MAUI 2024. 11. 24. 22:00

.NET MAUI iOS 배포 에러 - App Store Icon alpha channel

.NET MAUI iOS 배포 에러 - App Store Icon alpha channel iOS 에 Transporter 를 이용해 ipa 파일을 업로드 하였는데 아래 처럼 에러 메세지가 떴습니다.iOS 앱 아이콘 파일에 투명 영역(알파 값)이 포함된 경우, Apple은 이를 허용하지 않습니다.App Store에 업로드되는 아이콘은 반드시 불투명해야 하며, 투명한 픽셀값이 포함되어 있으면 앱스토어 배포 과정에서아래와 같은 오류 메시지가 나타납니다.이 에러는 Xamarin 때에도 비슷한 문제를 겪어 봐서 아이콘에 투명한 부분이 있는지 확인해 봤는데 투명한 부분이 없었습니다. 그래도 혹시나 하는 마음에 이미지를 다시 열어 알파체널 옵션을 제거하여 저장후 재배포 하였으나 같은 증상이 반복되었습니다.해결은 아..

코딩/.NET MAUI 2024. 11. 22. 00:00

.NET MAUI iOS 배포 및 디버깅 시 번들 서명 설정

.NET MAUI iOS 배포 및 디버깅 시 번들 서명 설정 * iOS 앱을 디버깅할 때서명에서 아래처럼 개발자(자동)로 선택하고 만들어 놓은 개발 프로파일을 선택합니다.Debug로 바꾸고 디버깅을 합니다.서명에서 프로필을 바꾸지 않으면 빌드만 되고 디버깅이 되지 않습니다. * iOS 앱을 배포할 때서명에서 아래처럼 수동으로 선택 배포 서명 ID를 선택하고 후 해당 앱 배포 프로파일을 선택합니다.Release로 바꾸고 원격 디바이스(맥과 연결된 있는 기기)를 선택하 게시를 누르면 보관처리가 됩니다.보관이 된 항목을 배포 ipa 파일로 만들어 줍니다.Transporter를 이용해 ipa를 업로드합니다.

코딩/.NET MAUI 2024. 11. 21. 23:09

.NET MAUI 다국어 적용하기

.NET MAUI 다국어 적용하기 이번에 앱을 하나 만들고 있는데 영어와 한국로 다국어 지원이 필요해서 다국어 처리를 해봤습니다..NET MAUI 에서 다국어 적용하는 방법입니다. 1. Resource 파일 추가아래처럼 Language 폴더를 하나 만들고 resource 파일을 만듭니다.하나는 기본언어(영어) 로 표시될 AppResources.resx 파일과 한국어로 표시될 AppResources.ko.resx 파일을 추가합니다.리소스 파일은 아래처럼 새 항목 추가에서 리소스로 검색하면 나옵니다. 2. 다국어 사전 추가이제 resx 파일을 선택하면 아래와 같은 화면이 나타납니다.아래화면을 보면 알 수 있듯이 AppResources 파일을 자동인식하여 컬럼이 추가됩니다.여기에서 사용될 사전키와 중립값(영어..

코딩/.NET MAUI 2024. 11. 9. 21:36

Syncfusion MAUI 소스를 오픈소스로 공개

Syncfusion MAUI 소스를 오픈소스로 공개자주쓰던 컨트롤이었는데 소스를 오픈했습니다곧 MAUI 를 다시 시작하려고 하는데많은 도움이 될 것 같네요^^https://devblogs.microsoft.com/dotnet/dotnet-maui-welcomes-syncfusion-open-source-contributions/ .NET MAUI Welcomes Syncfusion Open-source Contributions - .NET BlogAnnouncing the release of the Syncfusion Toolkit for .NET MAUI, a set of free, open-source controls for .NET MAUI! Syncfusion has made 14 impressi..

코딩/.NET MAUI 2024. 10. 23. 07:05

MAUI 에서 AdMob 처리하기 - .NET 8 기준

MAUI 에서 AdMob 처리하기 - .NET 8 기준 이전 포스팅에서 광고적용 코드를 알아보았는데 .NET6 기준이라 현재 사용하는데 문제가 있습니다2024.05.09 - [코딩/.NET MAUI] - .NET MAUI AdMob 광고 적용하기 (전면, 배너, 보상) .NET8 버전으로 알아보겠습니다. Nuget 패키지 설치먼저 아래 Nuget Package 를 설치합니다.Plugin.MauiMTAdmobXamarin.Google.iOS.MobileAds csproj 파일 편집 Plugin.MauiMTAdmob 패키지는 ios, android 만 지원하여 csproj 파일 편집이 필요합니다.csproj 파일의 PropertyGroup 에서 TargetFrameworks 를 아래처럼 android, ..

코딩/.NET MAUI 2024. 6. 23. 23:41

.NET MAUI Google Vision 사용하기

.NET MAUI Google Vision 사용하기 MAUI 에서 Google Vision 사용하는 방법입니다.1. 'BarcodeScanner.Mobile.Maui' Nuget Package 설치https://github.com/JimmyPun610/BarcodeScanner.Mobile GitHub - JimmyPun610/BarcodeScanner.Mobile: Barcode Scanner using GoogleVision API for Xamarin Form, MauiBarcode Scanner using GoogleVision API for Xamarin Form, Maui - JimmyPun610/BarcodeScanner.Mobilegithub.com 2. BarcodeScannerHandl..

코딩/.NET MAUI 2024. 6. 15. 08:10

.NET MAUI ViewModel 단에서 DisplayPromptAsync 사용하기

.NET MAUI ViewModel 단에서 DisplayPromptAsync 사용하기 DisplayPromptAsync 는 사용자가 입력한 데이터를 처리하기위해 사용됩니다.이를 ViewModel 단에서 사용하는 방법을 알아봅니다.using System.ComponentModel;using System.Runtime.CompilerServices;using Maui.ControlTest.Models;namespace Maui.ControlTest.ViewModels{ public class MainViewModel : INotifyPropertyChanged { public event PropertyChangedEventHandler PropertyChanged; pro..

코딩/.NET MAUI 2024. 5. 16. 21:46

.NET MAUI Picker 사용 방법

.NET MAUI Picker 사용 방법 Picker는 사용자가 제공된 옵션 중에서 하나를 선택할 수 있게 해주는 컨트롤입니다기본 사용법을 알아봅니다. XAML Korea Sudan United States Japan China Macedonia Greece MVVM MainViewModel.csusing System.ComponentModel;using System.Runtime.CompilerServices;using Maui.ControlTest.Models;namespace Maui.ControlTest.V..

코딩/.NET MAUI 2024. 5. 16. 21:04

.NET MAUI Circle Image 표시하기

.NET MAUI Circle Image 표시하기 1. Border 의 StrokeShape 이용이전 포스팅에서 사용법 참고 :2024.05.06 - [코딩/.NET MAUI] - .NET MAUI PancakeView 결과 2. Frame 을 이용 결과

코딩/.NET MAUI 2024. 5. 16. 20:56

.NET MAUI TableView 사용하기

.NET MAUI TableView 사용하기 TableView는 .NET MAUI에서 데이터 또는 선택사항을 표시하기 위한 스크롤 가능한 리스트를 보여주는 뷰로, 행이 직접적으로 데이터 항목에 대응되지 않는 경우에 사용됩니다.ListView나 CollectionView보다 특수화된 기능을 제공하며, 텍스트, 스위치, 버튼과 같은 상호 작용적 요소들을 섹션으로 그룹화 할 수 있습니다.아래 예시 코드에서 알 수 있듯이 TableSection 으로 나누게 되면 그룹화가 되어 화면이 표시됩니다. TextCell, ImageCell, Sw..

코딩/.NET MAUI 2024. 5. 12. 22:50

.NET MAUI iOS Xcode 구버전 설치하는 방법

.NET MAUI iOS Xcode 구버전 설치하는 방법 Xcode 구버전이 필요한 경우가 있습니다.이때는 빌드 Mac 에서 Xcode 버전을 낮춰야 하는데요 먼저 아래 사이트로 들어가 원하는 Xcode 버전을 다운 받습니다.https://developer.apple.com/download/all/버전 다운 시 로그인이 필요합니다.xip 파일을 받으면 아래처럼 압축되어 있는 상태입니다.압축을 풀어줍니다. (압축을 풀 때 용량이 커지므로 가용공간이 있는지 확인이 필요합니다.)압축을 풀면 아래처럼 Xcode 패키지 파일이 생깁니다.이를 응용프로그램 폴더에 옮기면 이동하면 기존 파일을 대치 하게되면 구버전 설치가 완료됩니다.별도의 설치과정이 필요한 게 아닌 패키지 파일이동으로 구버전 설치가 됩니다.이제 Xco..

코딩/.NET MAUI 2024. 5. 10. 10:06

.NET MAUI 특정 위치 기준 지도 열기 (Open Map)

.NET MAUI 특정 위치 기준 지도 열기 (Open Map) 특정 위치의 위도 경도 기준으로 폰에 설치된 맵앱을 열어서위치를 표시하거나 운전해서 가는 길을 알려주도록 하는 방법을 알아봅니다.예시로 가볼 곳은 관문 체육공원입니다. 관문체육공원의 위도경도는 아래와 같습니다.예) 관문체육공원 - 37.442018, 126.996245 위도 경도 정보 얻은 곳 : https://mapszoom.com/kr/gps-coordinates.php?town=Seoul Seoul – GPS 의 좌표.지리, 온라인에서 정치적, 지형 상세한 한국지도와 세계 2024 - www.MAPSzoom.com 세계의지도에 고급 검색 : 도시, 도로, 거리, 집, 어디 지구상의 모든 정착촌 그림입니다. 세계지도에서 도시와 국가 사..

코딩/.NET MAUI 2024. 5. 10. 07:37

.NET MAUI Audio/Music 재생하기

.NET MAUI Audio/Music 재생하기 1. "Plugin.Maui.Audio" Nuget Pakcage 설치https://github.com/jfversluis/Plugin.Maui.Audio GitHub - jfversluis/Plugin.Maui.Audio: Plugin.Maui.Audio provides the ability to play audio inside a .NET MAUI applicationPlugin.Maui.Audio provides the ability to play audio inside a .NET MAUI application - jfversluis/Plugin.Maui.Audiogithub.com2. mp3 파일 넣기Resources > Raw 폴더에 mp3 파일..

코딩/.NET MAUI 2024. 5. 10. 07:26

.NET MAUI AdMob 광고 적용하기 (전면, 배너, 보상)

.NET MAUI AdMob 광고 적용하기 (전면, 배너, 보상) 1. "Plugin.MauiMTAdmob" Nuget 설치 2. Nuget 설치시 오류 발생 시 처리 (오류 발생하지 않으면 패스)오류내용'C:\Users\kjun\.nuget\packages\xamarin.firebase.ios.core\8.10.0.1\lib\xamarinios10\Firebase.Core.resources\GoogleUtilitiesComponents.xcframework\ios-arm64_i386_x86_64-simulator\GoogleUtilitiesComponents.framework\PrivateHeaders\GULCCComponentContainerInternal.h' 경로의 일부를 찾을 수 없습니다.- 누..

코딩/.NET MAUI 2024. 5. 9. 23:24

.NET MAUI BarCode/QRCode 사용하기 - ZXing

.NET MAUI BarCode/QRCode 사용하기 - ZXing 1. ZXing.Net.Maui.Controls Nuget 설치https://github.com/Redth/ZXing.Net.Maui GitHub - Redth/ZXing.Net.Maui: Barcode Scanning for MAUI?Barcode Scanning for MAUI? Contribute to Redth/ZXing.Net.Maui development by creating an account on GitHub.github.com 2. MauiProgram.cs 에 코드 추가using Microsoft.Extensions.Logging;using ZXing.Net.Maui.Controls;namespace Maui.Zxing..

코딩/.NET MAUI 2024. 5. 9. 00:12

KeiStory