自定义大小Winjs Listview项目Winjs WP

我是Winjs新手，之前从事过Android和iOS开发

我需要创建一个包含自定义大小项目的列表视图，如中所示 我已经实现了这一点，但在我的windows phone中，基本列表项大小保持不变，只是内容大小有所不同。按照屏幕截图查看视觉效果：

谁能告诉我这是怎么做到的。我还研究了细胞分裂。但我无法正确理解它

---

谢谢

您需要创建如下项目模板：

<div id="lstTemplate" data-win-control="WinJS.Binding.Template">
    <div class="item">

        <img class="image" src="/images/Store.png" />

        <p class="lblName" data-win-bind="textContent:Name"></p>

        <p class="lblPrice" data-win-bind="textContent:Price"></p>

    </div>
</div>

<div id="lstMain"
                 class="lstContainer"
                 data-win-control="WinJS.UI.ListView"
                 data-win-options="{
                 itemDataSource:DataFinal.listItems.dataSource,
                 itemTemplate:select('#lstTemplate'),
                 layout:{type:WinJS.UI.ListLayout}}">
 </div>

.fragmentPrincipal .lstContainer .item {
   height: 21.6875em;
}

注意：请记住向CSS中添加名称空间类，以便在导航到另一个页面后不会覆盖样式

---

如果您以所有windows phone分辨率为目标，我建议您减少使用，以便轻松添加横向和纵向样式，还请记住缩放所有图像，以便您的应用程序可以在所有WP分辨率上正确渲染，根据您的要求，您可以创建函数来切换列表视图的模板。。有什么不适合你？我不知道。我正在跟踪样品和样品。我已经开发了自定义大小的项目，但正如您在图中所看到的，内容只是被调整了大小，而不是整个项目本身。您可以发布模板的代码吗？您是否实现了ListView的功能？