UISwitch у клітинці UITableView


82

Як я можу вставити a 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для виявлення, який перемикач рядків Змінено на швидкий
Nazmul Hasan

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 і повернути її, коли табличне подання запитує правильний рядок.

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

Нарешті, ви можете створити перемикач програмно і додати його до перегляду вмісту комірок або перегляду аксесуарів.

Який з них вам найбільше підходить, багато в чому залежить від того, що ви любите робити. Якщо вміст ваших переглядів таблиць виправлений (для сторінки налаштувань тощо), перші два можуть добре працювати, якщо вміст динамічний, я віддаю перевагу програмному рішенню. Будь ласка, будьте більш конкретні у тому, що ви хотіли б зробити, це полегшить відповідь на ваше запитання.


Я віддав би перевагу програмному рішенню (незважаючи на те, що воно стосується сторінки налаштувань), але мені також цікаво, як працюють перші два варіанти. Можливо, ви могли б пояснити їх трохи детальніше.
тестування

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.