nativescript - 如何在 RadListView 中创建项目阴影？

Question

如何在 RadListView 中实现项目阴影？每个项目都有一个阴影，并且阴影不会在项目之间或侧面填充物上剥离。

标签： nativescriptnativescript-telerik-ui

Answer 1

对于安卓：

XML:

<lv:RadListView xmlns:lv="nativescript-ui-listview" loaded="listLoaded">
    <lv:RadListView.itemTemplate>
        <StackLayout loaded="itemLoaded">
            ...
        </StackLayout>
    </lv:RadListView.itemTemplate>
</lv:RadListView>

JS：

function listLoaded(args) {
    var list = args.object;
    list.androidListView.setClipToPadding(false);
    list.androidListView.setClipChildren(false);
}

function itemLoaded(args) {
    var item = args.object;
    item.nativeView.setOutlineProvider(android.view.ViewOutlineProvider.BOUNDS);
    item.nativeView.setClipToOutline(false);
}

exports.listLoaded = listLoaded;
exports.itemloaded = itemLoaded;

这会为每个方向创建一个 nics 未剥离的阴影：