win10 uwp 获得元素绝对坐标

有时候需要获得一个元素，相对窗口的坐标，在修改他的位置可以使用。

那么 UWP 如何获得元素坐标？

我提供了一个方法，可以获得元素的坐标。

首先需要获得元素，如果没有获得元素，那么如何得到他的坐标？

假如 xaml 是这样，而我需要获得 MainTextBlock 相对窗口的坐标

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"><TextBlock x:Name="MainTextBlock" Margin="10,10,10,10" Text="Hello" /></Grid>

那么获得元素绝对坐标可以这样写，绝对坐标的意思就是元素相对窗口的坐标。

         public MainPage(){this.InitializeComponent();var t = MainTextBlock.TransformToVisual(Window.Current.Content);Point screenCoords = t.TransformPoint(new Point(0, 0));}

上面代码就可以获得元素坐标，坐标相对于窗口

那么如何获得他相对其他元素的坐标？

假如需要获得元素相对他的上坐标，这时可以看下面代码

            var t = MainTextBlock.TransformToVisual((UIElement)MainTextBlock.Parent);Point screenCoords = t.TransformPoint(new Point(0, 0));

于是可以看到 TransformToVisual 传入的是哪个元素，就是获得相对于这个元素的坐标。

获得元素的坐标有什么用？可以用在如 Flyout的定位，如果使用了 ToggleButton ，他没有自己 Flyout ，所以就需要在其他地方定义一个 Flyout 然后通过获得控件位置显示出来。如何指定 Flyout 的位置参见 win10 uwp 右击浮出窗在点击位置

所以就可以让浮出窗在需要显示的按钮上显示，下面的图片是我偷一个大神的，他就是使用这个方法做出来。

参见：http://stackoverflow.com/questions/12387449/how-to-get-the-absolute-position-of-an-element/12388558#12388558

本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。欢迎转载、使用、重新发布，但务必保留文章署名林德熙(包含链接:http://blog.csdn.net/lindexi_gd )，不得用于商业目的，基于本文修改后的作品务必以相同的许可发布。如有任何疑问，请与我联系。

win10 uwp 获得元素绝对坐标相关推荐

C# dotnet 使用 OpenXml 解析 PPT 元素的坐标和宽度高度
在阅读本文之前,我期望你能了解基础的 PPT 解析内容,或看我的入门级博客.本文将告诉大家如何从 PPT 里面解析出通用元素的 x 和 y 的值,以及元素的宽度和高度的值在开始之前请看 C# dot ...
win10 uwp DataContext
本文告诉大家DataContext的多种绑法. 适合于WPF的绑定和UWP的绑定. 我告诉大家很多个方法,所有的方法都有自己的优点和缺点,可以依靠自己喜欢的用法使用.当然,可以在新手面前秀下,一个页面 ...
Win10 UWP开发中的重复性静态UI绘制小技巧 1
Win10 UWP开发中的重复性静态UI绘制小技巧 1 原文:Win10 UWP开发中的重复性静态UI绘制小技巧 1 介绍在Windows 10 UWP界面实现的过程中,有时会遇到一些重复性的.静态 ...
win10 uwp 使用 Matrix3DProjection 进行 3d 投影
win10 uwp 使用 Matrix3DProjection 进行 3d 投影原文:win10 uwp 使用 Matrix3DProjection 进行 3d 投影版权声明:博客已迁移到 htt ...
win10 uwp 如何判断一个对象被移除
win10 uwp 如何判断一个对象被移除原文:win10 uwp 如何判断一个对象被移除有时候需要知道某个元素是否已经被移除,在优化内存的时候,有时候无法判断一个元素是否在某个地方被引用,就需要 ...
win10 uwp 如何使用DataTemplate
这是数据模板,一般用在数组的绑定,显示数组中的元素. 假如我们有一个列表,列表里是书,包括书名.作者.还有出版,那么我们只有源信息,如何把它显示到我们的ListView,就需要DataTemplate ...
win10 uwp 通过 Win2d 完全控制笔迹绘制逻辑
本文来告诉大家如何通过 Win2d 完全控制笔迹绘制逻辑,本文适合用来实现复杂的自定义逻辑,可以完全控制笔迹的行为.包括在书写过程中切换模式,如进行手势擦除切换为橡皮擦模式本文提供的方法适合用来做复 ...
Win32 C++项目移植到 Win10 UWP
本文可能对谁有帮助如果你正在做将现有的Win32 静态库或 DLL 工程移植到Win10 UWP(通用 Windows) 环境,这篇文章可能会对你有帮助. 概述在VS2015的新建项目 -&g ...
win10 UWP 应用设置
win10 UWP 应用设置简单的把设置需要的,放到微软自带的LocalSettings LocalSettings.Values可以存放几乎所有数据如果需要存放复合数据,一个设置项是由多个值组成 ...

win10 uwp 获得元素绝对坐标

win10 uwp 获得元素绝对坐标相关推荐

最新文章

热门文章