UISwitch в ячейке UITableView


82

Как я могу вставить UISwitchв UITableViewячейку? Примеры можно увидеть в меню настроек.

Мое текущее решение:

UISwitch *mySwitch = [[[UISwitch alloc] init] autorelease];
cell.accessoryView = mySwitch;

3
Что плохого в том, как вы это делаете сейчас?
MobileMon,

Ответы:


193

Обычно лучше всего установить его как accessoryView. Вы можете настроить его в. tableView:cellForRowAtIndexPath: Возможно, вы захотите использовать цель / действие, чтобы что-то делать, когда переключатель установлен. Вот так:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    switch( [indexPath row] ) {
        case MY_SWITCH_CELL: {
            UITableViewCell *aCell = [tableView dequeueReusableCellWithIdentifier:@"SwitchCell"];
            if( aCell == nil ) {
                aCell = [[[UITableViewCell alloc] initWithFrame:CGRectZero reuseIdentifier:@"SwitchCell"] autorelease];
                aCell.textLabel.text = @"I Have A Switch";
                aCell.selectionStyle = UITableViewCellSelectionStyleNone;
                UISwitch *switchView = [[UISwitch alloc] initWithFrame:CGRectZero];
                aCell.accessoryView = switchView;
                [switchView setOn:NO animated:NO];
                [switchView addTarget:self action:@selector(switchChanged:) forControlEvents:UIControlEventValueChanged];
                [switchView release];
            }
            return aCell;
        }
        break;
    }
    return nil;
}

- (void)switchChanged:(id)sender {
    UISwitch *switchControl = sender;
    NSLog( @"The switch is %@", switchControl.on ? @"ON" : @"OFF" );
}

1
Я думаю, вместо MY_SWITCH_CELL должен быть соответствующий номер ячейки. Хорошее решение!
тестирование

1
@Jesse 'aCell.accessoryView = switchView;' в точности эквивалентен '[aCell setAccessoryView: switchView];'. У вас есть причина избегать использования точечной записи?
zpasternack

1
Большое спасибо за этот ответ! Добавление переключателя в качестве подпредставления нарушает голосовые команды. Установка его в качестве дополнительного просмотра отлично работает с закадровым голосом!
Нитин Алабур

2
Как узнать индекс выбранного переключателя?
doxsi

2
@doxsi switchView.tag = indexPath.rowдля определения переключателя строк Изменено на
Swift

10

Вы можете добавить к ячейке UISwitch или любой другой элемент управления accessoryView. Таким образом, он появится в правой части ячейки, что, вероятно, вам и нужно.


8
if (indexPath.row == 0) {//If you want UISwitch on particular row
    UISwitch *theSwitch = [[UISwitch alloc] initWithFrame:CGRectZero];
    [cell addSubview:theSwitch];
    cell.accessoryView = theSwitch;
}

Почему вы используете initWithFrame? Почему вы используете addSubview? switchне может использоваться как имя переменной.
тестирование

Извините за название переключателя. У меня был код .. Я просто изменил в нем имя переменной.
k-thorat

У меня это сработало. Эффективное решение с меньшим количеством кода.
Kenan Karakecili

2
Я смог приступить к этой работе, установив только свойство accessoryView ячейки. Я не думаю, что добавление переключателя в качестве подпредставления необходимо.
johnnieb

2

Вы можете подготовить ячейку в Interfacebuilder, связать ее с IBOutlet вашего Viewcontroller и вернуть ее, когда tableview запрашивает правильную строку.

Вместо этого вы можете создать отдельный xib для ячейки (снова с IB) и загрузить его с помощью UINib при создании ячеек.

Наконец, вы можете создать переключатель программно и добавить его в представление содержимого или вспомогательное представление ячеек.

Какой из них вам больше подходит, во многом зависит от того, чем вы занимаетесь. Если ваш контент tableviews фиксирован (для страницы настроек и т. Д.), Первые два могут работать хорошо, если контент динамический, я бы предпочел программное решение. Пожалуйста, уточните, что вы хотите сделать, это упростит ответ на ваш вопрос.


Я бы предпочел программное решение (несмотря на то, что это страница настроек), но мне также интересно, как работают первые два варианта. Возможно, вы могли бы объяснить их немного подробнее.
тестирование

1

Это более полное решение, в котором выключение и включение происходит на уровне представления (UITableViewCell), а события перенаправляются делегату tableView через didSelectи didDeselect:

class CustomCell: UITableViewCell {
    private lazy var switchControl: UISwitch = {
        let s = UISwitch()
        s.addTarget(self, action: #selector(switchValueDidChange(_:)), for: .valueChanged)
        return s
    }()

    override func awakeFromNib() {
        self.accessoryView = switchControl
        self.selectionStyle = .none // to show the selection style only on the UISwitch
    }

    override func setSelected(_ selected: Bool, animated: Bool) {
        super.setSelected(selected, animated: animated)
        (self.accessoryView as? UISwitch)?.isOn = selected
    }

    @objc private func switchValueDidChange(_ sender: UISwitch) { // needed to treat switch changes as if the cell was selected/unselected
        guard let tv = self.superview as? UITableView, let ip = tv.indexPath(for: self) else {
            fatalError("Unable to cast self.superview as UITableView or get indexPath")
        }
        setSelected(sender.isOn, animated: true)
        if sender.isOn {
            tv.delegate?.tableView?(tv, didSelectRowAt: ip)
        } else {
            tv.delegate?.tableView?(tv, didDeselectRowAt: ip)
        }
    }
}

И на вашего делегата


func tableView(_ tableView: UITableView, shouldHighlightRowAt indexPath: IndexPath) -> Bool {
    return false // to disable interaction since it happens on the switch
}

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell { // to make sure it is rendered correctly when dequeuing:
    // stuff
    if isSelected { // stored value to know if the switch is on or off
        tableView.selectRow(at: indexPath, animated: true, scrollPosition: .none)
    } else {
        tableView.deselectRow(at: indexPath, animated: true)
    }
    // more stuff
}

func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
    // do your thing when selecting
}

func tableView(_ tableView: UITableView, didDeselectRowAt indexPath: IndexPath) {
    // do your thing when deselecting
}

0

для быстрых пользователей

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = UITableViewCell(style: .default, reuseIdentifier: "TableIdentifer")
        let switch = UISwitch()
        cell.accessoryView = switch 
}
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.