在 ios 上将 RadListView ItemTemplate 设置为透明答案

【问题标题】：Set RadListView ItemTemplate to transparant on ios在 ios 上将 RadListView ItemTemplate 设置为透明
【发布时间】：2016-09-09 18:32:40
【问题描述】：

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

【问题讨论】：

标签： telerik nativescript

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：

也许我对“我试图让每个元素都透明”不够清楚，但我更改了代码以向您展示我尝试过的内容。这个答案不能解决问题。