欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

C#实现win10 uwp 右击浮出窗在点击位置

程序员文章站 2022-03-10 14:31:07
本文主要让menuflyout出现在我们右击位置。 我们一般使用的menuflyout写在前台,写在button里面,但是可能我们的menuflyout显示的位置和我们想...

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

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

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

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

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

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

<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>

后台写

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));
}

C#实现win10 uwp 右击浮出窗在点击位置

以上所述是小编给大家介绍的c#实现win10 uwp 右击浮出窗在点击位置,希望对大家有所帮助