コメント
コメントの投稿
※名前とタイトルが入力されていないコメントでは他のコメントとの区別ができません。
入力されていないコメントには返信しませんのであらかじめご了承くださいませ。
ToolbarItemの表示方法 | Xamarin.Forms
- 2017/09/22
- 14:17
今回はXamarin.FormsでToolbarItemを表示する方法をご紹介いたします。
ヘッダー部に常時表示されることになりますが、ToolbarItemの数が３つ以上になるとセカンダリー部分に表示されます。
（※iOSはグレーのバーが表示されます。Androidは縦の「…」表示という省略形での表示となります。）
尚、iOSでのセカンダリーツールバーは標準とは変更して表示してあります。以前の記事「iOSのセカンダリツールバーをカスタマイズする方法」でご紹介しておりますのでご参考ください。
iOS10
Android7.0
前提条件
・Windows10 Pro 64Bit
・Visual Studio 2015 Community Update3
・Xamarin 4.3.0.795 (NuGet Xamarin.Forms 2.3.4.270)
・macOS Sierra 10.12.4 / Xcode8.3.1 / Xamarin.iOS 10.6.0.10
１．ToolbarItemの設定
通常のコンテントページに記載します。TestPage.xaml.cs
namespace AppName.Views
{
public partial class TestPage : ContentPage
{
public TestPage()
{
ToolbarItem tItem1 = new ToolbarItem
{
Icon = "create.png",
Text = "新規作成",
Priority = 1,
Order = ToolbarItemOrder.Primary,
Command = Command = new Command(() =>
{
//ボタンを押下した際の処理を記述します。
}),
};
ToolbarItem tItem2 = new ToolbarItem
{
Icon = "check.png",
Text = "チェック",
Priority = 2,
Order = ToolbarItemOrder.Primary,
Command = new Command(() =>
{
//ボタンを押下した際の処理を記述します。
}),
};
ToolbarItem tItem3 = new ToolbarItem
{
Icon = "paste.png",
Text = "貼り付け",
Priority = 3,
Order = ToolbarItemOrder.Secondary,
Command = new Command(() =>
{
//ボタンを押下した際の処理を記述します。
}),
};
//ツールバーとして設定します。
this.ToolbarItems.Add(tItem1);
this.ToolbarItems.Add(tItem2);
this.ToolbarItems.Add(tItem3);
}
}
}
Priority：表示される順位となります。優先的な項目から１つづ加算して設定すると良いでしょう。Orderを全てプライマリで設定した場合、このプライマリが多いほうがセカンダリツールバーとして表示されます。
Order：プライマリまたはセカンダリを設定します。セカンダリの場合はヘッダー最上部には表示されなくなります。
また、アイコンファイルの保存先につきましては以前の記事「ボタンに画像を表示する方法」でご紹介しておりますので、ご参考ください。
最後までお読みいただきありがとうございます。
当ブログの内容をまとめた Xamarin逆引きメニュー は以下のURLからご覧になれます。
https://itblog.dynaspo.com/blog-entry-81.html
- 関連記事
iOSのテキストボックスで入力文字を消すボタンを表示する方法 | Xamarin.Forms ホーム
ListViewのMenuItemを表示する方法 -ContextActions- | Xamarin.Forms
