How To Convert iOS UI To Android


1. Do Not Convert

You shouldn’t use the same UI spec to Android. iOS has a “physical home button” that brings you from any screen to home. However, the Android has “back, home and multi tasking buttons” on the screen.
To learn complete ios app development course visit:ios online course
What does this mean?
An Android user can browse your app, go to the other app, and come back easily. That makes a huge difference.
For this reason, iOS generally has a mixture of vertical and horizontal UI structures, but the Android is more vertical.
And these “back, home and multi tasking buttons” are on the bottom so you can’t have a tab on the bottom.

2. Familiar with New Terms

You will often hear the terms “DP”, “SP” and “9 Patch”. DP and SP are size units and 9 Patch is the name of the asset format.
DP stands for density independent pixels. It is the absolute unit that never changes in size.
SP is basically the same as DP, but it’s scaleable. If the user set font is huge on device settings, the SP defined font size will be set as huge.
9 Patch is a unique scaleable asset format that dramatically reduces file sizes. It is typically used in a button with a shadow.

3. Understand Screen Density and Sizes.

Unlike with the iPhone, hundreds of manufacturers make their own devices. For example, OpenSignal.com made beautiful, but scary infographics for android fragmentation:
But don’t panic since you don’t have to design for all these cases.
The Android has a screen density system that adapts to each screen size. So you only need to take care of five (to seven) different sizes.
If you start your design at 1080 x 1920 pixels, you are not designing only for Nexus 5. Those spec and assets all go to all other XXHDPI phones, such as the Galaxy S4, HTC One or LG G2.
And let’s bring back DP…
Again, DP is an absolute number for any screen. To make the right amount of pixels, you have to multiply or divide by each density. For instance, if you do a mockup at 1080 x 1920 pixels, you have to divide all pixel numbers by three and it will be DP.
Yes, you have to do some math here, so I prefer to start at 360 x 640 pixels to begin with (then every number is just DP). However, it’s up to you.
In any case, you should make the effort to optimize your app for different screen sizes and densities. I recommend that you test on at least five different density devices before going live. Interestingly, its ratio is very similar to others so you don’t have to care about the initial layout.

4. Icons

Icon style is more solid and round on the Android.
The Android drawable icon system scales up/down icon sizes automatically. However this scaling can cause artifacts in the bitmaps. To ensure your bitmaps look their best, you should spend some time to optimize for each size.
Widget
Android Widget is one of the unique features from the early version. You can create simple but useful cards on the home screen. But it has limited features; so see how others are doing it and talk with engineers before you start to design it.
Notification
Notifications are typically icon + text or picture + text. Android OS 5 (Lollipop) and below OS4 (KitKat, Gingerbread) use different treatments.
To learn complete ios course visit:ios app development course

Comments

Post a Comment

Popular posts from this blog

iOS - Objective C Basics

The language used in iOS development is objective C. It is an object-oriented language and hence, it would be easy for those who have some background in object-oriented programming languages. To learn ios app development course visit: ios online training Interface and Implementation In Objective C, the file where the declaration of class is done is called the interface file and the file where the class is defined is called the implementation file. A simple interface file MyClass.h would look like the following − @interface MyClass:NSObject { // class variable declared here } // class properties declared here // class methods and instance methods declared here @end The implementation file MyClass.m would be as follows − @implementation MyClass // class methods defined here @end Object Creation Object creation is done as follows − MyClass *objectName = [[MyClass alloc]init] ; Methods Method is declared in Objective C as follows − -(returnType)methodName
Read more

14 must knows for an iOS developer

Image
As an iOS developer , I have created apps from scratch, maintained apps and, been in a lot of different teams. In all my time in the industry, a saying has stuck with me: “If you can’t explain it, you don’t understand it”. So in an attempt to fully understand what I do on a daily basis, I’m creating a list of what, in my opinion, is essencial to any iOS dev. I will try to explain each point in a clear fashion.  To more info visit: ios app development course . 1 — Source control Congratulations you were hired! Now fetch the code from the repo and get to work. Wait what?Every project is going to need source control, even if you are the only dev. The most common ones are Git and SVN. SVN  relies on a centralised system for version management. It’s a central repository where working copies are generated and a network connection is required for access. Its access authorization is path based, it tracks changes by registering files and the change history can only be seen, fully, in the
Read more

iOS UI Segmented Controls

Image
Here we will learn iOS UI segmented control in swift with example and how to use iOS UI Segmented control to show multiple segments in swift using Xcode editor. iOS UI Segmented Control In iOS segmented control is a horizontal control made with multiple segments and each segment will act as a separate view. Generally, we use segmented controls whenever we want to show a group of controls into separate sections or change the views like Maps, switch between transit or satellite views when clicking on segmented control. Our iOS segmented control will be like as shown below We can use  SegmentedControl  in our iOS applications by adding  UISegmentedControl  class reference. Now we will see how to use iOS UI segmentedcontrol in our iOS applications with example. Create iOS SegmentedControl App in Swift To create a new project in iOS Xcode open Xcode from  /Applications  folder directory. Once we open Xcode the welcome window will open like as shown below. In the welc
Read more