如何自定义UITableView包含多行，每行包含多个subrow？

Question

如何自定义UITable是这样的：UITableView包含很多行，每行包含许多子行。使用添加按钮添加一个子行？

Answer 1

您可以创建一个结构类似这样的

[ 
    { 
     "Title": "Section 1", 
     "Rows": [ 
      { 
       "Title": "Row 1", 
       "Rows": [ 
        { 
         "Title": "Sub Row 1", 
         "Rows":[] 
        } 
       ] 
      } 
     ] 
    } 
] 

这是字典的数组。每个部分都有一个行数组，每行都有一个数组。

Source Code

Answer 2

您可以使用分组tableview为，但它不会给你的iPhone全行的宽度就像在你的图片。

如果你使用普通的tableview，它应该给你全行的外观，但添加加号按钮可能会变得困难。

你需要有一个来源可以说每个部分行

对于图像使用cell.imageView.image= yourimage;

对于箭头数组或字典使用cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;

对于（10），你需要要么使用cell.accessoryView= yourcustomview

//create multiple section according to your picture it is 2 
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView 
{ 
    //return an integer here from a source,variable or just return static int 
    return 2; 
} 
//add plus button for each section 
- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section { 
// Create header view and add label as a subview 
    UIView *view = [[UIView alloc] initWithFrame:CGRectMake(100, 400, 320, 400)]; 

    //add a button to open edit 
    UIButton *declineButton=[UIButton buttonWithType:UIButtonTypeCustom]; 
    [declineButton setTag:section]; 
    declineButton.titleLabel.tag=1; 
    [declineButton setFrame:CGRectMake(450,50,70,40)]; 
    [declineButton setTitle:@"Edit" forState:UIControlStateNormal]; 
    UIImage *declinebuttonImage = [[UIImage imageNamed:@"orangeButton@2x.png"] resizableImageWithCapInsets:UIEdgeInsetsMake(20, 20, 20, 20)]; 
    [declineButton setBackgroundImage:declinebuttonImage forState:UIControlStateNormal]; 
    [declineButton setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal]; 
    [declineButton addTarget:self action:@selector(declineEvent:) forControlEvents:UIControlEventTouchUpInside]; 

    [view addSubview:declineButton]; 
    return view; 
} 

- (IBAction)declineEvent:(id)sender { 
    UIButton *button = (UIButton *)sender; 
    NSInteger row = button.tag; 
    NSInteger column = button.titleLabel.tag; 
    //NSIndexPath *selectedSection= [NSIndexPath indexPathForRow:column inSection:row]; 
    NSLog(@"Row is %i column is %i",row,column); 
    //populate your source array for the section according to your needs here 

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

} 

Answer 3

我认为你应该使用自定义表格视图单元格有一个表v IEW。

http://www.appcoda.com/customize-table-view-cells-for-uitableview/

检查这个希望这会帮助你。

Answer 4

我有一个类似的项目，这在Github上。 基本上它是一个可扩展的部分UITableView。 以下步骤使其成为我工作：

1. NSMutableDictionary为dataSource，该字典包含NSMutableArrays作为每一行的键值。
2. 您将有另一个NSMutableArray与您的NSMutableDictionary大小相同。此NSMutableArray包含BOOL值，YES代表展开的部分，NO代表折叠部分。在我的案例中，默认情况下所有部分都是折叠的。 3.您的tableView中的部分数量是您的NSMutableDictionary的大小。
3. 如果您的NSMutableArray的Bool值在某个索引路径中包含YES，则此部分的行数是您从NSMutableDictionary获取的索引路径值的数组大小。否则，你将只有1行此部分。

例子：

if ([[boolArray objectAtIndex:section] boolValue]) { 
    return [[yourDict valueForKey:yourKeyForIndexPAth] count]; 
}else{ 
    return 1; 
} 

刚检查出来UND随意使用的代码：

GitHub Link