記事一覧

ListViewのMenuItemを表示する方法 -ContextActions- | Xamarin.Forms

 
今回はXamarin.FormsのListViewでMenuItemを表示する方法をご紹介いたします。Windows.Formsで例えるところの右クリックメニューですね。
iOSでは左にスワイプすると表示されます。Androidではロングタップで表示されます。
前回の記事「ListViewのMenuItemでスワイプが効かなくなる不具合の対処方法」でご紹介しておりますが、iOSで不具合情報がありますので、ご確認の上ご利用ください。


iOS10
xamarin_listview_menuitem_01.png
Android7.0
xamarin_listview_menuitem_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.ListViewの設定

ListViewを配置し、DataTemplateにカスタムしたViewCellクラスを設定します。
詳しくは以前の記事「ListViewのセルのレイアウト方法」の使用方法をご参考ください。


2.ViewCellの設定

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からご覧になれます。
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

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