Windows에서 아이콘 TabbedPageTabbedPage Icons on Windows

샘플 다운로드 샘플 다운로드Download Sample Download the sample

이 유니버설 Windows 플랫폼 플랫폼별를 사용 하 여 페이지 아이콘을 TabbedPage 도구 모음에 표시 하 고 필요에 따라 아이콘 크기를 지정할 수 있는 기능을 제공 합니다.This Universal Windows Platform platform-specific enables page icons to be displayed on a TabbedPage toolbar, and provides the ability to optionally specify the icon size. 설정 하 여 XAML에서 사용 되는 TabbedPage.HeaderIconsEnabled 연결 된 속성을 true, 필요에 따라 설정 하 고는 TabbedPage.HeaderIconsSize 연결 된 속성을 Size 값:It's consumed in XAML by setting the TabbedPage.HeaderIconsEnabled attached property to true, and by optionally setting the TabbedPage.HeaderIconsSize attached property to a Size value:

<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>

또는 fluent API를 사용 하 여 C#에서 사용할 수 있습니다.Alternatively, it can be consumed from C# using the fluent API:

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 플랫폼에만 실행 되도록 지정 합니다.The TabbedPage.On<Windows> method specifies that this platform-specific will only run on the Universal Windows Platform. 합니다 TabbedPage.SetHeaderIconsEnabled 메서드는 Xamarin.Forms.PlatformConfiguration.WindowsSpecific 네임 스페이스는 헤더 아이콘 켜기 / 끄기 하는 데 사용 됩니다.The TabbedPage.SetHeaderIconsEnabled method, in the Xamarin.Forms.PlatformConfiguration.WindowsSpecific namespace, is used to turn header icons on or off. TabbedPage.SetHeaderIconsSize 사용 하 여 헤더 아이콘 크기를 선택적으로 지정 하는 메서드를 Size 값입니다.The TabbedPage.SetHeaderIconsSize method optionally specifies the header icon size with a Size value.

또한 합니다 TabbedPage 클래스를 Xamarin.Forms.PlatformConfiguration.WindowsSpecific 네임 스페이스 역시를 EnableHeaderIcons 머리글 아이콘을 사용 하도록 설정 하는 메서드는 DisableHeaderIcons 머리글 아이콘을 사용 하지 않도록 설정 하는 메서드 및 IsHeaderIconsEnabled 반환 하는 메서드를 boolean 머리글 아이콘 사용 되는지 여부를 나타내는 값입니다.In addition, the TabbedPage class in the Xamarin.Forms.PlatformConfiguration.WindowsSpecific namespace also has a EnableHeaderIcons method that enables header icons, a DisableHeaderIcons method that disables header icons, and a IsHeaderIconsEnabled method that returns a boolean value that indicates whether header icons are enabled.

결과 해당 페이지에 아이콘을 표시할 수 있습니다는 TabbedPage 필요에 따라 원하는 크기로 설정 아이콘 크기를 사용 하 여 도구 모음:The result is that page icons can be displayed on a TabbedPage toolbar, with the icon size being optionally set to a desired size:

TabbedPage 사용 하도록 설정 하는 아이콘 플랫폼별TabbedPage icons enabled platform-specific