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
指定します。
さらに、 名前空間の TabbedPage
Xamarin.Forms.PlatformConfiguration.WindowsSpecific
クラスには EnableHeaderIcons
、ヘッダー アイコンを有効にするメソッド、ヘッダー アイコンを DisableHeaderIcons
無効にするメソッド、ヘッダー IsHeaderIconsEnabled
アイコンが有効かどうかを示す値を返す boolean
メソッドもあります。
その結果、ページ アイコンはツール バーに TabbedPage
表示でき、アイコン サイズは必要に応じて目的のサイズに設定されます。