KeiStory

728x90
반응형

.NET MAUI SearchBar

.NET MAUI SearchBar SearchBar 컨트롤을 사용하는 방법을 알아봅니다.1. No MVVM- 문자열이 입력되는 순간 검색이 이루어집니다.MainPage.xaml MainPage.xaml.csusing Maui.SearchBarTest.Services;n..
코딩/.NET MAUI 2024. 5. 6. 22:25

.NET MAUI PancakeView

.NET MAUI PancakeView PancakeView package 는 지정한 모서리를 둥글게 만들어 주는 기능을 가지고 있습니다.Xamarin 프로젝트를 할 때 아주 유용하게 사용했습니다.하지만 MAUI 에서 사용하려고 보니 아직은 지원이 되지 않는 것 같아 찾아보니Border 의 StrokeShape 를 이용해 PancakeView 를 따라 할 수 있어 그 방법을 알아봅니다ConerRadius 의 값 4가지를 이용하면 되는데 각 값은 순서대로 상좌, 상우, 하좌, 하우 값으로 값을 의미합니다.아래처럼 이 값을 0 으로 주게 되면 직각으로 되고 숫자를 주게 되면 그만큼 곡선 처리가 됩니다.  예시 ..
코딩/.NET MAUI 2024. 5. 6. 22:11

.NET MAUI 그림자(Shadow) 넣기

.NET MAUI 그림자(Shadow) 넣기 MAUI 의 컨트롤에는 거의 그림자(Shadow) 속성을 가지고 있습니다.이를 이용하면 버튼이나 라벨에 그림자 효과를 줄 수 있습니다.아래는 Label 을 이용한 방법의 예시입니다. Radius 는 그림자의 선명도를 의미하고 Offset 은 그림자의 위치로 거리를 얼마나 떨어뜨릴지를 의미합니다.결과 Button 또한 Label 과 동일하게 사용이 가능합니다. ..
코딩/.NET MAUI 2024. 5. 6. 21:21

.NET MAUI XAML Styler 이용해 XAML 가독성 높이기

.NET MAUI XAML Styler 이용해 XAML 가독성 높이기 XAML 쪽은 화면 구성을 하다 보면 속성 순서가 뒤죽박죽이 되고 열도 안 맞게 됩니다.들여 쓰기 등은 해주긴 하는데 속성의 순서가 뒤죽박죽 되고 한 줄로 되어있으면 수정할 때 번거롭습니다.그런데 XAML Styler 를 이용하면 이를 한 번에 해결해 줍니다.XAML Styler 를 설치하고 적용하는 방법에 대해서 알아봅니다. 아래 링크로 들어가서 다운로드하여 설치합니다.Visual Studio 가 실행되고 있다면 끄고 설치를 진행합니다.https://marketplace.visualstudio.com/items?itemName=TeamXavalon.XAMLStyler2022 XAML Styler for Visual Studio 202..
코딩/.NET MAUI 2024. 5. 6. 14:10

.NET MAUI Lottie 적용하기

.NET MAUI Lottie 적용하기 Xamarin 에서 Lottie 를 정말 유용하게 사용했습니다.움직이는 이미지가 필요한 경우 자주 사용했는데요Lottie 는 json 형태의 Lottie 파일을 가지고 움직이는 이미지를 사용할 수 있습니다제한적이지만 편집도 가능해서 색상등을 변경하여 적용할 수도 있습니다. Xamarin 에서 사용했던 Lottie 를 .NET MAUI 에서 사용방법을 알아봅니다.MAUI 프로젝트를 만들고 Nuget Package 중에 SkiaSharp.Extended.UI.Maui 을 찾아 설치합니다.설치 후 MauiProgram.cs 에 아래와 같이 .UseSkiaSharp() 을 추가합니다using SkiaSharp.Views.Maui.Controls.Hosting;namespa..
코딩/.NET MAUI 2024. 5. 6. 11:43
◀ 1 ▶
반응형

티스토리툴바