Лучший способ построить сетку 10x10 UIButtons?

Question

У меня будет сетка 10x10 объектов UIButton. Каждой из этих UIButtons нужно будет ссылаться на номер строки и столбца, поэтому они, вероятно, должны быть сохранены в каком-либо типе массива.

Мой вопрос: Какой самый простой способ создать эту сетку? Программно или через построитель интерфейсов? Если программно, каким будет самый простой способ доступа к этим кнопкам, так что, когда они будут затронуты, Я могу узнать номер строки и столбца затронутой кнопки?

Answer 1

Мне лично не нравится IB, поэтому я рекомендую делать это программно!

Используйте NSArray для хранения ваших UIButton. Индекс каждой кнопки: row*COLUMNS+column.

Установите свойство тега в BASE + индекс (ОСНОВА быть произвольное значение> 0), так что вы можете найти положение кнопки щелкните кнопку: index=tag-BASE; row=index/COLUMNS; column=index%COLUMNS;

- (void)loadView { 
    [super loadView]; 

    for (NSInteger row = 0; row < ROWS; row++) { 
     for (NSInteger col = 0; col < COLS; col++) { 
      UIButton *button = [UIButton buttonWithType:UIButtonTypeRoundedRect]; 
      [buttonArray addObject:button]; 
      button.tag = BASE + row * COLS + col; 
      button.frame = ...; 
      [button addTarget:self action:@selector(didPushButton:) forControlEvents:UIControlEventTouchDown]; 
      [self.view addSubview:button]; 
     } 
    } 
} 

- (void)didPushButton:(id)sender { 
    UIButton *button = (UIButton *)sender; 
    NSInteger index = button.tag - BASE; 
    NSInteger row = index/COLS; 
    NSInteger col = index % COLS; 
    // ... 
} 

Answer 2

Вы можете использовать GridView из moriarty library, чтобы помочь с layout - расположение каждой кнопки, где вы хотите. Построение частично на примере кода squelart в качестве метода createButtonAtRow: col: это может работать следующим образом:

GridView* gridview = [[GridView alloc] initWithRows:ROWS cols:COLS]; 
for (NSInteger row = 0; row < ROWS; ++row) { 
    for (NSInteger col = 0; col < COLS; ++col) { 
    [gridView addsubView:[self createButtonAtRow:row col:col]]; 
    } 
} 
[myView addSubview:gridView]; 
[gridView release]; // Let myView retain gridView.