Nativescript Radlistview 位置和所选项目复选标记图标的 z-index答案

【问题标题】：Nativescript Radlistview position and z-index of selected item checkmark iconNativescript Radlistview 位置和所选项目复选标记图标的 z-index
【发布时间】：2018-10-20 16:46:15
【问题描述】：

是否可以更改所选项目的复选框/复选标记的位置？

在 radlistview 的网格模板中，复选标记图标位于每个项目的左侧并垂直居中。此外，如果每个单元格都填充有图像，则复选标记将不再可见。

有没有办法改变它的位置和z-index？

这是图标放置方式的截图：

这是 Radlistview XML：

<lv:RadListView row="1" items="{{ items }}" selectionBehavior="Press" multipleSelection="true" itemSelected="itemSelected" itemDeselected="itemDeselected" >
  <lv:RadListView.listViewLayout>
    <lv:ListViewGridLayout scrollDirection="Vertical" ios:itemWidth="125" ios:itemHeight="125" spanCount="3"/>
  </lv:RadListView.listViewLayout>
  <lv:RadListView.itemTemplate>
    <GridLayout rows="*">
      <GridLayout rows="*" columns="*">
        <AbsoluteLayout margin="1" borderBottomWidth="2" borderBottomColor="#189DD3">
          <Image width="135" height="135" src="{{ itemSrc }}" itemIndex="{{ itemIndex }}" stretch="aspectFill" opacity="0.7"/>
        </AbsoluteLayout>
      </GridLayout>
    </GridLayout>
  </lv:RadListView.itemTemplate>
</lv:RadListView>

【问题讨论】：

能否附上截图方便理解？
@Manoj 添加了图标如何放置在每个单元格内的屏幕截图（降低了我的图像不透明度，以便图标可见）。我想将它们放在左下角或右下角并增加它们的 z-index。
你能分享你的 html 的 listview 行模板吗？
看起来只有布局有问题
@NarendraMongiya 包含 XML

标签： ios nativescript radlistview

【解决方案1】：

无法自定义z-Index 或默认复选框的对齐方式，使用nativescript-checkbox 插件并在数据项中保持选择状态。通过这样做，您可以在 iOS 和 Android 上获得相似的外观和感觉。

来源：https://github.com/telerik/nativescript-ui-feedback/issues/887

【讨论】：