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>

または、fluent 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 プラットフォームでのみ実行されるように指定します。 名前空間の Xamarin.Forms.PlatformConfiguration.WindowsSpecific メソッドはTabbedPage.SetHeaderIconsEnabled、ヘッダー アイコンのオンとオフを切り替えるために使用されます。 メソッドは TabbedPage.SetHeaderIconsSize 必要に応じて、ヘッダー アイコンのサイズを値で Size 指定します。

さらに、 名前空間の TabbedPageXamarin.Forms.PlatformConfiguration.WindowsSpecific クラスには EnableHeaderIcons 、ヘッダー アイコンを有効にするメソッド、ヘッダー アイコンを DisableHeaderIcons 無効にするメソッド、ヘッダー IsHeaderIconsEnabled アイコンが有効かどうかを示す値を返す boolean メソッドもあります。

その結果、ページ アイコンはツール バーに TabbedPage 表示でき、アイコン サイズは必要に応じて目的のサイズに設定されます。

TabbedPage アイコンが有効になっているプラットフォーム固有の