3

最近、メトリクスとグリッドに関するデザイン ガイドを読みました。レイアウトで使用する必要がある 48 dp のリズムについて説明しています。

しかし、「マインドギャップ」の章は私を混乱させます。それは述べています:

各 UI 要素間の間隔は 8 dp です。

しかし、この図では:

48 dp リズムのデモ

同じページの例では、8dp と 4dp の両方がパディング/マージンとして使用されています。

では、使用することになっている実際の値は何ですか?

4

1 に答える 1

6

あなたが読んだガイドは、要素間の間隔、つまり要素間の距離について語っています。要素間の距離が 8 dp になるように、パディングとマージンを選択する必要があります。

2 つの要素が隣り合っている場合 (縦方向のリストなど)、それらのパディングとマージンが加算されます。要素間の 8 dp の距離を維持するには、4 dp の垂直パディングを使用する必要があります。どこでも 8 dp を使用すると、要素間の距離は 16 dp になります。


Buttons次のように、2 つを下に配置することを検討してください。

4 dp 垂直パディング付きのボタン 4 dp 垂直パディング付きのボタン

上部の 4 dp 下部パディングと下部Buttonの 4 dp 上部パディングを合計すると、実際に必要Buttonな 2 つの間の 8 dp の距離が得られます。Buttons

于 2015-04-13T13:35:57.183 に答える