I am creating a wire-frame android application for presentational purposes only. My target device is a 1280 x 800 10.1 inch tablet. I need to know the exact resolution of the device subtracting the navigation bar at the bottom. At first I made my graphics in 1280 x 800, but they didn't fit the screen properly because of the navigation bar, does anyone know the actual available resolution for a 10.1 1280 x 800 tablet?
I made a screenshot of an ICS emulator running on 1280x800 pixels. The system bar is 48 pixels high, so 752 pixels remain for your application.
Ok this is interesting, according to this the active resolution would be 1280x752 (Android 3.1) But this talks about something I support, design for any resolution.
I hope this helps out better. Good luck.
Related
I have a Flutter app targeting Android.
I am testing on Samsung Galaxy A32 5G. Phone display spec is:
Display Size: 6.5 inches, 102.0 cm2 (~81.6% screen-to-body ratio)
Resolution: 720 x 1600 pixels, 20:9 ratio (~270 ppi density)
I use below code to determine the screen size and I change fonts sizes and other parameters based on this:
MediaQuery.maybeOf(context)?.size.width
MediaQuery.maybeOf(context)?.size.height
When I run above code on a physical phone I get these dp values for width and height:
360 x 752
When I create an emulator using the same screen spec I get these values:
480 x 1050
This is a very large discrepancy. The physical device is returning values for a very small phone and indeed things look very small on screen. Phone was factory reset so it is not any user defined settings.
App looks great on the emulator, but really bad on the real device. I am now thinking the testing I've done using emulators is meaningless.
What is going on here?
The screen size that you see on simulator is not the exact size of the device.. In the options you can change settings to set the simulator exactly as required. Please check the attached image
I have 2 phones: Samsung s6 edge+ and Samsung note 4.
Both have the same screen size (5.7 inch) and the same screen resolution (1440X2560).
Both have xxxhdpi density.
Still the same layout looks different on both devices.
even the top status bar and action bar also looks different on both devices.
Can anyone suggest any solution to have the same UI on every Android device?
Screen Sizes also depend largely on its PPI resolution and depends on ppi the android app select the drawables to get the icons or images so you need to check the ppi of devices
I am trying to optimise for the latest and newest Samsung models.
For the S5 the Display is 1080x1920 with a 432 dpi resolution, this is 3dppx. This translates to a 360x640w viewport.
Is there a way to work out the viewport if you only have the display and resolution details only?
The viewport of a Galaxy s6 and s7 is the same as an s5 but I don't know how to calculate it.
The view port is 360 x 640 px
(which means if you visit whatismyscreenresolution.com, it will report screen size 360 x 640)
It actually depends on the browser user's are using.
Chrome frame consumes around 60px, so given the status bar will be 25px, you can assume you have 85px less than the actual size.
I would recommend using JavaScript window.innerHeight for proper measurement.
Sources:
- https://mydevice.io/devices/
- Height of status bar in Android
I'm having trouble figuring out why my app logo in the actionbar appears larger on a nexus 7 vs a nexus 5. I'm using the actionbar in the support library. They're both running android 4.2.2
Nexus 5 (good)
Nexus 7 (bad)
Here are the logo image resources.
What can I do to fix?
The problem because of different dimension of the devices.You can fix it by alter your images for two different dpi.xhdpi for nexus 7 under the resolution of 1920 x 1200 pixels rate.xxhdpi for nexus 5 under the resolution of 1080 x 1920 pixels rate.
Just a shot in the dark: Do you have any different layouts or drawables based on the dpi like xhdpi or xxhdpi ? nexus 5 comes under xxhdpi whereas nexus 7 is xhdpi.So if you are setting the resources differently, that could be your issue.
I am considering to drop support for small screens in my app.
Recently I have stumbled upon Screen Sizes and Densities and currently (2011-10-01) it says that 3.5 percent of the active devices fall into the small/hdpi category. I wonder what device actually has a small screen with high pixel density?
I know of the HTC Wildfire which has 240 x 320 pixels, 3.2 inches (~125 ppi pixel density). If I understand correctly that would be an ldpi device. For my app the Wildfire has a share of somewhere around 2 percent.
So first, why does Screen Sizes and Densities not list anything under small/ldpi? And second, what would be an example of a small/hdpi device?
There are some device from Dell like Aero which comes under small/hdpi.
HTC Tattoo can be considered under small/ldpi
Just to add to Basavraj's answer, Guessing the screen size is not that simple. Like Galaxy note has 1200 X 800 screen dimensions but it's screen size falls in large(and not in extra-large) category.