web-dev-qa-db-ja.com

UITableViewCell複数選択時の選択された背景色

// Doesn't work
cell.selectionStyle = .Blue
//Works when the selection is not multiple, if it's multiple with each selection the previous one disappear...
let cellBGView = UIView()
cellBGView.backgroundColor = UIColor(red: 0, green: 0, blue: 200, alpha: 0.4)
cell.selectedBackgroundView = cellBGView

選択されているセルの背景色を設定する方法はありますか？

iosuitableviewswiftselectionselected
38
Bogdan Bogdanov

Swift 4.2

複数選択の場合、UITableViewプロパティallowsMultipleSelectionをtrueに設定する必要があります。

myTableView.allowsMultipleSelection = true

UITableViewCellをサブクラス化した場合、カスタムセルクラスでsetSelected(_ selected: Bool, animated: Bool)メソッドをオーバーライドします。

 override func setSelected(_ selected: Bool, animated: Bool) {
     super.setSelected(selected, animated: animated)

     if selected {
         contentView.backgroundColor = UIColor.green
     } else {
         contentView.backgroundColor = UIColor.blue
     }
 }
8
Somoy Das Gupta

上記の答えはすべて問題ありませんが、私の好みには少し複雑です。それを行う最も簡単な方法は、cellForRowAtIndexPathにコードを置くことです。そうすれば、セルの選択が解除されたときに色の変更を心配する必要がなくなります。

override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCellWithIdentifier("cell", forIndexPath: indexPath)

    /* this is where the magic happens, create a UIView and set its
       backgroundColor to what ever color you like then set the cell's
       selectedBackgroundView to your created View */

    let backgroundView = UIView()
    backgroundView.backgroundColor = YOUR_COLOR_HERE
    cell.selectedBackgroundView = backgroundView
    return cell
}
87
OverD

これは私のために働いた：

override func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath) {
    var selectedCell:UITableViewCell = tableView.cellForRowAtIndexPath(indexPath)!
    selectedCell.contentView.backgroundColor = UIColor.redColor()
}

// if tableView is set in attribute inspector with selection to multiple Selection it should work.

// Just set it back in deselect 

override func tableView(tableView: UITableView, didDeselectRowAtIndexPath indexPath: NSIndexPath) {
    var cellToDeSelect:UITableViewCell = tableView.cellForRowAtIndexPath(indexPath)!
    cellToDeSelect.contentView.backgroundColor = colorForCellUnselected
}


//colorForCellUnselected is just a var in my class
70
D Kersnowski

Swift

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: "yourCellIdentifier", for: indexPath)
    cell.selectionStyle = .none
    return cell
}

スイフト2

func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
     let cell = tableView.dequeueReusableCell(withIdentifier: "yourCellIdentifier", for: indexPath)
     cell.selectionStyle = .None
     return cell
}
33
Ahmed Lotfy

Kersnowskiのアプローチの問題は、セルが再描画されると、選択/選択解除されたときに行われた変更が失われることです。そのため、変更をセル自体に移動します。つまり、ここではサブクラス化が必要です。例えば：

class ICComplaintCategoryCell: UITableViewCell {
    @IBOutlet var label_title: UILabel!
    @IBOutlet var label_checkmark: UILabel!

    override func layoutSubviews() {
        super.layoutSubviews()
        reload()
    }
    func reload() {
        if isSelected {
            contentView.backgroundColor = UIColor.red
        }
        else if isHighlighted{
            contentView.backgroundColor = UIColor.red
        }
        else {
            contentView.backgroundColor = UIColor.white
        }
    }
}

また、テーブルビューのデリゲートでreloadを呼び出すだけです。

if let cell = self.table.cellForRowAtIndexPath(path) as? ICComplaintCategoryCell {
    cell.reload()
}

Swift 3+用に更新、ありがとう@Bogy

13
superarts.org

インターフェイスビルダーでセルのselectionStyle to.noneを設定することもできます。 IBからのみ提供された@AhmedLotfyと同じソリューション。

enter image description here

4
Despotovic

Swift 3,4および5の場合、2つの方法でこれを実行できます。

1）クラス：UITableViewCell

override func awakeFromNib() {
    super.awakeFromNib()
    //Costumize cell

    selectionStyle = .none
}

または

2）tableView cellForRowAt

    cell.selectionStyle = .none

これにより、didSelectCell関数が無効になります。つまり、セルを選択しても、そのセルに対するアクションはトリガーされません。

3
Doca

UITableViewCellには属性multipleSelectionBackgroundViewがあります。 https://developer.Apple.com/documentation/uikit/uitableviewcell/1623226-selectedbackgroundview

UIViewを作成して、選択した.backgroundColorを定義し、それをセル.multipleSelectionBackgroundView属性に割り当てるだけです。

2
SNudel

Swift

func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
     let selectedCell:UITableViewCell = tableView.cellForRow(at: indexPath)!
     selectedCell.contentView.backgroundColor = UIColor.darkGray
}

func tableView(_ tableView: UITableView, didDeselectRowAt indexPath: IndexPath) {
     let selectedCell:UITableViewCell = tableView.cellForRow(at: indexPath)!
     selectedCell.contentView.backgroundColor = UIColor.clear
}
2
Barath

独自の背景色でカスタムビューを追加すると、テーブルビューでカスタム選択スタイルを使用できます。

let customBGColorView = UIView()
customBGColorView.backgroundColor = UIColor(hexString: "#FFF900")
cellObj.selectedBackgroundView = customBGColorView

TableViewのcellForRowAtメソッドにこの3行のコードを追加します。 UIColorの拡張機能を使用して、16進コードで色を追加しました。この拡張コードをクラスの最後に配置します（クラスの本体の外側）。

extension UIColor {    
convenience init(hexString: String) {
    let hex = hexString.trimmingCharacters(in: CharacterSet.alphanumerics.inverted)
    var int = UInt32()
    Scanner(string: hex).scanHexInt32(&int)
    let a, r, g, b: UInt32
    switch hex.characters.count {
    case 3: // RGB (12-bit)
        (a, r, g, b) = (255, (int >> 8) * 17, (int >> 4 & 0xF) * 17, (int & 0xF) * 17)
    case 6: // RGB (24-bit)
        (a, r, g, b) = (255, int >> 16, int >> 8 & 0xFF, int & 0xFF)
    case 8: // ARGB (32-bit)
        (a, r, g, b) = (int >> 24, int >> 16 & 0xFF, int >> 8 & 0xFF, int & 0xFF)
    default:
        (a, r, g, b) = (255, 0, 0, 0)
    }
    self.init(red: CGFloat(r) / 255, green: CGFloat(g) / 255, blue: CGFloat(b) / 255, alpha: CGFloat(a) / 255)
  }
}
1
Mr. JD Agrawal

スイフト3/4

CustomCell.selectionStyle = .noneの解決策他のスタイルを設定した場合、灰色または青の「混合」背景色を見ました。

そして忘れないでください！ func tableView(_ tableView: UITableView, didDeselectRowAt indexPath: IndexPath)はCustomCell.selectionStyle = .noneのときに呼び出されませんでした。

extension MenuView: UITableViewDelegate {
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        let cellType = menuItems[indexPath.row]
        let selectedCell = tableView.cellForRow(at: indexPath)!
            selectedCell.contentView.backgroundColor = cellType == .none ? .clear : AppDelegate.statusbar?.backgroundColor?.withAlphaComponent(0.15)

        menuItemDidTap?(menuItems[indexPath.row])

        UIView.animate(withDuration: 0.15) {
            selectedCell.contentView.backgroundColor = .clear
        }
    }
}
0
iEvgen Podkorytov