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.
Related
Explanation:
I have created an application in which it's looking well in an android phone(480x320, such type of devices) and iPhone 7 plus and below. When I run my application into the tablet Nexus 7(nougat). It reduces the font size, Images and even height(which specify in the CSS) of my views.
In Android, we have different types of the drawable folder to easily manage multiple device support based on the values folder also.
Problem: How can I manage my application which will run on all the devices including phone and table in Android and iPhone and iPad in iOS?
Well you asked THE question. Looking through the react native elements library I found a function they call normalizeText, you can find it here:
https://github.com/react-native-training/react-native-elements/blob/master/src/helpers/normalizeText.js
Basically they take the pixel-ratio api, which docs you can find here:
https://facebook.github.io/react-native/docs/pixelratio.html
and depending on the screen size they multiply the values of with/height/font using that functions with values from 0.5 to 2. I found it a good solution to get a good visuals on every platform.
For the UI I would recommend you to use flex as much as you can, because it gets your app independent of width and height.
If you need some clarification feel free to comment.
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 can successfully port my android application to bb10 via eclipse plugin that BlackBerry provides and launch my app in BlackBarry 10 simulator.
Here is my problem. Images in my application are not seems ok. They are scaled and distorted.
I searched but couldn't find a documentation about proper image sizes (except app icon)
Is there a documentation for that? Or how do you use your images?
Thanks
Did you provide xHDPI images in your application? If not, it's an expected behaviour
Apple defines 57x57 pixel images linked with rel="apple-touch-icon[-precomposed]". I’m having a hard time figuring out if there is any standard equivalent for the Android ecosystem.
Yes there it is :
http://developer.android.com/guide/practices/ui_guidelines/icon_design.html
http://developer.android.com/guide/practices/ui_guidelines/icon_design_launcher.html
I have been developing Mobile phone apps in Mosync(Cross Platform C++ API - can make apps in iOS, Android, Symbian & Blackberry) & I am looking to develop apps in something else because of the limitations of Mosync.
But I dont want to move to a different API to find they have the same or worse limitations. I am thinking of moving to native API's (iOS or Android) but am open to other cross platform API's aswell.
If I was to move to Android OR iOS OR insert API here would I experience these limitations:
Resizing images is expensive(in terms of RAM & speed). IE, so can Android, iOS handle resizing 10+ images(for eg .png) & display them on screen in a relatively fast amt of time? In Mosync doing such stuff depends on the phone RAM but on HTC Desire(512mb) it takes about 6 seconds which is unacceptable for my app.
Does the API come with its own fonts & layout managers? Mosync doesn't have its own fonts, you have to create & import it & you cant change the colour of a font. You also cannot make the text in a widget display centred or word wrapped, can Android/iOS/other do this?
Can you create your own skins(.png) for buttons(any widget) & set a default API button's skin? This is actually a strength of Mosync where you can change button skins BUT it divides the skin up into 9 sections & only the 5th section is scalable, the others stay the same size, so on small phones a lrg skin looks weird.
Is it a REAL headache designing your app layout because of all the different potential phone sizes there are, so the widgets placement & skins will be incorrect on small screens & images will be out of proportion on large screens? Does the Android/iOS/other API help you by automatically laying out your GUI no matter the phone size & does it automatically scale image widgets & fonts to suit phone sizes?
Any info would be really helpful to a Junior programmer(intern) who is developing mobile apps all on his own & finding the myriad of phone sizes so ANNOYING to compensate for
My experience with Android Code:
Image resizing - Many current android apps seem to meet your
performance requirements although you don't mention the size of the
images which is the key issue.
Android supports many fonts internally, allows full control of font size, type face, colour etc
Android supports a complex variety of 'Drawables' including standard simple
graphics, 9-patch pngs (similar to what you describe) and simple vector descriptions of shapes and colours.
Android was designed with the difficulties of multiple screen sizes in mind; It supports multiple layouts for different screens sizes and orientations. This problem is intrinsically difficult and imho Android takes a lot of the trouble out the process - but it is always going to be a little bit of headache.
I am just reaching production on my first serious android app and have found the development experience pleasant and the learning curve easy.