android - 如何在android中实现 'Data Tables'( Material 设计组件)？

Question

我已经通过了这个新的设计规范

https://www.google.com/design/spec/components/data-tables.html#data-tables-interaction

我们如何在android中实现所有这些结构、交互。我还没有找到足够的文档来描述这个实现。这只是一个设计语言规范吗？有什么有用的文件吗？谢谢

官方文档中说“数据表通常出现在桌面企业产品中”。但我对实现感到好奇。将这么多数据显示为手机/平板电脑中的表格不是一个好习惯吗？

Answer 1

TL;DR:我强烈建议在您的应用程序中使用不同的 UI 元素来表示此数据，但如果您认为以表格格式显示数据是正确的，请使用v7 Support Library GridLayout .

How can we implement all these Structure, Interactions in android. I haven't found enough documents describing this implementation. Is this only a design language specification. Any helpful documents? Thanks

要实现此数据表设计，您肯定会希望使用 GridLayout from the v7 support library .要在表格布局中实现彩色分隔线，请参阅 this StackOverflow answer.逻辑可能略有不同，因为我链接到的答案告诉您如何显示 GridView 而不是 GridLayout 的网格项目分隔符，但应该应用相同的逻辑。只需为您的 GridLayout 指定一个背景颜色，为您的 GridLayout 子项指定一个不同背景颜色，然后指定每个项目之间所需的间距。在您的情况下，您想要的垂直间距为 0dp，水平间距为 1dp。这样，您的 GridLayout 的背景将“显示”给用户，从而产生分隔效果。

The official document says that "Data tables usually appear in desktop enterprise products." But I am curious about the implementation. Is it not a good practice to show this much data as table in mobile/Tablet?

与往常一样，答案取决于。但是，请这样想:您最后一次看到移动设备上显示的表格是什么时候？老实说，我想不出一个。也许您可能想与您的设计团队讨论(或者如果您是独立开发人员，请考虑自己)数据表是否是此特定用例的最佳设计选择。也许图表是一种更易于理解的数据显示方式。可能每列有几个不同的列表，通过 Spinner 进行选择。