0

次の NativeScript コードがあります。

<Page loaded="onPageLoaded">
    <GridLayout rows="auto, *">
        <ListView items="{{ items }}" row="1">
            <ListView.itemTemplate >
                <Image url="{{ url }}" />
            </ListView.itemTemplate>
        </ListView>
    </GridLayout>
</Page>

ListView-Item のスタイルを設定し、パディングを指定して、各画像の周りに少し余白があるようにしたいと思います。クラスを指定して、css でクラスのスタイルを設定しようとしましたが、変更できませんでした。

ただし、画像自体のスタイルを設定することはできました (余白を与えます)。listviewItem-container のスタイルを設定することは可能ですか (css で div-container のスタイルを設定するように)?

4

3 に答える 3

5

あなたが正しいです！現在、アイテム コンテナのスタイルを設定することはできません。アイテム コンテンツのみです。今後、これを可能にする方法を検討します。

ご意見ありがとうございます！

于 2015-03-19T09:36:20.540 に答える
2

現時点 (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>
于 2016-01-27T08:04:35.480 に答える
2

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>
于 2015-05-12T15:36:47.070 に答える