search

google / automotive-design-compose

Automotive Design for Compose is an extension to Jetpack Compose that allows every screen, component, and overlay of your Android App to be defined in Figma, and lets you see the latest changes to your Figma design in your app, immediately!
https://google.github.io/automotive-design-compose/
Apache License 2.0
112 stars 15 forks source link

Resolution is accurate only for mdpi densities #1346

Open HooHaa-code opened 1 month ago

HooHaa-code commented 1 month ago

This sample project has some banding around the edges to ensure that all pixels a being properly rendered. Steps to reproduce:

  1. Create a virtual device with a resolution of 800x1280 and a screen size of 9image
  2. Create a second virtual device with a resolution of 800x1280 and a screen size of 12image
  3. Run the same app on both devices
  4. Notice that the rendering is very different on both devices

image image

Ex4Google.zip

rylin8 commented 1 month ago

Sorry I may not be understanding something here. It looks to me that the bottom screen is on a device with the same resolution, but a different pixel density, so everything is rendered larger. That is intended.

HooHaa-code commented 1 month ago

The bottom image is mdpi, the top image is ldpi.

If this is intended behavior, then we should have a discussion about it during our next meeting. Basically, designers have trouble grasping the concept of pixel density. They would expect that a figma file at the same resolution as a display would completely fill that display no matter what the density is