[X.Form] ResizetizerNT

看 Cross-platform Images Simplified with ResizetizerNT 介紹才知道的開源套件，基本上就是把 Image 轉為各平台定義格式，設定和使用都很簡易

從 nuget 上安裝 ResizetizerNT

Share Project 內放置一張圖片，文件上是說 SVG 或 PNG 圖片都可以，但影片建議是用 SVG，並把該圖片的 Build Action 設定為 SharedImage

Project Property 內設定圖片 BaseSize，基本上這就是最小 Size

<Project Sdk="Microsoft.NET.Sdk">
  <ItemGroup>
    <SharedImage Include="Image\Xamarin.svg" BaseSize="60,60"/>
  </ItemGroup>
</Project>

對 project 進行 build 之後，各平台內就可以發現有 Resizetizer 資料夾，資料夾內可以找到不同 Size 的 png 檔案

寫個簡單 xaml 並把 app 部屬至模擬器來看看效果囉

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             mc:Ignorable="d"
             x:Class="ResizetizerDemo.MainPage">

    <StackLayout>
        <Label Text="Welcome to Resizetizer NT!" 
           HorizontalOptions="Center"
           VerticalOptions="Center" 
           FontSize="Large"
           FontAttributes="Bold"/>
        <Image Source="Xamarin.png" 
               WidthRequest="360" 
               HeightRequest="360" 
               VerticalOptions="CenterAndExpand" />
    </StackLayout>

</ContentPage>

• 相關資料
• GitHub
• Shared Images for Xamarin with Resizetizer NT