Technical Notebook

Recently Google released Chrome for iPad and iPhone, my first thought when I watched the announcement on Google IO was: ‘Why isn’t there at least Firefox for iPad?’. After all it’s not that hard to develop the UI components like tabs and the other stuff that’s needed for a modern tablet browser (I actually designed a tab component: SGTabs).

So I decided that I should spend some time and try to build a reasonable complex prototype by forking Firefox Home for iPhone. I choosed the codename ‘Foxbrowser’ to indicate the long term goal of the project. I needed a few components to support all necessary features

• A tab component
• An address bar for real-time search in your bookmarks, tabs and history.
• Browser controls (Back, Forward, Cancel/Reload)
• A screen for new tabs with your most frequently visited websites
• A screen for your open tabs on other devices
• A bookmarks browser
• A web view controller with custom context menus and HTTP Auth
• Settings View
• Login View
• To speed up the development, I forked the Firefox Home App and were able to reuse many components that were not UI specific. Code is available on Github: http://git.graetzer.org/Foxbrowser/

Comment on this article

Ich habe zuletzt an einem Android Projekt gearbeitet, in dem Tabs zum Einsatz kommen sollten. Um ein modernes Design auch auf älteren Android Versionen zu erreichen, ionbarsherlock eingesetzt in Kombination mit dem ViewPager Beispiel aus dem Android Support Package. Das Ergebnis ähnelt ein wenig dem was Google in der Play Android App benutzt

https://gist.github.com/2424383

Comment on this article

Nachdem ich zuletzt mit dem ViewPager unter Android gearbeitet habe, musste ich etwas ähnliches auch für iOS implementieren. Das ist eigentlich nicht besonders schwer, UIScrollView hat schließlich Paging Support und eine kurze Google Suche ergibt zeigt mehr als genug Beispiel Code.

Was ich aber nicht gefunden habe ist eine Implementierung die auch Titel anzeigt, zB. so ähnlich wie Google es in seiner Google+ App macht.

Dem habe ich mich mal angenommen und gleich zwei Implementierungen eines Container ViewControllers erstellt, die die UIViewController Instanzen die man als Child’s hinzufügt anzeigen. Die erste Implementierung zeigt ein UIPageControl am der unteren Rand, um dem Nutzer die aktuelle Seite zu signalisieren. Die zweite Implementierung zeigt am oberen Rand eine Leiste mit den den Titeln der ViewController, ungefähr ähnlich zur Google+ App

Den Code gibt es unter https://github.com/graetzer/SGViewPager

Comment on this article