본문 바로가기

Programming/Xamarin

Xamarin forms 에서 svg file 사용하기

반응형


1. Xamarin.FFImageLoading package 사용

Nuget Package가 제공됨. 패키지 설치 진행


git : https://github.com/luberda-molinet/FFImageLoading


2. [Android] MainActivity.cs Oncreate()에 랜더러 초기화코드 추가

1
CachedImageRenderer.Init(true);



+IOS도 마찬가지로 AppDeletage.cs FinishedLaunching()에 랜더러 초기화 코드 추가


3. svg 파일추가

svg 파일을 .NET Standard project에 embedded resource 타입으로 추가하여 Android/IOS에서 공유하여 사용하도록 했음


4. 사용

1
2
3
4
5
6
7
            <svg:SvgCachedImage Grid.Row="0" 
                                WidthRequest="170" 
                                HeightRequest="170" 
                                HorizontalOptions="Center"
                                VerticalOptions="End"
                                Margin="30"
                                Source="resource://ProjectName.Resources.Images.Test_Icon.svg"/>






반응형