Bagikan melalui

Ikon TabbedPage di Windows

  • Artikel

Platform khusus Platform Windows Universal ini memungkinkan ikon halaman ditampilkan pada toolbarTabbedPage, dan menyediakan kemampuan untuk menentukan ukuran ikon secara opsional. Ini digunakan dalam XAML dengan mengatur TabbedPage.HeaderIconsEnabled properti terlampir ke true, dan dengan secara opsional mengatur TabbedPage.HeaderIconsSize properti terlampir ke Size nilai:

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

Atau, dapat dikonsumsi dari C# menggunakan API fasih:

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" });
  }
}

Metode TabbedPage.On<Windows> menentukan bahwa khusus platform ini hanya akan berjalan pada Platform Windows Universal. Metode TabbedPage.SetHeaderIconsEnabled , di Xamarin.Forms.PlatformConfiguration.WindowsSpecific namespace, digunakan untuk mengaktifkan atau menonaktifkan ikon header. Metode ini TabbedPage.SetHeaderIconsSize secara opsional menentukan ukuran ikon header dengan Size nilai.

Selain itu, TabbedPage kelas di Xamarin.Forms.PlatformConfiguration.WindowsSpecific namespace layanan juga memiliki EnableHeaderIcons metode yang memungkinkan ikon header, DisableHeaderIcons metode yang menonaktifkan ikon header, dan IsHeaderIconsEnabled metode yang mengembalikan boolean nilai yang menunjukkan apakah ikon header diaktifkan.

Hasilnya adalah bahwa ikon halaman dapat ditampilkan pada TabbedPage toolbar, dengan ukuran ikon secara opsional diatur ke ukuran yang diinginkan:

Ikon TabbedPage diaktifkan khusus platform