如何实施数据表' (材料设计组件)在android?

时间:2015-06-30 06:11:01

标签: android android-5.0-lollipop material-design

我已经完成了这个新的设计规范

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

enter image description here

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

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

1 个答案:

答案 0 :(得分:17)

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

  

我们如何在android中实现所有这些结构,交互。一世   没有找到足够的文件来描述这种实现。这是   只是一种设计语言规范。有用的文件吗?感谢

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

  

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

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