Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What is the recommended material design toolbar height in landscape

For holo design, the recommended action bar height is 40dp during landscape according to Jake Wharton : https://stackoverflow.com/a/7181591/72437

I was wondering, for material design, what is the recommended toolbar height?

I can't find any info in Google design guideline : http://www.google.com/design/spec/components/toolbars.html

The reason I'm asking so, as I'm getting an unpleasant look during landscape mode. The recommended solution is to enlarge text size : Android Toolbar: small title text in landscape mode

I just wondering, instead of enlarging text size, should I just make toolbar height smaller, in landscape mode? I tend to look at GMail app.

Portrait

enter image description here

Landscape

enter image description here

It seems that Google expect to have smaller text size, and smaller toolbar height during landscape. So, what is the exact height for landscaped toolbar?

like image 845
Cheok Yan Cheng Avatar asked Jun 17 '15 16:06

Cheok Yan Cheng


1 Answers

The Toolbar is a generic component that can be added to any part of your UI - when used as the primary action bar for branding, navigation, and actions, it is called an App Bar.

From the metrics on the App Bar, the correct heights are:

  • Mobile Landscape: 48dp
  • Mobile Portrait: 56dp
  • Tablet/Desktop: 64dp
like image 59
ianhanniballake Avatar answered Oct 21 '22 02:10

ianhanniballake