如何在iPhone中的xmlparsing中显示tableview中的图像

时间:2012-08-07 11:57:39

标签: iphone ios uitableview xml-parsing uiimage

我是iphone开发的新手,我使用NSXML解析并能够在tableview中显示数据,我还需要在tableview中显示图像和文本。提交此问题之前我通过互联网搜索并找不到解决方案。

以下是我用来解析和显示表格视图上的数据的代码

NSMutableString *currentNodeContent;
NSXMLParser *parser;
ImageView *currentImage;
bool isStatus;

ViewController *xmlParser;

-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
    return 1;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return 10;
}

-(UITableViewCell *)tableView:(UITableView *)tv cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *CellIdentifier = @"Cell";
    ImageView *currentImage = [[xmlParser templates]objectAtIndex:indexPath.row];

    UITableViewCell *cell = [UITableView dequeueReusableCellWithIdentifier:CellIdentifier];
    if(cell == nil)
    {

    cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:CellIdentifier];

    CGRect nameLabelFrame = CGRectMake(55, 2, 250, 20);
    UILabel *namelabelF = [[UILabel alloc] initWithFrame:nameLabelFrame];
    namelabelF.tag = 0011;
    namelabelF.font = [UIFont boldSystemFontOfSize:12];
    namelabelF.text = @"Template Name :";
    namelabelF.textColor = [UIColor orangeColor];
    [cell.contentView addSubview:namelabelF];

    CGRect nameFrame = CGRectMake(165, 2, 250, 20);
    UILabel *nameLabel = [[UILabel alloc]initWithFrame:nameFrame];
    nameLabel.tag = 0012;
    nameLabel.font = [UIFont boldSystemFontOfSize:12];
    [cell.contentView addSubview:nameLabel];

    CGRect imageFrame = CGRectMake(105, 20, 250, 13);
    UILabel *imageLabel = [[UILabel alloc]initWithFrame:imageFrame];
    imageLabel.tag = 0014;
    imageLabel.font = [UIFont systemFontOfSize:12];
    [cell.contentView addSubview:imageLabel];

    CGRect categoryFrameCreated = CGRectMake(45, 35, 250, 10);
    UILabel *categoryFrameCreatedLabel = [[UILabel alloc] initWithFrame:categoryFrameCreated];
    categoryFrameCreatedLabel.tag = 0015;
    categoryFrameCreatedLabel.font = [UIFont boldSystemFontOfSize:10];
    categoryFrameCreatedLabel.text = @"Category ;";
    categoryFrameCreatedLabel.textColor = [UIColor grayColor];
    [cell.contentView addSubview:categoryFrameCreatedLabel];

    CGRect categoryFrame = CGRectMake(105, 35, 250, 10);
    UILabel *categoryLabel = [[UILabel alloc] initWithFrame:categoryFrame];
    categoryLabel.tag = 0016;
    categoryLabel.font = [UIFont systemFontOfSize:10];
    [cell.contentView addSubview:categoryLabel];

    }

    UILabel *templateLabel = (UILabel *)[cell.contentView viewWithTag:0012];
    templateLabel.text = [currentImage templateName];

    UILabel *imgLabel = (UILabel *)[cell.contentView viewWithTag:0014];
    imgLabel.text = [currentImage imgPath];


    UILabel *categoryLabel = (UILabel *)[cell.contentView viewWithTag:0016];
    categoryLabel.text = [currentImage category];

    return cell;

}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    return 55;
}


#pragma mark -
#pragma mark Table view delegate


-(id) loadXMLByURL:(NSString *)urlString
{
    templates       = [[NSMutableArray alloc] init];
    NSURL *url      = [NSURL URLWithString:urlString];
    NSData  *data   = [[NSData alloc] initWithContentsOfURL:url];
    parser          = [[NSXMLParser alloc] initWithData:data];
    parser.delegate = self;
    [parser parse];

    return self;

}

- (void) parser:(NSXMLParser *)parser foundCharacters:(NSString *)string
{
    currentNodeContent = (NSMutableString *) [string stringByTrimmingCharactersInSet:[NSCharacterSet whitespaceAndNewlineCharacterSet]];
}

- (void) parser:(NSXMLParser *)parser didStartElement:(NSString *)elementname namespaceURI:(NSString *)namespaceURI qualifiedName:(NSString *)qName attributes:(NSDictionary *)attributeDict
{
    if ([elementname isEqualToString:@"template_maste"]) 
    {
        currentImage = [ImageView alloc];
        isStatus = YES;
    }

    if ([elementname isEqualToString:@"Template_name"]) 
    {
        currentImage = [ImageView alloc];
        isStatus = YES;
    }


}

- (void) parser:(NSXMLParser *)parser didEndElement:(NSString *)elementname namespaceURI:(NSString *)namespaceURI qualifiedName:(NSString *)qName
{

    if ([elementname isEqualToString:@"Template_name"]) 
    {
        currentImage.templateName = currentNodeContent;
    }  

    if ([elementname isEqualToString:@"img_path"]) 
    {
        currentImage.imgPath = currentNodeContent;
    }
    if ([elementname isEqualToString:@"Category"]) 
    {
        currentImage.category = currentNodeContent;
    }
    if ([elementname isEqualToString:@"template_maste"]) 
    {
        [self.templates addObject:currentImage];
        currentImage = nil;
        currentNodeContent = nil;
    }

}


- (void)viewDidLoad
{
    [super viewDidLoad];

    xmlParser = [[ViewController alloc] loadXMLByURL:@"http://www.okok.net/services/contacts.aspx?type=gettemplates1&category="];
}

* - xml文件 - * **

<template_maste>
<img_id>249</img_id>
<img_path>http://www.okok.net/Templatehtml/small/249.jpg</img_path>
<html_path>/templatehtml/249.html</html_path>
<Added_date>2011-12-28T00:00:00-08:00</Added_date>
<Template_name>Happy New year 4</Template_name>
<Category>Seasonal</Category>
<Template_Status>1</Template_Status>
</template_maste>

我想在tableview

中显示img_path中的图像

任何解决方案都将受到赞赏..,

2 个答案:

答案 0 :(得分:0)

我不确定您尝试在表格查看单元格中显示的内容,但如果您希望显示该图片,则需要使用UIImageView(现在您只需使用标签即可显示图片网址)
BTW ImageView是你的模型所以把它称为“视图”并不是一个好主意我会将它改为imageData并添加UIImage属性来保存实际图像。 因此,与向单元格添加标签的方式相同,添加图像视图:

UIImageView *imageView = nil;
if(cell == nil) {

       cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:CellIdentifier];

       imageView = [[UIImageView alloc] initWithFrame:someFrame];
       imageView.tag = IMAGE_VIEW_TAG;
       [cell.contentView addSubview:imageView];  

       // ...
    }

    // now you need to configure this cell
    // first thing is to get the model for this cell
    ImageData *imageData = [[xmlParser templates]objectAtIndex:indexPath.row];  

    if (!imageData.image) {
       // we don't have the image yet in our model, so we need to fetch it from the
       // internet according to the image path. 
       // do it in a separate thread to not block the UI 
       dispatch_queue_t imgDownloaderQueue = dispatch_queue_create("imageDownloader", NULL);
       dispatch_async(imgDownloaderQueue, ^{
          NSData * imageData = [[NSData alloc] initWithContentsOfURL: [NSURL URLWithString:imageData.imgPath]];
          UIImage *image = [UIImage imageWithData:imageData];
          [imageData release];
          dispatch_queue_t main_queue = dispatch_get_main_queue();
          dispatch_sync(main_queue, ^{
             imageData.image = image;

             // update UI 
             [self.tableView reloadRowsAtIndexPaths:[NSArray arrayWithObject:indexPath]
                                          withRowAnimation:UITableViewRowAnimationNone];
          });
       });
       dispatch_release(imgDownloaderQueue);
    }
    else {
       // we already fetched the image, so we just update the image view

       imageView = (UIImageView *)[cell.contentView viewWithTag:IMAGE_VIEW_TAG];  
       imageView.image = imageData.image;
    }
}

答案 1 :(得分:0)

我会使用SDWEBIMAGE

使用此功能,您可以将占位符图像设置为显示,直到下载图像为止,一旦下载图像,它将替换单元格的图像。