3

最近我阅读了关于 Metrics and Grids 的设计指南。它谈到了我应该在布局中使用的 48dp 节奏。

但是“心灵差距”一章让我感到困惑。它指出:

每个 UI 元素之间的间距为 8dp。

但在这张图中:

48dp 节奏演示

在同一页面的示例中,8dp 和 4dp 都用作填充/边距。

那么我应该使用的实际值是多少?

4

1 回答 1

6

您阅读的指南讨论了元素之间的间距 - 或者换句话说,您想要元素之间的距离。您应该选择内边距和边距,以便它们加起来元素之间的距离为 8dp。

当两个元素彼此相邻时(例如在垂直列表中),它们的填充和边距相加。要保持元素之间的 8dp 距离,您必须使用 4dp 垂直填充。如果您在任何地方都使用 8dp,那么元素之间的距离将为 16dp。


只需考虑Buttons像这样在彼此下方有两个:

具有 4dp 垂直填充的按钮 具有 4dp 垂直填充的按钮

上部的 4dp 底部填充Button和下部的 4dp 顶部填充Button相加,导致两者之间的 8dp 距离是Buttons您真正想要的。

于 2015-04-13T13:35:57.183 回答