nativescript - RadListView 更好的 scrollToIndex() 行为

Question

RadListView.scrollToIndex() 似乎总是在当前窗口的底部显示所选项目 - 无论该项目是否已经可见。

有没有像 RadListView.isVisible() 这样的函数？

Answer 1

我刚刚测试了给定的场景，scrollToIndex()但无法重现这种行为。所选行始终显示在屏幕顶部。您可以查看我的示例代码。

主页.xml

<Page   loaded="onPageLoaded" xmlns:lv="nativescript-telerik-ui-pro/listview" xmlns="http://www.nativescript.org/tns.xsd">
    <lv:RadListView id="rdid" loaded="radlistviewlaoded" items="{{ dataItems }}" >
        <lv:RadListView.listViewLayout>
            <lv:ListViewLinearLayout scrollDirection="Vertical"/>
        </lv:RadListView.listViewLayout>
        <lv:RadListView.itemTemplate>
            <StackLayout orientation="vertical">
                <Label fontSize="20" text="{{ itemName }}"/>
                <Label fontSize="14" text="{{ itemDescription }}"/>
            </StackLayout>
        </lv:RadListView.itemTemplate>
    </lv:RadListView>
</Page>

主页.ts

import { EventData } from "data/observable";
import { Page } from "ui/page";
import { HelloWorldModel } from "./main-view-model";
import { ObservableArray } from "data/observable-array";
import { RadListView } from "nativescript-telerik-ui-pro/listview";
import {setTimeout} from "timer"

// Event handler for Page "navigatingTo" event attached in main-page.xml
export function onPageLoaded(args: EventData) {
    // Get the event sender
    var page = <Page>args.object;
    var listview:RadListView = <RadListView> page.getViewById("rdid");
    console.log("listview visibility "+listview.visibility);
    //listview.scrollToIndex(3);
    var array = new ObservableArray();
    for(var i=0;i<20;i++){
        array.push({itemName:"Name "+i, itemDescription:"desc "+i});
    }
    setTimeout(function(){
        listview.scrollToIndex(3)
    }, 2000)

    page.bindingContext = {dataItems:array};
}

export function radlistviewlaoded(args:EventData){
    console.log("RadListView loaded");
}

关于第二个问题loaded，如果您想知道视图何时加载到屏幕上，您可以使用事件。如果您想知道 RadListview 是否可见，您可以使用visibility属性。