material-components-android icon indicating copy to clipboard operation
material-components-android copied to clipboard

[TopAppBar] Material Design Rules

Open patrickfrei opened this issue 1 year ago • 0 comments
trafficstars

Description: My app has a MainActivity and an AboutActivity. The latter is showing some information about the app, such as version, copyright, etc. The AboutActivity is called by an Intent.

I'm unsure how the design of the AboutActivity's TopAppBar should look like when applying the M3 design rules. I've seen the following two design variants:

  1. The M3 documentation shows the following design:
  • light-grey background for status bar and TopAppBar
  • background for content: white or light-grey??
  • close-icon topappbar_small
  1. The M3 catalog app shows the following design:
  • white background for status bar and TopAppBar
  • white background for content
  • status bar and TopAppBar change color to light-grey when scrolling up
  • back-arrow-icon Screenshot_1714153324

Could you please tell which design variant would be the correct one for my app?

Many thanks!

patrickfrei avatar Apr 26 '24 18:04 patrickfrei