IOS上路_16-简单示例-故事板

1.创建StoryBoards项目:

    1SingleViewApp

IOS上路_16-简单示例-故事板_第1张图片

    2UseStoryboards

IOS上路_16-简单示例-故事板_第2张图片

    3)完成:

IOS上路_16-简单示例-故事板_第3张图片


2.测试:

    1)双击ViewController控件,添加一个标签:

IOS上路_16-简单示例-故事板_第4张图片

    2)运行效果:

IOS上路_16-简单示例-故事板_第5张图片


3.给默认视图创建导航:

    1)选中ViewControllerEditorEmbedInNC

IOS上路_16-简单示例-故事板_第6张图片

    2)效果:

程序入口箭头自动转移到导航控件。

IOS上路_16-简单示例-故事板_第7张图片

此时测试结果和上面是一样的。


4.创建多视图:

    1)在故事板中加入一个新的导航:

IOS上路_16-简单示例-故事板_第8张图片

    2)再加入一个ViewController,并添加导航:

IOS上路_16-简单示例-故事板_第9张图片

    3)选中全部导航,添加工具条(标签条):

IOS上路_16-简单示例-故事板_第10张图片

    4)效果:

        (1)程序入口会自动切换到工具条上。

IOS上路_16-简单示例-故事板_第11张图片

        (2)工具条:

IOS上路_16-简单示例-故事板_第12张图片

        (3)导航控件:

IOS上路_16-简单示例-故事板_第13张图片

        (4)工具条和导航的对应:

IOS上路_16-简单示例-故事板_第14张图片

    5)测试:

IOS上路_16-简单示例-故事板_第15张图片


5.多视图切换:

    1)在第一个ViewController中添加3个按钮:

IOS上路_16-简单示例-故事板_第16张图片

    2)在故事板加入一个ViewController

IOS上路_16-简单示例-故事板_第17张图片

    3)建立级联:

IOS上路_16-简单示例-故事板_第18张图片

    4push

IOS上路_16-简单示例-故事板_第19张图片

    5)同样方法建立另外两个按钮和其它视图控件关联:

IOS上路_16-简单示例-故事板_第20张图片

    6)测试:

IOS上路_16-简单示例-故事板_第21张图片


6.其它导航的加入:

    1)在故事板加入一个导航:

IOS上路_16-简单示例-故事板_第22张图片

    2)点中TableView删除,加入一个ViewController,关联:

IOS上路_16-简单示例-故事板_第23张图片

    3)将导航加入已有的工具条:

IOS上路_16-简单示例-故事板_第24张图片

    4)效果:

IOS上路_16-简单示例-故事板_第25张图片

    5)修改标签,测试:

IOS上路_16-简单示例-故事板_第26张图片


7.数据传递:

    1)在TableViewController后面加入一个ViewController

IOS上路_16-简单示例-故事板_第27张图片

    2)建立级联:

IOS上路_16-简单示例-故事板_第28张图片 

    3)创建UIViewController类:

        (1object-c文件:

IOS上路_16-简单示例-故事板_第29张图片

        (2)声明:

IOS上路_16-简单示例-故事板_第30张图片

        (3)初始化:

IOS上路_16-简单示例-故事板_第31张图片 

    4)关联到ViewController控件:

        (1)关联视图:

IOS上路_16-简单示例-故事板_第32张图片

        (2)关联控件:

IOS上路_16-简单示例-故事板_第33张图片

    5)创建UITableViewCollectroller类:

        (1Object C class文件:

IOS上路_16-简单示例-故事板_第34张图片

        (2)初始化:

IOS上路_16-简单示例-故事板_第35张图片

//
//  SelfTableView.m
//  0719-StoryBoards
//
//  Created by vigiles on 13-7-18.
//  Copyright (c) 2013年 vigiles. All rights reserved.
//

#import "SelfTableView.h"

/* -------导入数据显示视图-------- */
#import "SelfViewController.h"

@interface SelfTableView ()
@end

@implementation SelfTableView

/* 表格长度。即有多少行单元格 */
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return 10;
}

/* 初始化单元格内容 */
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    //标示符,要在故事板中和表单控件的单元格关联
    NSString * indentifier = @"Cell";
    
    //声明可重用单元格
    UITableViewCell * cell = [tableView dequeueReusableCellWithIdentifier:indentifier];
    //分配内存,初始化
    if (cell == nil) {
        cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:indentifier];
    }
    //文本内容
    cell.textLabel.text = [NSString stringWithFormat:@"%d", indexPath.row];
    
    return cell;
}

/* 获取点击的单元格 */
-(void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender
{
    NSIndexPath * indexPath = [self.tableView indexPathForCell:sender];
    
    /* ----------操作数据显示视图---------- */
    SelfViewController * svc = segue.destinationViewController;
    
    svc.strData = [NSString stringWithFormat:@"%d", indexPath.row];
}

@end


    6)关联到TableView控件:

IOS上路_16-简单示例-故事板_第36张图片

    7)修改单元格标示符:

IOS上路_16-简单示例-故事板_第37张图片

    8)测试:

IOS上路_16-简单示例-故事板_第38张图片


- end

你可能感兴趣的:(ios,xcode,iPhone,苹果,macosx)