Windows의 TabbedPage 아이콘

이 유니버설 Windows 플랫폼 플랫폼별로 사용하면 도구 모음에 TabbedPage 페이지 아이콘을 표시할 수 있으며 선택적으로 아이콘 크기를 지정할 수 있습니다. 연결된 속성을 TabbedPage.HeaderIconsEnabled />로 설정하고 필요에 따라 연결된 속성을 값으로 true설정 TabbedPage.HeaderIconsSize 하여 XAML에서 Size 사용합니다.

<TabbedPage ...
            xmlns:windows="clr-namespace:Xamarin.Forms.PlatformConfiguration.WindowsSpecific;assembly=Xamarin.Forms.Core"
            windows:TabbedPage.HeaderIconsEnabled="true">
    <windows:TabbedPage.HeaderIconsSize>
        <Size>
            <x:Arguments>
                <x:Double>24</x:Double>
                <x:Double>24</x:Double>
            </x:Arguments>
        </Size>
    </windows:TabbedPage.HeaderIconsSize>
    <ContentPage Title="Todo" IconImageSource="todo.png">
        ...
    </ContentPage>
    <ContentPage Title="Reminders" IconImageSource="reminders.png">
        ...
    </ContentPage>
    <ContentPage Title="Contacts" IconImageSource="contacts.png">
        ...
    </ContentPage>
</TabbedPage>

또는 흐름 API를 사용하여 C#에서 사용할 수 있습니다.

using Xamarin.Forms.PlatformConfiguration;
using Xamarin.Forms.PlatformConfiguration.WindowsSpecific;
...

public class WindowsTabbedPageIconsCS : Xamarin.Forms.TabbedPage
{
  public WindowsTabbedPageIconsCS()
  {
    On<Windows>().SetHeaderIconsEnabled(true);
    On<Windows>().SetHeaderIconsSize(new Size(24, 24));

    Children.Add(new ContentPage { Title = "Todo", IconImageSource = "todo.png" });
    Children.Add(new ContentPage { Title = "Reminders", IconImageSource = "reminders.png" });
    Children.Add(new ContentPage { Title = "Contacts", IconImageSource = "contacts.png" });
  }
}

이 메서드는 TabbedPage.On<Windows> 이 플랫폼별이 유니버설 Windows 플랫폼만 실행되도록 지정합니다. TabbedPage.SetHeaderIconsEnabled 네임스페이스의 Xamarin.Forms.PlatformConfiguration.WindowsSpecific 메서드는 헤더 아이콘을 켜거나 끄는 데 사용됩니다. 메서드는 TabbedPage.SetHeaderIconsSize 필요에 따라 값이 있는 Size 헤더 아이콘 크기를 지정합니다.

또한 TabbedPage 네임스페이스의 클래스 Xamarin.Forms.PlatformConfiguration.WindowsSpecific 에는 EnableHeaderIcons 헤더 아이콘을 사용하도록 설정하는 메서드, DisableHeaderIcons 머리글 아이콘을 사용하지 않도록 설정하는 메서드 및 IsHeaderIconsEnabled 헤더 아이콘을 사용할 수 있는지 여부를 나타내는 값을 반환 boolean 하는 메서드도 있습니다.

그 결과 도구 모음에 TabbedPage 페이지 아이콘을 표시할 수 있으며 아이콘 크기는 필요에 따라 원하는 크기로 설정됩니다.

TabbedPage 아이콘 사용 플랫폼별