NativeScript中的覆盖定位

我正在开发一个nativescript插件，用于创建一个以材质为灵感的下拉列表。该插件向页面添加一个AbsoluteLayout作为背景，然后向该AbsoluteLayout添加一个ListView，以便选择器显示在顶部。它还添加了一个带有标签的GridView，并将其放置在XML定义的位置。下面是在视图的XML中使用的插件示例：

<GridLayout rows="auto" columns="*, auto">
    <StackLayout>
        <label text="Color" />
        <label style="height: 3; background-color: gray;" />
    </StackLayout>

    <MDL:MaterialDropdownList col="1" id="ddlColors"
        items="{{ colors }}" selectedIndex="{{ selectedColorIndex }}" >
    </MDL:MaterialDropdownList>
</GridLayout>

---

任何想法都非常感谢

我相信您正在寻找的函数是element.getLocationOnScreen（）

---

或element.getLocationInWindow（）获取元素的实际位置

我相信您正在寻找的函数是element.getLocationOnScreen（） 或element.getLocationInWindow（）获取元素的实际位置

let src: viewModule.View = <viewModule.View>arg.object,
        x: number, y: number;
x = src.originX;
y = src.originY;
let parent = src.parent;
while (parent !== this.page) {
    x += parent.originX;
    y += parent.originY;
    parent = parent.parent;
}

console.log(`x and y are ${x} and ${y}`); //2, 2

this._listPicker.originX = x;
this._listPicker.originY = y;