記事一覧

ToolbarItemの表示方法 | Xamarin.Forms

 
今回はXamarin.FormsでToolbarItemを表示する方法をご紹介いたします。
ヘッダー部に常時表示されることになりますが、ToolbarItemの数が3つ以上になるとセカンダリー部分に表示されます。
(※iOSはグレーのバーが表示されます。Androidは縦の「…」表示という省略形での表示となります。)
尚、iOSでのセカンダリーツールバーは標準とは変更して表示してあります。以前の記事「iOSのセカンダリツールバーをカスタマイズする方法」でご紹介しておりますのでご参考ください。


iOS10
xamarin_toolbar_01.png
Android7.0
xamarin_toolbar_02.png



前提条件
・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



1.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:表示される順位となります。優先的な項目から1つづ加算して設定すると良いでしょう。Orderを全てプライマリで設定した場合、このプライマリが多いほうがセカンダリツールバーとして表示されます。
Order:プライマリまたはセカンダリを設定します。セカンダリの場合はヘッダー最上部には表示されなくなります。

また、アイコンファイルの保存先につきましては以前の記事「ボタンに画像を表示する方法」でご紹介しておりますので、ご参考ください。




最後までお読みいただきありがとうございます。
当ブログの内容をまとめた Xamarin逆引きメニュー は以下のURLからご覧になれます。
http://itblogdsi.blog.fc2.com/blog-entry-81.html


関連記事

コメント

コメントの投稿

カテゴリ別記事一覧

広告

プロフィール

石河 純


著者名 :石河 純
自己紹介:素人上がりのIT技術者。趣味は卓球・車・ボウリング

IT関連の知識はざっくりとこんな感じです。
【OS関連】
WindowsServer: 2012/2008R2/2003/2000/NT4
Windows: 10/8/7/XP/2000/me/NT4/98
Linux: CentOS RedHatLinux9
Mac: macOS Sierra 10.12 / OSX Lion 10.7.5 / OSX Snow Leopard 10.6.8
【言語・データベース】
VB.net ASP.NET C#.net Java VBA
Xamarin.Forms
Oracle10g SQLServer2008R2 SQLAnywhere8/11/16
ActiveReport CrystalReport ReportNet(IBM)
【ネットワーク関連】
CCNP シスコ技術者認定
Cisco Catalyst シリーズ
Yamaha RTXシリーズ
FireWall関連
【WEB関連】
SEO SEM CSS IIS6/7 apache2

休みの日は卓球をやっています。
現在、卓球用品通販ショップは休業中です。