{"id":2930,"date":"2013-09-19T16:26:31","date_gmt":"2013-09-19T15:26:31","guid":{"rendered":"http:\/\/www.thetawelle.de\/?p=2930"},"modified":"2014-06-12T15:18:25","modified_gmt":"2014-06-12T14:18:25","slug":"ios-7-terraforming-tricks-tools","status":"publish","type":"post","link":"https:\/\/www.thetawelle.de\/?p=2930","title":{"rendered":"iOS 7 Terraforming Tricks &#038; Tools"},"content":{"rendered":"<p>I will start to collect iOS 7 Tricks and Tools here now&#8230;<\/p>\n<h3>iTunes Connect<\/h3>\n<p>Do <strong>NOT!<\/strong> upload <strong>fat binaries (64bit+32bit armv7)<\/strong> the backend does not cope yet with it, but it will soon. It will make your app a rejection if you do it!<\/p>\n<h3>App Icon<\/h3>\n<p>Let&#8217;s start with some icon template <a href=\"http:\/\/ios.robs.im\/\">PSD file, which you get here<\/a>. By the way, you will need to add at least following NEW dimensions:<\/p>\n<ul>\n<li><strong>iPhone\/iPod:<\/strong> Icon in 60&#215;60 (120&#215;120 Retina)<\/li>\n<li><strong>iPad:<\/strong> Icon in 76&#215;76 (152&#215;152 Retina)<\/li>\n<\/ul>\n<p><a href=\"\/wp-upload\/ios7_terraforming_icon.png\"><img loading=\"lazy\" decoding=\"async\" data-id=\"2931\"  src=\"\/wp-upload\/ios7_terraforming_icon.png\" alt=\"ios7_terraforming_icon\" width=\"550\" height=\"401\" class=\"aligncenter size-full wp-image-2931\" srcset=\"https:\/\/www.thetawelle.de\/wp-upload\/ios7_terraforming_icon.png 550w, https:\/\/www.thetawelle.de\/wp-upload\/ios7_terraforming_icon-300x218.png 300w\" sizes=\"auto, (max-width: 550px) 85vw, 550px\" \/><\/a><\/p>\n<h3>Icons for UIBarButtonItems<\/h3>\n<p><a href=\"http:\/\/www.pixeden.com\/media-icons\/tab-bar-icons-ios-7\">A nice iconset #1<\/a>.<br \/>\n<center><a href=\"\/wp-upload\/ios7_terraforming_baritems_2.png\"><img loading=\"lazy\" decoding=\"async\" data-id=\"2939\"  src=\"\/wp-upload\/ios7_terraforming_baritems_2.png\" alt=\"ios7_terraforming_baritems_2\" width=\"550\" height=\"310\" class=\"aligncenter size-full wp-image-2939\" srcset=\"https:\/\/www.thetawelle.de\/wp-upload\/ios7_terraforming_baritems_2.png 550w, https:\/\/www.thetawelle.de\/wp-upload\/ios7_terraforming_baritems_2-300x169.png 300w\" sizes=\"auto, (max-width: 550px) 85vw, 550px\" \/><\/a><\/center><\/p>\n<p><a href=\"http:\/\/www.pixeden.com\/media-icons\/tab-bar-icons-ios-7-vol3\">A nice iconset #2<\/a>.<br \/>\n<center><a href=\"\/wp-upload\/ios7_terraforming_baritems_1.png\"><img loading=\"lazy\" decoding=\"async\" data-id=\"2940\"  src=\"\/wp-upload\/ios7_terraforming_baritems_1.png\" alt=\"ios7_terraforming_baritems_1\" width=\"550\" height=\"310\" class=\"aligncenter size-full wp-image-2940\" srcset=\"https:\/\/www.thetawelle.de\/wp-upload\/ios7_terraforming_baritems_1.png 550w, https:\/\/www.thetawelle.de\/wp-upload\/ios7_terraforming_baritems_1-300x169.png 300w\" sizes=\"auto, (max-width: 550px) 85vw, 550px\" \/><\/a><\/center><\/p>\n<p><a href=\"http:\/\/jlane.co\/ios7-icons\/\">A nice iconset #3 via pay-per-tweet.<\/a><br \/>\n<center><a href=\"\/wp-upload\/icons_ios7_terraforming.png\"><img loading=\"lazy\" decoding=\"async\" data-id=\"2959\"  src=\"\/wp-upload\/icons_ios7_terraforming.png\" alt=\"icons_ios7_terraforming\" width=\"400\" height=\"611\" class=\"aligncenter size-full wp-image-2959\" srcset=\"https:\/\/www.thetawelle.de\/wp-upload\/icons_ios7_terraforming.png 400w, https:\/\/www.thetawelle.de\/wp-upload\/icons_ios7_terraforming-196x300.png 196w\" sizes=\"auto, (max-width: 400px) 85vw, 400px\" \/><\/a><\/center><\/p>\n<p><a href=\"http:\/\/www.sketchappsources.com\/free-source\/281-ios7-icons-natives-and-basics.html\">A nice iconset #4.<\/a><br \/>\n<center><a href=\"\/wp-upload\/ios_terraforming_icons_4.png\"><img loading=\"lazy\" decoding=\"async\" data-id=\"3005\"  src=\"\/wp-upload\/ios_terraforming_icons_4.png\" alt=\"ios_terraforming_icons_4\" width=\"433\" height=\"349\" class=\"aligncenter size-full wp-image-3005\" srcset=\"https:\/\/www.thetawelle.de\/wp-upload\/ios_terraforming_icons_4.png 433w, https:\/\/www.thetawelle.de\/wp-upload\/ios_terraforming_icons_4-300x241.png 300w\" sizes=\"auto, (max-width: 433px) 85vw, 433px\" \/><\/a><\/center><\/p>\n<h3>UIToolbar<\/h3>\n<p><a href=\"\/wp-upload\/ios7_terraforming_statusbar.png\"><img loading=\"lazy\" decoding=\"async\" data-id=\"2942\"  src=\"\/wp-upload\/ios7_terraforming_statusbar.png\" alt=\"ios7_terraforming_statusbar\" width=\"550\" height=\"124\" class=\"aligncenter size-full wp-image-2942\" srcset=\"https:\/\/www.thetawelle.de\/wp-upload\/ios7_terraforming_statusbar.png 550w, https:\/\/www.thetawelle.de\/wp-upload\/ios7_terraforming_statusbar-300x67.png 300w\" sizes=\"auto, (max-width: 550px) 85vw, 550px\" \/><\/a><strong>UIToolbar<\/strong> is your best friend to get a blurred shape area anywhere now. I made some use of this already in my ported CampusHub app. I used it e.g. to place a toolbar right below the statusbar on views which are not contained in any <em>UINavigationViewController<\/em> but still carried scrollable views.<\/p>\n<h3>UIEdgeInsetsMake<\/h3>\n<p>Since the new terraforming guideline is &#8222;GO DAMNIT AND USE THE FULL BLOWN SCREEN!&#8220; we need to apply content insets at several places. An example would look like e.g. this to make the content of <strong>someView<\/strong> (where <strong>someView<\/strong> is some scrollable view) fit the screen and i.e. respect the bottom toolbar e.g.:<\/p>\n<pre class=\"brush: objc; gutter: true; title: Source\/Snippet; toolbar: true; notranslate\" title=\"Source\/Snippet\">\r\n&#x5B;someView setContentInset:UIEdgeInsetsMake(someView.contentInset.top, someView.contentInset.left, 44.0, someView.contentInset.right)];\r\n<\/pre>\n<h3>Frosted UIViewController<\/h3>\n<p>&#8230;hey, why not just <strong>frost it all<\/strong> over? Use <a href=\"https:\/\/github.com\/romaonthego\/REFrostedViewController\">REFrostedViewController<\/a> by <a href=\"https:\/\/github.com\/romaonthego\">romaonthego<\/a>.<br \/>\n<center><a href=\"\/wp-upload\/ios7_terraforming_frostedcontroller_smart.png\"><img loading=\"lazy\" decoding=\"async\" data-id=\"2947\"  src=\"\/wp-upload\/ios7_terraforming_frostedcontroller_smart.png\" alt=\"ios7_terraforming_frostedcontroller_smart\" width=\"550\" height=\"1033\" class=\"aligncenter size-full wp-image-2947\" srcset=\"https:\/\/www.thetawelle.de\/wp-upload\/ios7_terraforming_frostedcontroller_smart.png 550w, https:\/\/www.thetawelle.de\/wp-upload\/ios7_terraforming_frostedcontroller_smart-159x300.png 159w, https:\/\/www.thetawelle.de\/wp-upload\/ios7_terraforming_frostedcontroller_smart-545x1024.png 545w\" sizes=\"auto, (max-width: 550px) 85vw, 550px\" \/><\/a><\/center><\/p>\n<h3>Use Libraries<\/h3>\n<p><a href=\"http:\/\/www.citrrus.com\/blog\/transparent-blur-effect-for-ios-modal-transitions\">These for example<\/a>. Me personally prefers <a href=\"https:\/\/github.com\/nicklockwood\/FXBlurView\">FXBlurView<\/a>. But this all got irrelevant, because iOS 8 will come with <strong>UIVisualEffectsView<\/strong>. The View which burns through all the CPU\/GPU cycles the CoreGraphics Engineers have optimized the hell out over the last years just to bring you live compositing like in Photoshop and shorter battery life.<\/p>\n<p><small><strong>Why do I blog this?<\/strong> Because I hate searching for all this stuff myself. <em>It burns valuable time I could have used to innovate instead of terraform.<\/em> This way others may find some help in their efforts to transition to iOS 7.<\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I will start to collect iOS 7 Tricks and Tools here now&#8230; iTunes Connect Do NOT! upload fat binaries (64bit+32bit armv7) the backend does not cope yet with it, but it will soon. It will make your app a rejection if you do it! App Icon Let&#8217;s start with some icon template PSD file, which &hellip; <a href=\"https:\/\/www.thetawelle.de\/?p=2930\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eiOS 7 Terraforming Tricks &#038; Tools\u201c <\/span>weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,16,88,67,86,36,5,2],"tags":[],"class_list":["post-2930","post","type-post","status-publish","format-standard","hentry","category-best-practice","category-breaking-news","category-coding","category-english","category-future-2","category-mobile","category-usability","category-gefunden"],"_links":{"self":[{"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=\/wp\/v2\/posts\/2930","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2930"}],"version-history":[{"count":0,"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=\/wp\/v2\/posts\/2930\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2930"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2930"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thetawelle.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2930"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}