portkit_featured_image

PortKit shows you each Cocoa UI Element in iOS 6 / iOS 7 and its Android widget version, side by side, so you can compare and find the correct equivalent when porting an app. We are a Brisbane based company that develops iPhone & iPad Apps and Android Applications and we wanted a simple way to visualise, reference and compare UI elements, and have quick access to documentation and the respective naming conventions.

Due to the popularity of this post we decided to add a tonne of handy resources, tools, and tips that we use day to day available at the bottom of this post.




UX Comparison Chart

Skip to awesome resources below ↓

iOS 7 UIButton

label_button_ios7

iOS 6 UIButton

label_button_ios

Resources: UIButton

Design Inspiration: Dribbble Pinterest Board

Android Button

label_button_android

Guide: Button

Resources: android.widget.Button

iOS 7 UISwitch

on_off_switch_ios7

iOS 6 UISwitch

on_off_switch_ios

Resources: UISwitch

Design Inspiration: Dribbble Pinterest Board

Android Switch

on_off_switch_android

Guide: Switch

Resources: android.widget.Switch

iOS 7 UIButton

checkbox_radio_buttons_ios

iOS 6 UIButton

checkbox_radio_buttons_ios

Resources: UIButton

Android CheckBox

android_check_box

Guide: CheckBox

Resources: android.widget.CheckBox

iOS 7 UIButton

checkbox_radio_buttons_ios

iOS 6 UIButton

checkbox_radio_buttons_ios

Resources: UIButton

Android RadioButton

android_radio_buttons

Guide: Radio Button

Resources: android.widget.RadioButton

iOS 7 UIStepper

increment_button_ios7

iOS 6 UIStepper

increment_button_ios

Resources: UIStepper

Android Button

increment_button_android

Guide: Button

Resources: android.widget.Button

iOS 7 UISlider

slider_ios7

iOS 6 UISlider

slider_ios

Resources: UISlider

Android SeekBar

slider_android

Design: Seek Bar

Resources: android.widget.SeekBar

iOS 7 UISegmentedControl

UISegmentedControl_Button_iOS7

iOS 6 UISegmentedControl

UISegmentedControl_Button_iOS6

Resources: UISegmentedControl

Android Button

UISegmentedControl_Button_Android

Guide: Button

Resources: android.widget.Button

iOS 7 UIMenuController

tooltip_ios7

iOS 6 UIMenuController

tooltip_ios

Resources: UIMenuController

Android PopupMenu

tooltip_android

Guide: Popup Menu

Resources: android.widget.PopupMenu

iOS 7 UIPickerView

uipickerview_ios7

iOS 6 UIPickerView

uipickerview_ios

Resources: UIPickerView

Android DatePickers

uipickerview_android

Guide: Pickers

Resources: android.widget.DatePicker

iOS 7 UIDatePicker

UIDatePicker_DatePicker_iOS7

iOS 6 UIDatePicker

UIDatePicker_DatePicker_iOS6

Resources: UIDatePicker

Android DatePicker

UIDatePicker_DatePicker_Android

Guide: Pickers

Resources: android.widget.DatePicker

iOS 7 UITextField

UITextField_EditText_iOS7

iOS 6 UITextField

UITextField_EditText_iOS6

Resources: UITextField

Android EditText

UITextField_EditText_Android

Resources: android.widget.EditText

iOS 7 UITextView

UITextView_EditText_iOS7

iOS 6 UITextView

UITextView_EditText_iOS6

Resources: UISegmentedControl

Android EditText

UITextView_EditText_Android

Resources: android.widget.EditText

iOS 7 UILabel

UILabel_TextView_iOS7

iOS 6 UILabel

UILabel_TextView_iOS6

Resources: UILabel

Android TextView

UILabel_TextView_Android

Reference: android.widget.TextView

iOS 7 UIImageView

UIImageView_ImageView_iOS7

iOS 6 UIImageView

UIImageView_ImageView_iOS6

Resources: UIImageView

Android ImageView

UIImageView_ImageView_Android

Reference: android.widget.ImageView

iOS 7 UITableView

uilistview_ios7

iOS 6 UITableView

uilistview_ios

Resources: UITableView

Android ListView

uilistview_android

Guide: ListView

Resources: android.widget.ListView

iOS 7 UICollectionView

UICollectionView_GridView_iOS7

iOS 6 UICollectionView

UICollectionView_GridView_iOS6

Resources: UICollectionView

GridView

UICollectionView_GridView_Android

Android Guide: Notifications

Resources: android.widget.GridView

iOS 7 UINavigationBar

navigation_ios_title_nav_bar_ios7

iOS 6 UINavigationBar

navigation_ios_title_nav_bar

Resources: UINavigationBar

Design Inspiration: Dribbble Pinterest Board

Android ActionBar

navigation_android_action_bar

Guide: Action Bar

Reference: android.app.ActionBar

Design Inspiration: Dribbble Pinterest Board

iOS 7 UIBarButtonItem

uinavbar_back_search_ios7

iOS 6 UIBarButtonItem

uinavbar_back_search_ios

Resources: UIBarButtonItem

Android ActionItem

uinavbar_back_search_android

Guide: Action Item

Resources: android.view.MenuItem

iOS 7 UITabBar

tabs_ios7

iOS 6 UITabBar

tabs_ios

Resources: UITabBar

Android ActionBar Tabs

tabs_android

Guide: Action Bar Tabs

Resources: android.app.ActionBar.Tab

iOS 7 UIToolBar

UIToolBar_ActionBarBottom_iOS7

iOS 6 UIToolBar

UIToolBar_ActionBarBottom_iOS6

Resources: UIToolBar

Android ActionBar Tabs

UIToolBar_ActionBarBottom_Android

Guide: Action Bar Tabs

Resources: android.app.ActionBar.Tab

iOS 7 UIActionSheet

UIActionSheet_ActionBarSpinner_iOS7

iOS 6 UIActionSheet

UIActionSheet_ActionBarSpinner_iOS6

Resources: UIActionSheet

Android Action Bar Spinner

UIActionSheet_ActionBarSpinner_Android

Guide: Spinner

Resources: android.widget.Spinner

iOS 7 UISearchBar

search_ios7

iOS 6 UISearchBar

search_ios

Resources: UISearchBar

Android SearchView

search_android

Guide: SearchView

Resources: android.widget.SearchView

iOS 7 UIScrollView

UIScrollView_ScrollView_iOS7

iOS 6 UIScrollView

UIScrollView_ScrollView_iOS6

Resources: UIScrollView

Android ScrollView

UIScrollView_ScrollView_Android

Guide: ScrollView

Reference: android.widget.ScrollView

iOS 7 UIPageControl

UIPageControl_ActionBarTabs_iOS7

iOS 6 UIPageControl

UIPageControl_ActionBarTabs_iOS6

Resources: UIPageControl

Android Action Bar Tabs

UIPageControl_ActionBarTabs_Android

Guide: Action Bar

Resources: android.app.ActionBar.Tab

iOS 7 UIViewController Custom Transition

UIViewController_iOS7

iOS 6 N/A

Android DrawerLayout

UIViewController_DrawerLayout_Android

Design: Navigation Draw

Resources: android.support.v4.widget.DrawerLayout

iOS 7 UIWebView

UIWebView_WebView_iOS7

iOS 6 UIWebView

UIWebView_WebView_iOS6

Resources: UIWebView

Android WebView

UIWebView_WebView_Android

Reference: android.webkit.WebView

iOS 7 UIRefreshControl

UIRefreshControl_SwipeDownToRefresh_iOS7

iOS 6 UIRefreshControl

UIRefreshControl_SwipeDownToRefresh_iOS6

Resources: UIRefreshControl

Android Pull to Refresh

UIRefreshControl_SwipeDownToRefresh_Android

Custom in Gmail 4.5 on Android

iOS 7 UIProgressView

progress_bar_ios7

iOS 6 UIProgressView

progress_bar_ios

Resources: UIProgressView

Android ProgressBar

progress_bar_android

Design: Progress Bar

Resources: android.widget.ProgressBar

iOS 7 UIAlertView

modal_ios7

iOS 6 UIAlertView

modal_ios

Resources: UIAlertView

Design Inspiration: Dribbble Pinterest Board

Android AlertDialog

modal_android

Guide: Alert Dialog

Resources: android.app.AlertDialog

iOS 7 Push / Local Notifications

Notifications_iOS7

iOS 6 Push / Local Notifications

Notifications_iOS6

Note: DO NOT CONFUSE WITH NSNotificationCenter

Resources: UIApplicationDelegate Protocol

Android Notifications

Notifications_Android

Guide: Notifications

Resources: android.app.Notification

Icons

Every App needs good icons, here are some great resources and tools we’ve used in our icon design and implementation for iOS and Android. Pay particular attention to correct sizing, we suggest creating your App Icon at at least 1024px by 1024px as this is the minimum for iTunes artowkr when submitting to iTunes connect. All other icon sizes can be automatically generated from this 1 file used the iDeveloper Icon Generator below.

Sizes

  • IconHandbooks Icon Reference Chart for Android & iOS

  • Android Iconography, size and design guide by Google

  • Mrgan’s iOS App Icon Sizes

  • Viki Wenderlich’s iOS App Icon Size

  • Tools

    Design

    • Icon Handbook has some great resources as well as a free Illustrator & PSD download about icons on various platforms.

    • MediaLoots Free iPhone App iCon Kit PSD

    • AppIconTemplates Free iOS App Icon Template PSD




    Fonts

    Debugging bad fonts

    Ever had problems where the Ascenders and Descenders are wrong on your font? Screw manual adjustment with ftxdumperfuser -t hhea -A d font.ttf. Use Fontlab Studios Auto Calculate Function. Go to FontLab and Go:

    File -> File Info -> Metrics and Dimensions -> Key dimensions and TrueType-specific metrics.

    Then hit that beautiful Diamond Button. Save and Smile. :)




    Wireframing




    Handy Utilities

    • iExplorer lets you easily access files inside your iOS apps while they are running.

    • Navicat lets you manipulate those SQLite databases like a boss. There is no better SQL Client. Even works great on CoreData SQLite files just dont touch the Z_METADATA table and remember to update the Z_PRIMARYKEY tables max values.

    • Resizer lets you drag all your @2x files in and it will create non-retina ones for you

    • iOS-Simulator Cropper is a god send when you want to take screenshots and auto crop out the Status Bar.

    • Android Action Bar Style Generator lets you easily create custom themes for your ActionBar

    • Android Holo Colors Generator lets you easily create Android Theme colors based on Holo Light or Holo Dark.

    • Android DPI Calculator lets you easily back calculate a size in one DPI to another DPI




    Beta Testing with TestFlight

    TestFlight is an App Beta Testing platform for iOS and Android. Also the SDK has an Auto Update feature which kicks ass for Beta Testing!

    Pro Tip: If you have an Enterprise iOS Account you dont need your testers UUIDs before building your Beta builds. Talk about $300 well spent. Just build for Enterprise and upload to TestFlight then allow access to anyone via TestFlight and voila. Nothing worse than a client who suddenly needs access to the Beta on another device which you dont have in your Provisioning Profile!




    Created by

    Madhava Jay

    Maurice Kindermann

    , Google+


    • Sean Harlow

      The entry you have labeled as a Spinner on the Android side is a Picker.

      http://developer.android.com/guide/topics/ui/controls/pickers.html

      • Maurice Kindermann

        Thanks, fixed it up! There’s a couple other small things we’ll fix up next week. Technically the UIButtons for CheckBoxes and Radio buttons are the same on iOS, but different on Android.

        • Alex

          Also make sure to fix or add the new style of navigation (Navigation Drawer) as per the design guidelines:

          http://developer.android.com/design/patterns/navigation-drawer.html

          (the new ones swipe from the side)

          Also the new action bar should not just be an arrow, it should also have 3 lines stacked up to signify the new navigation style

          • Maurice Kindermann

            Great idea, we haven’t had a chance to experiment with the Navigation Drawer yet so it missed our radar.

            Actually all the Android elements you see we made in PhotoShop because we weren’t happy with the UIKits available. We’re going to publish them next week.

            • Dave

              response to having to create your own android elements in Photoshop, was the official Android stencils download not enough for your needs – http://developer.android.com/design/downloads/index.html

            • Maurice Kindermann

              Thanks for the share I’ve never seen these before. Super useful, I’ll add them to the post :) .

        • Dan Morrow

          Checkboxes and radio buttons don’t exist on iOS. Are you creating these yourself? Because all of the other controls are native.

          • http://kintek.com.au Maurice

            Good question. We weren’t sure what to do with it because Android has both natively, but technically in iOS a checkbox / radio button is just a custom UIButton.

            Those images are from the GUI PDF download. The only place I know Radio & Checkboxes appear are in Safari. I’ll check with our developers tomorrow and get back to you with a better response.

    • nagash

      Oh Gosh, IOS 7 is ugly as hell 0_o

      • Fred

        I’m not sure why I’m bothering, but I’ll go ahead and point a couple of things out:
        1) It’s an early beta of an OS that will not be out for another 3 months (at least). Things will change.
        2) If you’re going by screens you see on the Internet, you are silly.

        • fourthletter

          So where is your web page showing how much iOS6 changed between beta and release – oh yeah it didn’t really and neither will iOS7.

      • carlcarlson

        Please show us all your beautiful UX design work, and your Knighthood. Do you even know when Helvetica was created?

        • fourthletter

          Knighthoods are given out to politically celebrate talented British people, it is not a matter of skill or reward, simply the British government wanting to remind the world that Jony Ive is British.
          You don’t need to be as good a designer as Ive to criticise his work, never mind the fact that this comparison shows just how much of Ive’s work was lifted straight out of Android!

      • Jamie McClymont

        I know, I’m selling my iPad mini and buying a Nexus 7 today. Sure, it’s a beta, but there are SO MANY ugly bits, and they haven’t started changing any!

    • Sven

      I’m not 100% sure, but it seems to me that you mixed up the pictures of the iOS 6 UIToolBar and the Android ActionBar Tabs.

      This overview is really helpful – thank you! :-)

      • http://kintek.com.au Maurice

        Well spotted, thanks.

    • http://curioustechizen.blogspot.com/ Kiran Rao

      1) The iOS 6 UIToolBar and Android ActionBar Tabs images have been interchanged. Also, in the same item, the Android screenshot doesn’t show ActionBar Tabs – it shows the “Bottom bar” component of a “Split Action Bar”. These two are very different : Action bar tabs are for navigation, while actions are .. well .. actions.
      2) What you call Android ActionBar Spinner is actually the Action Overflow Menu. ActionBar Spinner does exist as a UI pattern in Android.
      3) The UIPickerView of iOS actually corresponds to Android’s “Spinner” widget
      4) For the same reason as point 1) above, I would argue that UITabBar and ActionBar Tabs server very different purposes: UITabBar is for actions, while in Android, ActionBar Tabs are for navigation
      5) You’re probably better off providing a different example for Android ScrollView. A settings screen is implemented as a PreferenceScreen, which internally uses a ListView – so you never use a ScrollView directly there.

      Also, you should probably put a disclaimer that some of the metaphors don’t quite translate as well from one platform to the other.

      In general, I appreciate this idea of a one-place-reference of equivalents between Android and iOS UI elements. However, it seems that the authors of this article need to better understand (at least one of ) these platforms. And I do not mean that as a critique – this comment is intended as frank feedback hoping that this article will be further refined.

      • http://curioustechizen.blogspot.com/ Kiran Rao

        I went through this post in greater detail, and spotted a couple of other things:

        6) A UISegmentedControl is alien in the world of Android. Having said that, there do exist popular apps that use something similar (including the TED app), However, in my opinion, the correct Android equivalent to a UISegmentedControl is either a ViewPager with tab indicators; or simply a set of mutually exclusive Radio Buttons – depending on the intended UX.

        7) The PopupMenu should generally be avoided in Android (although there do exist valid uses for it). In most cases, the equivalent to a UIMenuController would be a Contextual Action Bar.

        8) The standard way of doing refresh in Android is to provide a refresh button (usually in the Action Bar) and display an indeterminate ProgressBar to show that some refresh is happening. Having said that, there are several third-party libraries that provide an iOS-like pull-to-refresh UX and several popular apps use it so Android users are pretty used to that concept. GMail’s Holo take on it is more of an experiment I’d say.

        9) For the UIPageControl, I would argue that the equivalent is actually a ViewPager (not necessarily one attached to a tab indicator).

        10) There is no equivalent to a UIStepper on Android. You can create a similar-looking UI using buttons, but I’d say that a picker or a seekbar would be more appropriate depending on the exact requirement. This one is up for debate though.

        Of course, it is worth pointing out that either OS has some UI elements that are not available on the other (or do not make sense on the other).

        • Dave NZ

          I think you’ve misnamed the Win Phone column as “iOS7″…

          Can we please dispatch the “spinner” to the carpark behind the members stand (cricket joke). They don’t spin, they’re just combo boxes! How on earth did Android get to a point where “Spinner” refers to a static list and “Picker” refers to a spinning control?

          Some of these components are compromises and should be avoided. For example the “Overflow menu” in Android serves to ensure cross-device compatibility since the hardware menu button was deprecated in many devices. It is completely redundant where the navigation drawer is employed – the nav drawer is a menu activated by a 3 LINE menu icon, the overflow is a menu activated by 3 DOT menu icon. In the immortal words of Duncan MacLeod – “There can be only one”

          • http://curioustechizen.blogspot.com Kiran Rao

            Dave NZ,

            Agree about the poor terminology for Spinners. They should’ve been called Combo boxes or drop downs instead.

            Regarding your comment about action overflow being redundant, that is *completely wrong!*

            In Android, there is a clear distinction between “Actions” and “Navigation”. The action overflow is for actions. For an email app, create, delete, archive, star, apply label etc would be actions. If there are more actions than can fit on the action bar, you put them in overflow. Also standard across like settings, about and help go in overflow.

            The recently released Navigation Drawer is for navigating (potentially disjointed) sections of your app. For an email app, you might use it for navigating folders or labels for example.

    • http://blog.konodora.de meocrisis

      my opinion, as you can read in my (german) blog…:

      UiButtons:
      In iOS6 the font is bold and easy to read. The bold letters provide a high contrast to the buttons background color.
      In iOS7 the font is thin and due to the smaller kerning it is harder to read. The thin border shows only a small shadow which makes it harder to realize that this is a button and no textfield.
      If you look through a pinhole, the iOS7 elements are harder to recognize.

      UiStepper:
      In iOS6 the – & + are thinner than in iOS7 which makes it harder to recognize / use, but the look provides a higher quality. the metal buttons are looking like real buttons. The iOS7 Buttons are using a high contrast but the look is cheap instead of simplified.

      UISwitch:
      iOS6 marks the switch with “on” and “off”. the larger width gives the user an higher comfort of sliding over these switches. a tap or a slide over these switches can change the state.
      see http://www.live4this.com/DarshStuff/dieter_rams_photos/dieter_rams-10principles-05.jpg
      iOS7 uses no marks that you cant really be sure if this is a switch or something other UI element. the background of the switch is the same color/ contrast like the background. the border is a thin light-grey line. the switch-way is shorter and its harder to use it with a slide. the switch-on animation is different to the switch-off animation. that makes no sense.
      If you look through a pinhole, the iOS7 elements are harder to recognize.

      UISlider:
      iOS6 sliders are thicker which gives the user an easier look of the state. the sliderbutton is separated from the background with inner shadows.
      iOS7 sliders are thiiner which makes it harder to realize the state. the sliderbutton is not cleary visible, only the bottom shadow makes it recognizable.

      UISegmentedControl:
      In iOS6 the Labels (“Proxy”) is darker and easier to separate from the buttons text. The Buttons inner shadows provides a clearly state (on/off). the button text is bold and good to read although the contrast from text to background is low (limited by the gradient).

      UIMenuController:
      iOS6 the text is bold and easy to read. the buttons are recognizalbe as button because of the gradient and shadows.
      iOS7 uses thinner text which is harder to read. the buttons are flat and not like a button you know from other UIs. the text is vertically not centered.

      UIPickerView & UIDatePicker:
      iOS6 uses bold text. the selected entrys are covered by plexiglass. the not selected entrys are easy to read so that you can easily change the state.
      iOS7 uses thin text. the selected entrys are easy to read but the not selected entrys are greyed out and displayed in perspective which makes it harder to read.
      the list looks not like a round roll but like a rubberband with a small roll behind.
      the “done” & “clear” button looks like a description text.

      UITextField:
      in iOS6 the Textfield are surrounded by a grey border. the white textfield separates clearly from the background. the “add photo” field is a rectangle, because every is a rectangle.
      in iOS7 the textfield is white with a white background. you see no borders. if you want to add some contact information fields you don’t know where you can tap the field to start typing. the round photo is unlucky designed. it uses the sam width and height like in iOS6 but offers less information from the photo.

      UINavigationBar:
      in iOS6 the Navigationbar is heading the content with a high amount of contrast (to the content). the “back” button is great. its shaped like a real-world-button
      and the left arrow show the user the way it guides.
      in iOS7 the Navigation uses less contrast to the content, so the difference is not clearly seen. the text its bold and easy to read. but the kerning seems to be different to the buttons. the upper right button is even not designed like a button as the upper left “back” button. the left arrow is bolder than the text, it doesn’t fit the same look.

      UIBarButtonItem:
      in iOS6 the buttons are shaped like buttons. the icons are monochrome, but offers bold surfaces for an easy recognition.
      in iOS7 the buttons are not separated from the background (flat) which makes not clear if it belongs to the background (e.g. text, symbols). the “reload” button is bolder than the “plus” button. it looks like both are in a different size

      UITabBar:
      iOS6 UITabBar Buttons are highlighted and colored. they separate clearly from the not selected entrys.
      iOS7 UITabBar Buttons are not highlighted, only colored. it separates, but not clearly as in iOS 6. the not selected entrys are harder to ready because of lower contrast to the background.

      UIToolBar:
      the iOS6 UIToolBar separates clearly from the content because of the blue gradient and the darkgreyed border. the buttons are clerkly visible and easy to understand. the difference of meaning between the “share”, “bookmarks” and “tabs” is big. the “share” point to the right direction, which indicates a “forward” to someone (person) or something (service, e.g. printer).
      in iOS7 the UIToolBar is only separated by a light-greyed border. the buttons are thin designed, not clearly recognizable and harder to understand
      the “share” button is pointing in the upper direction which indicates an upload so somewhere (cloud etc.). but the recipient of an iMessage, AirDrop, Printer content is not in the cloud, its on earth.

      UIActionSheet:
      in iOS7 the UIActionsSheet looks like a background with some text. its not clearly visible whats a button and whats text.

      UIScrollView:
      the UIScrollview in iOS7 is much thinner than in iOS6. even the transparency / contrast to the background is higher / lower. harder to recognize…

      UIPageControl:
      its clearly better visible in iOS 7. in iOS 6 the dots are too small to tap / see.

      UIRefreshControl:
      this is my personally greatest disaster in iOS 7: i really felt in love with the rubber-like circle in iOS 6. the animation is great and a friend of mine (web- and interface-designer) totally freaked out as i showed it him the first time. this was genius!

      controlcenter:
      the lower buttons are rectangles with rounded corners, the upper buttons are cirlces. whats that!?
      the indicator of the music slider is xx pixel width. how should i tap this one? why is this slider different from other sliders?

      Homescreen:
      the icons in the home screen are in bright colors (green, red, …) and in a flat design. the background looks transparent, the layers (notification center, control center) are giving a feeling of depth. flat and depth. bright and colorful and transparency. thats inconsistent.
      The icons of iMessage, Phone and FaceTime (why do we need an extra FaceTime app!?) are signal-green and painted with the same gradient (dark bottom to light top). the space between the symbol and the icons border is different in the phone app. the black stocks icon burns in my eyes every time i see the homescreen. its like a hole in my display. the maps icon offers small details, the others icons not (e.g. camera). the weather app icon uses a different gradient (light bottom to dark top).
      The red notification indicators in the upper right corner of every icon aren’t centered. the number seems to be a little bit too much right. the red circle is not a circle.
      New Apps were bannered with a diagonal “new” flag in iOS 6, now there is a small, nearly invisible blue point left to the apps name.

      generally:
      its needless to say, that in iOS 7 its harder to understand whats a button or a text and whats content or UI. both user types will be struggling, the one who uses the iPhone since years/months and know the most parts of the UI and even the beginners. not everyone understands the meaning and sense of typography (e.g. what will a smaller kerning mean for me?).

      iOS 7 introduced many many cool features and new APIs, but the flat UI is unbelievable bad. i cannot believe, that this is the result that apple would like to show the (dev-)world in a beta release. although its beta 1, this is not acceptable. MacBooks and iPhones aren’t flat, it’s a real 3 dimensional product which needs a real 3 dimensional user interface with lights, shadows and borders.

      scott forstall seems to be an asshole in apples eyes, but not everything he created is bad now.

      i would like to apologize for my bad english. i do my very best, but i need more practice… thats all, thank you!

    • http://ustwo.co.uk Lawrence

      Hey Dudes, Fantastic resource and thanks for spending the time putting this together and sharing with the community!
      Ill be Using this on a regular basis I’m sure.

      I See a couple of points which I think need to be clarified:

      iOS 7 UIPageControl > AndroidScrollableTabs (Show image of Scrollable tabs)

      UIActionSheet > Android AlertDialog (With Radio Button Options)

      I dont think the spinner control is a good analog for iOS UIActionSheet, which is fundamentally a Modal dialog.

      Look forward to hearing what you guys think. :)

    • http://www.twitter.com/KreativeMente Kreative Mente

      Awesome!

    • Fred

      Great work!

      Could you update the iOS 7 UIPageControl example to use a different background image?

    • Maurice Kindermann

      Sure no problems I’ll do it later today.

    • Nithin kn

      It’s a awesome articles guyz.

    • Ryan A.

      Nice work guys. This is really helpful. – Ryan Allis, Connect

    • nathanbroyles

      iOS 7 UIButtons do not have rounded corners or drop shadows as portrayed in this post. They are simply colored text.

    • Josh Gosse

      You’re confusing UILabel on iOS with UITextField I’m pretty sure, especially given the fact you’re comparing to TextField in Android. Otherwise, this is a pretty solid guide!

    • Neurus

      Thanks for this (despite some errors already pointed out). In any case, to anyone who’s going to port an App from iOS to Android (or vice versa) my advice is to learn the platform before you even start working. The way to move around the OS is different. Android users expect certain UI elements in certain places that iOS users have no knowledge of. The same goes the other way around. Imagine an iOS app with an Action Bar…
      ;)

    • Thomas

      Really nice job !
      If you could add BlackBerry 10 and Windows Phone 8 it would be awesome !

    • A7mc

      This is great! Thanks for putting it together. Now if you could just add Windows Phone and Blackberry 10 to this compare list, it would be simply amazing. Please? Pretty please? I can help if you want…

    • Claudio

      Nice work.
      Missed UISplitViewController

    • iFan

      iOS 7 is the nicest of the three. iOS 6 is a close second. Android doesn’t even come close.

      • Telefunken

        LOL at your nickname. Judging by market share, most smartphone and tablet users don’t agree with you.

        • iFan

          So you’re saying global marketshare represents what users think of the design? Right, because pricing, availability, tweaking ability for nerds, etc. doesn’t affect marketshare at all. It’s just OS design. Idiot.

    • Telefunken

      Nice hair!

    • aldsgn

      i think this is a great UI resource! from a designer’s standpoint, it would be interesting to see windows phone OS as well to get the whole spectrum. android has definitely gotten their UI polished.

    • fuzzybee7

      Interesting, thank you for sharing

    • Mobin Ranjbar

      What should we do about Android on Linux ? That PSD file you provided is just for one/two operation system/s.You have to cover all of that.We’re using Gimp on Linux.

    • Hannes Jung

      that fontlab diamond button saved my day! thanks guys! :)

    • Akbar Sha Ebrahim

      It’s really nice to take a short and quick comparison.. time save..

    • Lino Wiehen

      you should add skala preview to helpful apps

    • Fred

      Awesome. Thank you. :-)

    We'd love to
    hear from you

    We've prepared a simple project planner to get started.

    Lets get started

    Or send us a
    message

    Phone: (07) 3878 1151

    Address: Level 2 19 Hope Street,
    South Brisbane, 4101, QLD, Australia

    • This field is for validation purposes and should be left unchanged.
    css.php