Android NativeScript:如何设置listview项目模板的样式
我有以下NativeScript代码:Android NativeScript:如何设置listview项目模板的样式,android,css,class,listview,nativescript,Android,Css,Class,Listview,Nativescript,我有以下NativeScript代码: <Page loaded="onPageLoaded"> <GridLayout rows="auto, *"> <ListView items="{{ items }}" row="1"> <ListView.itemTemplate > <Image url="{{ url }}" /> &
<Page loaded="onPageLoaded">
<GridLayout rows="auto, *">
<ListView items="{{ items }}" row="1">
<ListView.itemTemplate >
<Image url="{{ url }}" />
</ListView.itemTemplate>
</ListView>
</GridLayout>
</Page>
我想设计ListView项的样式,给它一个填充,这样每个图像周围都有一点空白。我试着给它一个类,并在css中设置该类的样式,但我无法更改它
然而,我能够设计图像本身(给它留一个空白)。是否可以设置listviewItem容器的样式(就像我在css中设置div容器的样式一样)?你说得对!现在无法设置项目容器的样式-仅设置项目内容。我们将考虑今后如何实现这一点
感谢您的反馈 您可以使用Border元素包装itemTemplate内容
<Page loaded="onPageLoaded">
<GridLayout rows="auto, *">
<ListView items="{{ items }}" row="1">
<ListView.itemTemplate >
<Border borderWidth="0">
<Image url="{{ url }}" />
</Border>
</ListView.itemTemplate>
</ListView>
</GridLayout>
</Page>
现在(1.5.2),您可以将图像放入布局容器中,并对该容器应用样式:
<Page loaded="onPageLoaded">
<GridLayout rows="auto, *">
<ListView items="{{ items }}" row="1">
<ListView.itemTemplate >
<StackLayout>
<Image url="{{ url }}" horizontalAlignment="stretch"/>
</StackLayout>
</ListView.itemTemplate>
</ListView>
</GridLayout>
</Page>
对于know,它是1.0的唯一解决方案