选定项目的Nativescript Radlistview位置和z-index选中标记图标

时间:2018-10-20 16:46:15

标签: ios nativescript radlistview

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

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

反正还有改变其位置和z索引吗?

以下是图标放置方式的屏幕截图:

Image

这是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>

1 个答案:

答案 0 :(得分:0)

无法自定义z-Index或默认复选框的对齐方式,无法使用nativescript-checkbox插件并保持数据项内的选择状态。这样,您就可以在iOS和Android上拥有相似的外观。

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