在 ios 上将 RadListView ItemTemplate 设置为透明

Question

我无法使 RadListView ItemTemplate 透明化。我试图让 xml 中的每个元素都透明，但没有任何效果。

我也试过这段代码，但它不透明，只是淡红色。

Xml代码

<lv:RadListView 
    ...
    itemLoading="onItemLoading"
    backgroundColor="transparent">

    <lv:RadListView.listViewLayout backgroundColor="transparent">
        <lv:ListViewLinearLayout itemInsertAnimation="Default" itemDeleteAnimation="Default" backgroundColor="transparent" />
    </lv:RadListView.listViewLayout>

    <lv:RadListView.itemTemplate backgroundColor="transparent">
        ...
    </lv:RadListView.itemTemplate>

    <lv:RadListView.itemSwipeTemplate backgroundColor="transparent">
        ...
    </lv:RadListView.itemSwipeTemplate>
</lv:RadListView>

Javascript代码

exports.onItemLoading = function(args){
    if(page.ios){
        args.view.backgroundColor = new colorModule.Color(20,255,0,0);
    }
};

当我向左或向右滑动项目时，我可以看到部分背景。

问题：如何从 RadListView

中删除 'default' 白色背景

Answer 1

确保您还在 CSS 中将 RadListView 的 background-color 设置为 "transparent"。

<lv:RadListView
  backgroundColor="transparent"
  ...
</lv:RadListView>

您可以在 Groceries 示例中看到具有透明背景的 RadListView 示例以供参考 https://github.com/NativeScript/sample-Groceries。

Answer 2

我找到了问题的解决方案。

问题是我需要设置 backgroundView 的 backgroundColor 而不是 iOS 中的视图。

exports.onItemLoading = function(args){
    if(page.ios){
        args.ios.backgroundView.backgroundColor = new colorModule.Color(20,255,0,0);
    }
};

在 ios 上将 RadListView ItemTemplate 设置为透明

Set RadListView ItemTemplate to transparant on ios

telerik

nativescript