/var/log/messages

debugging with sixth sense

Tabs With Icons and Text

Material Design なドキュメントの Components > Tabs に icon とテキスト入りのタブに関する記述あり。以下のあたりなのかどうか。

用件てきには

  • 高さは 72dp
  • 上がアイコンで下がテキスト
  • テキストとアイコンは横中央寄せ
  • テキストとアイコンの間は 10dp の padding
  • テキストの下は 16dp の padding

てなってますがアイコンに用意されている高さは (– 72 10 16) で 46dp ですが、上にも同じだけ padding 付けるとなると 30dp になるのかな。アイコンだけ、だと高さが 48dp で下に 12dp padding しろとある。

どうすりゃいいのかな、と言いつつ以下を取得して中身を精査してみることにします。

とりあえず clone して Android Studio で開きます。中に二つプロジェクトがあるようですが、AndroidDesignTabLayout の方です。

ええと

アイコン画像のリソース開いてみたら 46x44 だったりしてこれは一体、と言いつつアプリ起動してみたらタブが下にありましたwww とりあえず iOS に合わせとけ、な風潮が今も根強いのでこれはこれで良いのかどうか。

ちなみに

drawable-xxhdpi しかなくってそれを前提にするとだいたい 15dpx15dp てことになるのかどうか。そしてドキュメントをよくよく見てみるにアイコンは 24dp 四方という記載がありました。xxhdpi だと 3 倍で 72x72 px ということになりますね。

Comments