Question

我在制作RadListView ItemTemplate transparant时遇到了麻烦。我试图在xml transparant中创建每个元素，但没有任何作用。

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

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中删除“默认”白色背景

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);
    }
};

将RadListView ItemTemplate设置为在ios上透明

2 个答案: