如何在listView的末尾添加按钮？

Question

我想以与bing应用相同的方式在listView的末尾添加一个按钮（例如，参见图片）。

我在google和microsoft文档中查了几个小时但是却找不到任何可以让我知道如何执行此操作的内容。

有没有人达到这个目标？

感谢

Answer 1

如果您运行该应用程序（Health＆amp; Fitness），则运行Visual Studio并使用Debug＆gt;附加到Process，您可以打开DOM Explorer并检查该UI的实现方式。

在这种情况下你会看到它根本不使用ListView，而是它自己的自定义控件，它只是基于CSS网格。也就是说，仅仅因为有类似网格的视图并不意味着它是一个ListView。你总是可以使用直接的HTML / CSS布局来实现这些类型的东西，这就是这里发生的一切。因此，它只为这两个“更多”元素创建单独的div。

现在，如果你做想要使用ListView，你可以做一些事情。首先，如果要以不同于其他项目的方式呈现ListView中的任何项目，则必须确保使用不同的模板。这意味着您使用项目呈现功能而不是声明性模板，然后使您能够检查项目数据并以编程方式决定要执行的呈现类型。

其次，如果您想要具有不同大小的项目，则需要使用单元格跨越。在Windows 8.0 / WinJS 1.0中，这是GridLayout的一个属性。在Windows 8.1 / WinJS 2.0中，您使用CellSpanningLayout。

我已经在我second edition preview of Programming Windows Store Apps with HTML, CSS, and JavaScript,的第7章中编写了关于rending功能和单元格跨度的所有详细信息，这是Microsoft Press的免费电子书，因此它不会花费任何费用。 ：）