Basic Wireframe Screens

Discussion in 'iOS Programming' started by oo7ml, Jan 9, 2015.

  1. oo7ml macrumors 6502

    Joined:
    Jan 20, 2010
    #1
    Hi,

    I am hoping to learn iOS development this year.

    I'd like to start off by learning how to put basic native iOS screens together such as:

    - standard native iOS menu with 4 tabs
    - standard top nav bar with setting icon
    - standard native scrolling list
    - standard native form screen (such as a login)

    I am not looking to connect any database etc to the above, i just want to be able to create a very basic wireframe screen(s).

    I understand that there is a lot to learn for Swift and the above approach is probably not ideal, however it's the approach that i would like to take for now, as i always tend to learn better when i have something tangible to use, instead of just learning code from the start.

    Could anyone recommend a good learning source which would help me achieve the above, thanks in advance for your help.
     
  2. DannyBres macrumors 65816

    DannyBres

    Joined:
    Oct 30, 2007
    Location:
    UK
    #2
    As you say htis is a terrible idea. I cannot understand how getting this UI together will help you as you will not understand the way the Cocoa frameworks work fundamentally. I would start by reading BNR Objective-C / iOS programming depending on your previous knowledge.

    However:

    - standard native iOS menu with 4 tabs
    This will be a UITabBarController with 4 UIViewController objects sets as the UITabBarController's viewController's property.

    - standard top nav bar with setting icon
    This will be a UINavigatonContoller with the rightBarButtonItem property set as a UIBarButtonItem object.

    - standard native scrolling list
    This is a UITableViewController

    - standard native form screen (such as a login)
    Probaly a UITableViewContoller presented modally or just a UIViewController/UIScrollView?

    But seriously, work through iOS programming by BNR, you'll understand how ALL of this works and how to use the documentation properly.
     
  3. oo7ml thread starter macrumors 6502

    Joined:
    Jan 20, 2010
    #3
    Great, thanks.

    The reason i would like to learn this way, is because i usually learn things better through 'reverse engineering' them. I always seem to learn quicker when i have something that works, then i start from the ground up (yeah i know... strange :)

    Any reason why choosing BNR?
     
  4. DannyBres macrumors 65816

    DannyBres

    Joined:
    Oct 30, 2007
    Location:
    UK
    #4
    I needed a starting place and after much researching I decided to read Obj C and iOS programming by BNR. I finished about 2 years ago and I have been developing eversince without further (text book) reading.

    It gave me a fantastic foundation and every new framework/feature I can just jump into the documentation and start using it.
     
  5. oo7ml thread starter macrumors 6502

    Joined:
    Jan 20, 2010
  6. DannyBres macrumors 65816

    DannyBres

    Joined:
    Oct 30, 2007
    Location:
    UK
    #6
    For reverse engineering, try the Ray Wenderlich tutorials they normallt have finished xcode projects embedded to download and run.

    The problem I had with your method (which a tried and led to endless frustration, I started and gave up about 4 times before i bit the BNR bullet) is the options you need to set in the GUI in xcode are not obvious. For example which object is controlling each view in the storyboard, how interface builder works, how the links to IBoutlets are created, where a table view defines its delegate and data source, autolayout etc.
     

Share This Page