iOS uitableview 的應用

從網頁得到json 數據

   NSData* data = [NSData dataWithContentsOfURL: [NSURL URLWithString:@"http://course.gdou.com/JSONDemo/json/titles.json"]];

爲每條json語句定義一個相應的類  

//
//  NewsItem.h
//  JSONDemo2
//
//  Created by pan zhansheng on 13-4-1.
//  Copyright (c) 2013年 pan zhansheng. All rights reserved.
//

#import <Foundation/Foundation.h>

@interface NewsItem : NSObject
@property(nonatomic, strong)NSString *title;
@property(nonatomic, strong)NSString *pubDate;
@property(nonatomic, strong)NSString *imageLink;
@property(nonatomic, strong)NSString *link;

-(id)initWithTitle:(NSString *)t andPubDate:(NSString *)d andImageLink:(NSString *)url andLink:(NSString *)l;
@end

//
//  NewsItem.m
//  JSONDemo2
//
//  Created by pan zhansheng on 13-4-1.
//  Copyright (c) 2013年 pan zhansheng. All rights reserved.
//

#import "NewsItem.h"

@implementation NewsItem
-(id)initWithTitle:(NSString *)t andPubDate:(NSString *)d andImageLink:(NSString *)url andLink:(NSString *)l{
    self=[super init];
    if(self){
        _title=t;
        _pubDate=d;
        _imageLink=url;
        _link=l;
    }
    return self;
}

@end

在storyboard 中加入兩個頁面，如圖  加入一個tableview controller 並且在導航環境下

並加入一個  table view cell 和一個ui web view 

將cell 如下設置 圖片起佔位的作用

注意user interaction enabled 要勾選  纔可以進行響應

將 兩個view 中的segue 命名爲 detail

在ui table view 中 定義一個數組 用來對應每個cell

並將解析到的json 數據放入其中

其中關於webview 的一些說明  http://blog.sina.com.cn/s/blog_678e45450101jm8l.html

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

代碼 點擊打開鏈接