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.
Custom in Gmail 4.5 on Android
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.
Android Iconography, size and design guide by Google
Mrgan’s iOS App Icon Sizes
Viki Wenderlich’s iOS App Icon Size
Font Squirrel is our favourite free font website
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.
Balsamiq is by far our favourite wireframing tool
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
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!