ios - ios在按钮按下时附加按钮

Question

首先，我是 ios 开发的新手，我正在尝试了解如何解决这个问题。

此屏幕截图来自另一个应用程序。当您按下绿色加号按钮时，它会附加更多按钮，例如顶部的按钮，具体取决于您按下绿色加号按钮的次数

我正在尝试复制它，但不知道从哪里开始。我的问题是，最好为顶部按钮创建一个子类吗？然后每次按下绿色加号按钮时以某种方式附加该子类按钮？

Answer 1

我想自己学习这个，所以我创建了示例项目，这里有一个简单的教程如何做到这一点。不完美，但也许你对它的工作原理有基本的了解。

---

在 Interface Builder 中创建 Table View Controller。然后将按钮和文本字段添加到原型单元格。

---

将新类添加到您的项目中，我们将其命名为 MyTableViewController。将 Table View Controller 的类设置为 MyTableViewController（在界面生成器中）。

---

设置原型单元的标识符。我使用defaultCell了价值。

---

设置按钮和文本字段的标记值。

我使用了这些标签值：

• 加号按钮：100
• 时间按钮：110
• 项目按钮：120
• 文本字段 1：10
• 文本字段 2：20
• 文本字段 3：30

---

MyTableViewController.h（注意： UITableView 作为tView变量链接）

#import <UIKit/UIKit.h>

@interface MyTableViewController : UITableViewController <UITableViewDataSource, UITableViewDelegate>

/* Data array */
@property (nonatomic) NSMutableArray *data;
/* Expanded cell */
@property (nonatomic) NSInteger expandedCell;

/* Table view */
@property (strong, nonatomic) IBOutlet UITableView *tView;

@end 

MyTableViewController.m

#import "MyTableViewController.h"

@interface MyTableViewController ()

@end

@implementation MyTableViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
    /* No cells expanded by default */
    _expandedCell = -1;

    /* Create data array */
    _data = [NSMutableArray new];

    /* Add two cells to data array */
    UITableViewCell *cell = [self newDefaultCell:0];
    [_data addObject:cell];
    UITableViewCell *cell2 = [self newDefaultCell:1];
    [_data addObject:cell2];
}

- (UITableViewCell *)newDefaultCell:(NSUInteger)index {

    /* Initialize new UITableViewCell using prototype cell */
    UITableViewCell *cell = [_tView dequeueReusableCellWithIdentifier:@"defaultCell"];

    /* Initialize buttons for this cell */
    UIButton *plusButton = (UIButton *)[cell viewWithTag:100];
    [plusButton setTag:index];
    [plusButton addTarget:self action:@selector(plusButtonPressed:) forControlEvents:UIControlEventTouchUpInside];

    UIButton *timeButton = (UIButton *)[cell viewWithTag:110];
    [timeButton setTag:index];
    [timeButton addTarget:self action:@selector(timeButtonPressed:) forControlEvents:UIControlEventTouchUpInside];

    UIButton *itemButton = (UIButton *)[cell viewWithTag:120];
    [itemButton setTag:index];
    [itemButton addTarget:self action:@selector(itemButtonPressed:) forControlEvents:UIControlEventTouchUpInside];

    return cell;
}

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
    // Return the number of sections.
    return 1;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    // Return the number of rows in the section.
    return [_data count];
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    /* Returns UITableViewCell object from data array */
    return [_data objectAtIndex:indexPath.row];
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
    /* If cell is expanded, return row height 140 */
    if(_expandedCell == indexPath.row) {
        return 140;
    } /* else return row height 30 */
    else return 30;
}

- (void)plusButtonPressed:(id)sender {
    /* Create new UITableViewCell */
    UITableViewCell *newCell = [self newDefaultCell:[_data count]];
    /* Add UITableViewCell to data array */
    [_data addObject:newCell];

    /* Update table view */
    [_tView beginUpdates];
    [_tView insertRowsAtIndexPaths:@[[NSIndexPath indexPathForRow:([_data count]-1)inSection:0]] withRowAnimation:UITableViewRowAnimationTop];
    [_tView endUpdates];
}

- (void)timeButtonPressed:(id)sender {
    UIButton *button = (UIButton*)sender;

    /* Expand this cell to show UITextFields */
    _expandedCell = [button tag];

    /* UITableViewCell from data array, index is button's tag value */
    UITableViewCell *cell = [_data objectAtIndex:[button tag]];

    /* You can access text fields using viewWithTag: call */
    UITextField *tf1 = (UITextField *)[cell viewWithTag:10];
    UITextField *tf2 = (UITextField *)[cell viewWithTag:20];
    UITextField *tf3 = (UITextField *)[cell viewWithTag:30];

    /* Reload UITableViewRow */
    NSArray *indexes = @[[NSIndexPath indexPathForRow:[button tag] inSection:0]];
    [_tView reloadRowsAtIndexPaths:indexes withRowAnimation:UITableViewRowAnimationTop];
    [_tView beginUpdates];
    [_tView endUpdates];
}

- (void)itemButtonPressed:(id)sender {

}

@end

---

它已经完成了。