i am developing android app using html5+ crosswalk project for android
my main concern are images :
as i will be using same app for table and other mobile devices
is there some thing like resizable images ??
i call images
is there something that fro tablet we can call
for mobile small width
or some concept of resizable images
You can use the concept of picturefill which says for different screen sizes you can load different images and it basically decides using the media queries specified.
For detail you can see here
Related
I will use full-size background images in my flutter app on some screen like(login, signup)background.
this image is static(means I will not customize this by using MediaQuery or any other code),
but I will still confuse that what size is proper for all devices(android, ios both)
I saw some documents that define, for particular device OS like android(mdpi,hdpi etc).
also same as Ios,
but what I will prefer in a flutter app
In order to give best experience to player, I want provide possibility to choose game resolution from low (best performance) to native (best quality). Sadly, some android devices forces game to run in decreased non-native resolution, and I found no way how to detect native resolution. For example - Samsung Galaxy Tab A 10'' (2016) - have native resolution 1920x1200, but game runs in 1440x900. Fonts and interface looks blurry and poor. It's strange, but our analytic show what about 40% this devices runs the game with native resolution. But not in my case.
So, I need solution.
First option - is to get (in some way) native resolution of the device. Screen.width/height, Screen.currentResolution - not helps. Screen.resolutions - alway empty. android.util.DisplayMetrics - also reports only decreased resolution.
Second option - restrict system (or Unity) to run the game in native resolution only. I checked Unity settings and manifest - found nothing..
Please help. Thanks
What you need is adaptive UI.
If you are using NGUI, see this thread. There are many examples on how to do that. The key component is UIAnchor.
You can either make your UI modular using UIAnchor components, set the UIRoot to be manually sized (and lose pixel perfection), or you can create different layouts. One layout for the iPhone, and another for iPad, for example.
If you are using Unity3D UI, see Designing UI for Multiple Resolutions.
I'm new on ionic. I'm building a simple demo app to decide if I will use ionic or not in my project.
I'm currently having this problem styling the app. Default theme looks OK in low-res devices, but looks too small in high-res devices (look the example images at the bottom)
Is there a way to resolve this globally? I want to AVOID creating custom meadia queries per resolution.
Screen capture of 480x800px device
Screen capture of 768x1280px device
I created a small app using following this tutorial.
App runs fine on Android but after running on 2 mobiles both running Android 4.1.2, I find that in one mobile the layout was broken. I mean button borders are broken.
Any suggestions on what is going wrong here ?
Using latest ionic framework and cordova.
This mostly happens because different mobile screen size.
You should create different layout files for different screen sizes
For more information go here:
http://developer.android.com/training/multiscreen/screensizes.html
I made an Android app. Now it's time to bite Apple.
I have had a little chance of developing iOS App before iOS7 released.
I want to make iOS app as same look and feel as Android app with similar UI components between Android and iOS as possible as I can. Therefore, if possible, I would like to re-use every design resources from Android to iOS app. So, I wonder if I can generate all the icons, images mostly will be resized to fit iOS6,7 app from Android icons current I had.
I found some online sites it generates all sizes of images from one image for iOS and Android.
IOS and Android App Icon size generator
Generate app icons of all sizes in a click!
I wonder if there are other solutions or some better ideas to achieve this.
Any ideas or suggestions would be appreciated, thanks.
Generally ios devices have retina screens and higher resolutions than android devices. I think you should not do this image resizing operation. If you do this, your ios app won't have a good view because of the higher resolutions of the ios devices' screens. You should make your design all over again for ios app.
You can read this.