Androidマテリアルデザイン：テキストフィールドとボタンのサイズは同じですか？

Question

マテリアルデザインガイドラインを使用してログインビューを作成しています。これにより、テキストフィールドとログインボタンのサイズを同じにする必要があるかどうかがわかりません。

Answer 1

マテリアルデザインガイドライン でこれに対する答えを見つけることができます。幅は次の2つの方法で設定できます。

• ボタンの幅をテキストラベルのサイズに設定し、左右に16 dpのパディングを設定します
• ボタンの相対位置をレスポンシブレイアウトグリッドに設定します

Answer 2

マテリアルガイドラインで提供されている正確な仕様を使用する必要はありません。アプリの要件に基づいてサイズを定義できます。

マテリアルデザインは、考えられるすべてのUI要素を処理するグローバルレベルでこれらの特定の寸法を考え出しました。したがって、明らかに、あなたが言及したような特定のシナリオ/画面、つまりログインページでは、見た目がよくない可能性があります。

含まれているボタンの高さが36 dpであるのに対し、アウトラインのテキストフィールドはラベルとエラーメッセージを処理するため、高さは56 dpです。ガイドラインを守るか変更するかはあなた次第です。

Answer 3

正確な測定値を取得するには、MDガイドライン（例では56と36）の2つのコンポーネントの密度ピクセル（dp）測定値を確認し、比率を計算して、比率をデザインに適用します。

視覚的に、それらの例を見ると、マテリアルデザインは基本的にボタンをテキストフィールド内に収めます。

以下は、2つのdp測定と、クレーン材料研究における類似コンポーネントの例です。