【问题标题】:Is it possible to merge the cells in a UITableView so that i can add some image at the right side?是否可以合并 UITableView 中的单元格,以便我可以在右侧添加一些图像?
【发布时间】:2014-02-20 13:22:15
【问题描述】:

从我附加的设计图片中可以看出,我想合并(不知道这是否是正确的词)前三个单元格,以便我可以在表格本身的右侧显示图像.有可能吗?

【问题讨论】:

  • 您可以将前三个单元格合并为一个大单元格。然后在那个大的 cel 中放另一个 tableview(有 3 个单元格)和一个 imageview 旁边。

标签: ios objective-c ipad uitableview


【解决方案1】:

这是不可能的。相反,您可以将前三个创建为一个单元格(type1),其他单元格是其他类型(type2)。

更新: see this tutorial 了解如何创建自定义单元格。

【讨论】:

  • 你对 customCell 有什么想法吗?
  • 他应该如何将一个图像视图放在三个单元格之上?
  • 不,你不明白。您已经创建了一个带有一个图像和三个标签的单元格,这是一种单元格类型,其余的是其他单元格类型。
  • @iMani:是的,我知道自定义单元格,而且我还想创建一个单元格,其中有一个图像,但在一个单元格中可以有三个标签,但可以制作看起来像桌子?我认为这是不可能的,这就是为什么想到在这里发布问题。
【解决方案2】:

您可以创建一个具有固定尺寸(例如 200x200)的 UIView,左侧有 3 个文本字段(数字、名称和单位),并将 UIImageView 添加到右侧。创建此视图的 IBOutlet 并将其命名。将此视图添加到 UITableview 的标题中。

self._table.tableHeaderView = yourview;

【讨论】:

    【解决方案3】:

    您应该改用UICollectionView 并应用custom layout 来实现此目的。

    集合视图提供与表视图相同的通用功能 除了集合视图能够支持的不仅仅是 单列布局。集合视图支持可定制的布局 可用于实现多列网格、平铺布局、 圆形布局等等。你甚至可以改变一个布局 如果您愿意,可以动态收集视图。

    网上有很多教程:

    http://skeuo.com/uicollectionview-custom-layout-tutorial http://www.raywenderlich.com/22324/beginning-uicollectionview-in-ios-6-part-12

    另一种选择是使用 UITableView 和自定义 UITableViewCell

    示例: http://www.idev101.com/code/User_Interface/UITableView/customizing.html

    【讨论】:

      【解决方案4】:

      将它添加到第一个单元格中。您的 imageview 的大小应该大于单元格的高度。确保 cell.cliptobounds 设置为 false。确保通过 imageView.layer.zPosiziton = 1 将 imageview 的 zpositon 设置为 1 .

      【讨论】:

        【解决方案5】:

        实际上,您可以将您的 imageView 添加为 tableView 的子视图,这样您的 didSelectRowAtIndexPath: 将照常工作

        【讨论】:

        • 当然,这很简单:_tableView = [[UITableView alloc] initWithFrame:CGRectMake(100, 50, 200, 400)]; _tableView.dataSource = self; [self.view addSubview:_tableView]; UIImage * image = [UIImage imageNamed:@"defaultavatar.jpg"]; _imageView = [[UIImageView alloc] initWithImage:image]; _imageView.frame = CGRectMake(125, 0, 75, 132); [_tableView addSubview:_imageView];
        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2013-06-28
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多