• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Fast UI creation with MonoTouch.Dialog, Nic Wise
 

Fast UI creation with MonoTouch.Dialog, Nic Wise

on

  • 2,538 views

 

Statistics

Views

Total Views
2,538
Views on SlideShare
2,537
Embed Views
1

Actions

Likes
3
Downloads
45
Comments
0

1 Embed 1

https://twitter.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Fast UI creation with MonoTouch.Dialog, Nic Wise Fast UI creation with MonoTouch.Dialog, Nic Wise Presentation Transcript

    • Nic WiseFastchickennicw@fastchicken.co.nz@fastchickenFast UI Creation withMonoTouch DialogWednesday, 17 April 13
    • Nic Wisee. nicw@fastchicken.co.nzt/a. @fastchickenb. http://www.fastchicken.co.nzFull source and slides will be onGitHub.Wednesday, 17 April 13
    • Overview• Overview - what are we trying to solve here?• The iOS way - UITableView(Controller)• The easy way - MonoTouch.Dialog• Elements• StylingWednesday, 17 April 13
    • ListsWednesday, 17 April 13
    • Wednesday, 17 April 13
    • Wednesday, 17 April 13
    • Lists are the core mobileinteractionWednesday, 17 April 13
    • UITableView(Controller)SectionSection headerSection footerCellNavigation BarWednesday, 17 April 13
    • Wednesday, 17 April 13
    • UITableView• Based around a callback / delegate model• “How many sections do you have”• “Give me cell 4 for section 2”• A cell is just a view container• Cells are recycled• You have to maintain your own modelWednesday, 17 April 13
    • Seriously powerful.A little tedious to work with.Wednesday, 17 April 13
    • That’s all a bit repetitive...“Although the widget is pretty powerful, creating UIs with itis a chore and a pain to maintain.... my fingers developed calluses, and at night I kept thinkingthat there should be a better way.”Miguel de Icazahttp://tirania.org/blog/archive/2010/Feb-23.htmlWednesday, 17 April 13
    • MonoTouch.Dialog• Make it easy to create forms and list-based views• Make it flexible enough to do anything that UITableView can do• Flip the API model from callback to model-drivenWednesday, 17 April 13
    • Concepts• DialogViewController• Element• RootElement• SectionWednesday, 17 April 13
    • Building with Elements• The RootElement is at the top of the tree, it contains...• ... Section(s), which contain ...• ... Elements (which wrap cells)Wednesday, 17 April 13
    • MonoTouch.DialogSection ElementRootElementElementSection ElementSection ElementElementWednesday, 17 April 13
    • So, how do we put this alltogether?Wednesday, 17 April 13
    • Manually building a formWednesday, 17 April 13
    • Reflection APIWednesday, 17 April 13
    • ListsWednesday, 17 April 13
    • LINQ APIWednesday, 17 April 13
    • Mix and MatchThis is an && decision, not an ||Wednesday, 17 April 13
    • The RootElement tree isMutableWednesday, 17 April 13
    • ElementsWednesday, 17 April 13
    • Building custom elements iseasyWednesday, 17 April 13
    • Building Custom Elements• Customize an existing Element• Use UIViewElement• Easy! Not as resource friendly• Use a UITableViewCell descendant• Slightly harder. Total control.Wednesday, 17 April 13
    • Custom ElementsWednesday, 17 April 13
    • Deep Customization• Changing the background image for all Grouped cells• May require a change to the base MonoTouch.Dialog source• How / whereWednesday, 17 April 13
    • Inspirationpttrns.com; behance.com; dribbble.com; pinterest.comWednesday, 17 April 13
    • Maintaining your own version• Avoid it if you can (makes life a lot easier)• Try to pull + merge as frequently as possible• Absolutely get the code down and look at it - understand how theframework worksWednesday, 17 April 13
    • MonoTouch.Dialog• You can build anything with it you can do with a UITableView• Very quick to understand and use• Very mature, still maintained, ships with Xamarin.iOS• Full customization of any part of the table if you are prepared to messwith the source a littleWednesday, 17 April 13
    • UICollectionViewWednesday, 17 April 13
    • Wednesday, 17 April 13
    • Q&AWednesday, 17 April 13
    • THANK YOUWednesday, 17 April 13
    • Resources• Code and sides:• https://github.com/nicwise/EvolveMonoTouchDialog• MonoTouch.Dialog:• https://github.com/migueldeicaza/MonoTouch.DialogWednesday, 17 April 13
    • UICollectionView Resources• http://docs.xamarin.com/guides/ios/user_interface/introduction_to_collection_views• https://github.com/mpospese/CircleLayout• https://github.com/slodge/RotatingCollectionView• https://github.com/chiahsien/UICollectionViewWaterfallLayout• https://github.com/schwa/CoverflowWednesday, 17 April 13
    • Design Inspiration• http://www.mobiledesignpatterngallery.com• http://pttrns.com• http://dribbble.com• http://behance.comWednesday, 17 April 13
    • Wednesday, 17 April 13