UITableViewセルのUISwitch


82

どのように私は埋め込むことができますUISwitchUITableViewのセル?例は設定メニューで見ることができます。

私の現在の解決策:

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

3
あなたがそれをしている現在の方法の何が問題になっていますか?
mobileMon 2013

回答:


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の代わりに、対応するセル番号を指定する必要があります。すべてのソリューションに最適です。
2010

1
@ Jesse'aCell.accessoryView = switchView; ' '[aCell setAccessoryView:switchView];'とまったく同じです。ドット表記を避ける理由はありますか?
zpasternack 2012年

1
この答えをどうもありがとう!スイッチをサブビューとして追加すると、ナレーションコマンドが台無しになります。アクセサリビューとして設定すると、ナレーションに最適です。
Nitin Alabur 2012

2
選択したスイッチのインデックスをどのように知っていますか?
doxsi 2014年

2
@doxsiswitchView.tag = indexPath.rowは、どの行スイッチが迅速に変更されたかを検出します
Nazmul Hasan 2017

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?なぜ使うのaddSubviewswitch変数名として使用することはできません。
テスト

スイッチ名でごめんなさい。コードがありました。変数名を変更しただけです。
k-thorat 2010

それは私のために働いた。より少ないコードで効果的なソリューション。
ケナンカラケシリ2014

2
セルのaccessoryViewプロパティを設定するだけで、この作業に取り掛かることができました。サブビューとしてスイッチを追加する必要はないと思います。
johnnieb 2015年

2

Interfacebuilderでセルを準備し、それをViewcontrollerのIBOutletにリンクして、テーブルビューが適切な行を要求しているときにセルを返すことができます。

代わりに、セル用に別のxibを作成し(これもIBを使用)、セルの作成時にUINibを使用してロードすることができます。

最後に、プログラムでスイッチを作成し、セルのコンテンツビューまたはアクセサリビューに追加できます。

どちらがあなたに最も適しているかは、あなたが何をしたいかに大きく依存します。テーブルビューのコンテンツが固定されている場合(設定ページなど)、最初の2つはうまく機能する可能性があります。コンテンツが動的である場合は、プログラムによるソリューションをお勧めします。やりたいことを具体的に教えてください。そうすれば、質問に答えやすくなります。


プログラマティックソリューション(設定ページ用ですが)が好きですが、最初の2つのオプションがどのように機能するかも興味があります。おそらく、あなたはそれらをもう少し詳しく説明することができます。
テスト

1

これは、オフにし、上はビュー層(のUITableViewCell)で発生し、それが経由のtableViewデリゲートにイベントを転送し、より完全なソリューションですdidSelectdidDeselect

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 
}
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.