iOS UIKit 控制器显示带有照片的新闻提要

Posted 2023-03-04

【中文标题】iOS UIKit 控制器显示带有照片的新闻提要

【英文标题】：iOS UIKit controllers to present news feed with photos

【发布时间】：2013-06-22 10:22:37

【问题描述】：

我是 ios 新手，正在为 iPhone 开发社交应用程序（使用 iOS 6 SDK 构建）。

我的应用程序的主要页面之一是垂直滚动的新闻提要，按时间排序，通常应该显示状态更新。每个状态更新都会显示用户名、用户缩略图、一些内容文本，很可能还有一些照片或视频，以及一些用于喜欢或与可扩展 cmets 列表共享的按钮。

状态更新内容全部存储在 RESTtful 远程服务器中。

用 UITableViewcontroller 来实现它让我很有意义，它还免费提供刷新：

如何创建自定义字幕样式 UITableViewCell，下方有大图像/视频（类似于 Facebook 或 Instagram）？有没有创建这个自定义单元格的代码示例？

如果不应该使用 UITableViewCell/UITableViewController 构建它，应该使用哪些其他 iOS UIKit 控制器来呈现此新闻提要？

可能有一些很好的现成可用的开源框架 - 你会推荐哪个？

提前致谢， 阿萨夫

【问题讨论】：

您可以向当前数组添加新提要并重新加载表格，对于新提要，您可以使用拉取刷新类似功能

你用谷歌搜索过吗？ google.co.uk/search?q=custom+uitableviewcell+tutorial

感谢您的 cmets，我想知道实现它的正确和最佳方法是什么，以及是否有开源框架。

@asafam 你到底想知道什么......如何在 tableview 上显示图像文本或如何在 tableview 上添加新提要

@asafam UITableView 可以满足您的所有要求，无需寻找任何框架或任何其他控件。网上有很多关于这个的教程

【参考方案1】：

他们的教程很多，你可以下载源代码，可以阅读苹果documentation的UITableView，在这里你可以看到教程Here . 下面是默认显示图片、标题和副标题的基本代码

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

        NSString *CellIdentifier =@"Cell";
        UITableViewCell *cell=[tableView dequeueReusableCellWithIdentifier:CellIdentifier];

        if (cell == nil)
        
            cell=[[UITableViewCell alloc]initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:CellIdentifier];
    
        cell.imageView.image=[UIImage imageNamed:[imageArray objectAtIndex:indexPath.row]];
        cell.textLabel.text=[titleArray objectAtIndex:indexPath.row];
        cell.detailTextLabel.text=[subtitle objectAtIndexPath.row];
    return cell;
    

如果您想制作自定义单元格，请根据需要设置框架并使用 SDWebImage 库缓存图像

UserImageView =[[UIImageView alloc]initWithFrame:CGRectMake(5,0,70, 70) ];
nameLbl=[[UILabel alloc]initWithFrame:CGRectMake(95, 20, 200, 20)];
[nameLbl setText:nameStr];
[UserImageView setImageWithURL:[NSURL URLWithString:responseString] placeholderImage:[UIImage imageNamed:@"placeholder.png"]];
[cell.contentView addSubview:nameLbl];
[cell.contentView addSubview:UserImageView];