search

papyros / qml-material

:book: Material Design implemented in QtQuick
GNU Lesser General Public License v2.1
2.57k stars 476 forks source link

resolution independence on mobile devices #213

Open marco-piccolino opened 9 years ago

marco-piccolino commented 9 years ago

Here we are collecting data about how qml-material components specified in device-independent pixels (dp) are visualized on various mobile devices.

There is a test project that you can download and test on your devices: https://github.com/marco-piccolino/material-mobile-dps

The test contains a page with appbar, a 4-column grid that contains buttons with their implicit height and width (88 x 36 dp), and a few cards, to get an immediate sense of resolution and density differences, and highlight any device-specific problems.

Another useful sample app to troubleshoot screen issues is the following: http://doc.qt.io/qt-5/qtquick-window-screeninfo-qml.html

How to contribute

To contribute, post a comment, including

Additional information about the most common devices can be found here: http://screensiz.es

Phones

Google Nexus 4 Google Nexus 5 Samsung Galaxy S Samsung Galaxy S2 Samsung Galaxy S3 Mini Samsung Galaxy S4 Samsung Galaxy S5 Mini

Tablets

Google Nexus 10 Samsung Galaxy Tab 2 10.1

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

marco-piccolino commented 9 years ago

http://www.phonearena.com/phones/Google-Nexus-5_id8148 screenshot_2015-05-15-12-46-01

marco-piccolino commented 9 years ago

http://www.phonearena.com/phones/Samsung-Galaxy-S-III-mini_id7536 screenshot_2015-05-15-14-06-54

marco-piccolino commented 9 years ago

http://www.phonearena.com/phones/Samsung-Galaxy-S_id4522 device-2015-05-15-142646

marco-piccolino commented 9 years ago

http://www.phonearena.com/phones/Samsung-Galaxy-S-II_id5106 material-galaxysii

marco-piccolino commented 9 years ago

http://www.phonearena.com/phones/Samsung-Galaxy-Tab-2-10.1_id6962 material-galaxytab2-101

marco-piccolino commented 9 years ago

http://www.phonearena.com/phones/Samsung-Galaxy-S4_id7597 material-galaxy-s4

marco-piccolino commented 9 years ago

http://www.phonearena.com/phones/Samsung-Galaxy-S5-mini_id8573 material-s5mini

marco-piccolino commented 9 years ago

http://www.phonearena.com/phones/Google-Nexus-4_id7531 material-nexus4

andresmanz commented 9 years ago

http://www.phonearena.com/phones/Google-Nexus-10_id7551 screenshot_2015-05-16-03-00-04

timsueberkrueb commented 9 years ago

http://www.devicespecifications.com/de/model/a12a30e4 screenshot20150724_173530543

marco-piccolino commented 8 years ago

I made a module to help fix resolution issues on Qt < 5.6. You need to manually specify the geometry of the affected screen/device and find a propert multiplier, and add the screen/device to the list of known devices. I made it with mobile devices in mind, no support for multiple screens. https://github.com/maply/resolutionfix