コメント
コメントの投稿
※名前とタイトルが入力されていないコメントでは他のコメントとの区別ができません。
入力されていないコメントには返信しませんのであらかじめご了承くださいませ。
ListViewのMenuItemを表示する方法 -ContextActions- | Xamarin.Forms
- 2017/09/22
- 01:40
今回はXamarin.FormsのListViewでMenuItemを表示する方法をご紹介いたします。Windows.Formsで例えるところの右クリックメニューですね。
iOSでは左にスワイプすると表示されます。Androidではロングタップで表示されます。
前回の記事「ListViewのMenuItemでスワイプが効かなくなる不具合の対処方法」でご紹介しておりますが、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
１．ListViewの設定
ListViewを配置し、DataTemplateにカスタムしたViewCellクラスを設定します。詳しくは以前の記事「ListViewのセルのレイアウト方法」の使用方法をご参考ください。
２．VieｗCellの設定
ViewCellクラスを継承し、必要なMenuItemを作成し、ContextActionsに追加します。CustomViewCell.cs
namespace AppName.Controls
{
public class CustomViewCell : ViewCell
{
public CustomViewCell()
{
var actionOpen = New MenuItem
{
Text = "Open",
Icon = "open.png" // Androidの上部でのみ表示されます。
};
actionOpen.SetBinding(MenuItem.CommandParameterProperty, New Binding("."));
actionOpen.Clicked += async(sender, e) >= {
var mi = ((MenuItem)sender);
Debug.WriteLine("Open Context Action clicked: " + mi.CommandParameter);
};
var actionDelete = New MenuItem()
actionDelete.Text = "Delete";
actionDelete.Icon = "delete.png" // Androidの上部でのみ表示されます。
actionDelete.IsDestructive = True; // iOSのみ赤い背景色で表示されます。
actionDelete.SetBinding(MenuItem.CommandParameterProperty, New Binding("."));
actionDelete.Clicked += async(sender, e) >= {
var mi = ((MenuItem)sender);
Debug.WriteLine("Delete Context Action clicked: " + mi.CommandParameter);
};
// ViewCellにContextActionsを追加します。
ContextActions.Add(actionOpen);
ContextActions.Add(actionDelete);
}
}
}
※アイコンファイルの保存先につきましては以前の記事「ボタンに画像を表示する方法」でご紹介しておりますので、ご参考ください。
最後までお読みいただきありがとうございます。
当ブログの内容をまとめた Xamarin逆引きメニュー は以下のURLからご覧になれます。
https://itblog.dynaspo.com/blog-entry-81.html
- 関連記事
-
- iOSのテキストボックスで入力文字を消すボタンを表示する方法 | Xamarin.Forms
- ToolbarItemの表示方法 | Xamarin.Forms
- ListViewのMenuItemを表示する方法 -ContextActions- | Xamarin.Forms
- iOSのListViewでSwipeが効かなくなる不具合について (MenuItemを開いたままページ遷移すると再度MenuItemが開かなくなる問題の対処方法) | Xamarin.Forms
- UIActivityを使用して画像やファイルを共有する方法 | Xamarin.iOS
ToolbarItemの表示方法 | Xamarin.Forms ホーム
iOSのListViewでSwipeが効かなくなる不具合について (MenuItemを開いたままページ遷移すると再度MenuItemが開かなくなる問題の対処方法) | Xamarin.Forms
