如何在 RadListView 中创建项目阴影？答案

【问题标题】：How to create item shadow in RadListView?如何在 RadListView 中创建项目阴影？
【发布时间】：2018-07-06 18:50:20
【问题描述】：

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

【问题讨论】：

标签： nativescript nativescript-telerik-ui

【解决方案1】：

对于 Android：

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 未剥离的阴影：

【讨论】：