c#实现win10 uwp 右击浮出窗在点击位置（c#实现win10 uwp 右击浮出窗在点击位置）

本文主要让menuflyout出现在我们右击位置。

我们一般使用的menuflyout写在前台，写在button里面，但是可能我们的menuflyout显示的位置和我们想要的不一样。

通过使用后台写showat的方法，我们可以通过e.getposition获得鼠标点击位置，需要对函数传入相对的元素，这个元素一般可以用我们点击使用的元素，也可以使用我们的最外层grid，这样我们就可以获得了鼠标位置，也就可以显示我们的menuflyout在点击位置。

我们建一个listview，然后绑定后台，在我们listview要右击显示我们的浮出，要求我们的浮出在我们点击位置。

menuflyout可以在后台写，当然写在前台也可以。

我们这写在后台，我们可以选择placement 显示在我们元素的位置，但这不是我们鼠标点击的位置，要显示我们鼠标点击的位置，其实也很简单。我们可以从e.getposition(sender as uielement)获得鼠标位置，把这个给menuflyout我们的浮出显示在我们鼠标点击位置

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <listview itemssource="{x:bind view.str}"> <listview.itemcontainerstyle> <style targettype="listviewitem"> <setter property="horizontalcontentalignment" value="stretch" /> <setter property="verticalcontentalignment" value="center"></setter> </style> </listview.itemcontainerstyle> <listview.itemtemplate> <datatemplate> <grid background="#ffda2a5c" righttapped="gridcolection_onrighttapped"> <textblock text="{binding}"></textblock> </grid> </datatemplate> </listview.itemtemplate> </listview>

后台写

1 2 3 4 5 6 7 8 9 10 11 12 13 private void gridcolection_onrighttapped(object sender, righttappedroutedeventargs e) { menuflyout myflyout = new menuflyout(); menuflyoutitem firstitem = new menuflyoutitem { text = "oneit" }; menuflyoutitem seconditem = new menuflyoutitem { text = "twoit" }; myflyout.items.add(firstitem); myflyout.items.add(seconditem); //if you only want to show in left or buttom //myflyout.placement = flyoutplacementmode.left; frameworkelement senderelement = sender as frameworkelement; //the code can show the flyout in your mouse click myflyout.showat(sender as uielement, e.getposition(sender as uielement)); }