編集履歴

質問編集履歴

ソースコードを追加しました

2021/08/10 06:12

投稿

yuka0128

スコア4

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -28,7 +28,487 @@
+ソースコードを添付しますがprotocolを使っているので見にくいかもしれません。申し訳ありません。
+controller側のソースコード
+```Swift
+import UIKit
+private let reuseIdentifier = "UserCell"
+private let headerIdentifier = "HeaderView"
+class BlockedListController: UICollectionViewController {
+    //MARK: - Properties
+    private var users = [User]() {
+        didSet { collectionView.reloadData() }
+    }
+    private var ifNoOneLabel: UILabel = {
+        let label = UILabel()
+        label.isHidden = true
+        label.text = "現在ブロック中のアカウントはいません????"
+        label.textAlignment = .center
+        label.textColor = .white
+        label.font = UIFont.boldSystemFont(ofSize: 14)
+        return label
+    }()
+    private var ifNoOneLabel2: UILabel = {
+        let label = UILabel()
+        label.isHidden = true
+        label.text = "ブロックしたアカウントはここに表示されます"
+        label.textAlignment = .center
+        label.textColor = .white
+        label.font = UIFont.systemFont(ofSize: 12)
+        return label
+    }()
+    //MARK: - Lifecycle
+    override func viewDidLoad() {
+        super.viewDidLoad()
+        configureUI()
+        blockedUsersAreExist()
+        fetchBlockedUsers()
+    }
+    override func viewDidLayoutSubviews() {
+        super.viewDidLayoutSubviews()
+        fetchBlockedUsers()
+    }
+    //MARK: - API
+    private func fetchBlockedUsers() {
+        UserService.fetchBlockedUsers { users in
+            self.users = users
+        }
+    }
+    private func blockedUsersAreExist() {
+        UserService.blockedUsersAreExist { bool in
+            self.ifNoOneLabel.isHidden = !bool
+            self.ifNoOneLabel2.isHidden = !bool
+        }
+    }
+    //MARK: - Helpers
+    private func configureUI() {
+        collectionView.backgroundColor = .backgroundColor
+        collectionView.register(BlockedListCell.self, forCellWithReuseIdentifier: reuseIdentifier)
+        collectionView.register(BlockedListHeader.self, forSupplementaryViewOfKind: UICollectionView.elementKindSectionHeader, withReuseIdentifier: headerIdentifier)
+        let stack = UIStackView(arrangedSubviews: [ifNoOneLabel, ifNoOneLabel2])
+        stack.axis = .vertical
+        stack.spacing = 4
+        collectionView.addSubview(stack)
+        stack.centerX(inView: collectionView)
+        stack.anchor(top: collectionView.topAnchor, paddingTop: 240)
+    }
+}
+//MARK: - UICollectionViewDataSource
+extension BlockedListController {
+    override func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
+        return users.count
+    }
+    override func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
+        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: reuseIdentifier, for: indexPath) as! BlockedListCell
+        cell.delegate = self
+        cell.viewModel = UserCellViewModel(user: users[indexPath.row])
+        return cell
+    }
+}
+//MARK: - UICollectionViewDelegate
+extension BlockedListController {
+    override func collectionView(_ collectionView: UICollectionView, viewForSupplementaryElementOfKind kind: String, at indexPath: IndexPath) -> UICollectionReusableView {
+        let header = collectionView.dequeueReusableSupplementaryView(ofKind: kind, withReuseIdentifier: headerIdentifier, for: indexPath) as! BlockedListHeader
+        header.delegate = self
+        return header
+    }
+}
+//MARK: - UICollectionViewDelegateFlowLayout
+extension BlockedListController: UICollectionViewDelegateFlowLayout {
+    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAt section: Int) -> CGFloat {
+        return 1
+    }
+    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
+        return 1
+    }
+    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
+        let width = (view.frame.width - 2)  / 3
+        return CGSize(width: width, height: width)
+    }
+    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, referenceSizeForHeaderInSection section: Int) -> CGSize {
+        return CGSize(width: view.frame.width, height: 60)
+    }
+}
+//MARK: - BlockedListHeaderDelegate
+extension BlockedListController: BlockedListHeaderDelegate {
+    func handleDismissal() {
+        navigationController?.popViewController(animated: true)
+    }
+}
+//MARK: - BlockedListCellDelegate
+extension BlockedListController: BlockedListCellDelegate {
+    func unblockUser(withUid uid: String) {
+        UserService.unblockUser(withUid: uid) { _ in
+            self.fetchBlockedUsers()
+            self.collectionView.reloadData()
+        }
+    }
+}
+```
+cell側のソースコード
+```Swift
+import UIKit
+import SDWebImage
+protocol BlockedListCellDelegate: AnyObject {
+    func unblockUser(withUid uid: String)
+}
+class BlockedListCell: UICollectionViewCell {
+    //MARK: - Properties
+    weak var delegate: BlockedListCellDelegate?
+    var viewModel: UserCellViewModel? {
+        didSet { populateUserData() }
+    }
+    private let profileImageView: UIImageView = {
+        let iv = UIImageView()
+        iv.contentMode = .scaleAspectFill
+        iv.backgroundColor = .lightGray
+        iv.clipsToBounds = true
+        return iv
+    }()
+    private let fullnameLabel: UILabel = {
+        let label = UILabel()
+        label.textColor = .white
+        label.font = UIFont.boldSystemFont(ofSize: 14)
+        return label
+    }()
+    private lazy var unblockButton: UIButton = {
+        let button = UIButton(type: .system)
+        button.setImage(UIImage(systemName: "xmark.circle.fill"), for: .normal)
+        button.setDimensions(height: 30, width: 30)
+        button.tintColor = .lightGray
+        button.addTarget(self, action: #selector(handleUnblock), for: .touchUpInside)
+        return button
+    }()
+    //MARK: - Lifecycle
+    override init(frame: CGRect) {
+        super.init(frame: frame)
+        configureUI()
+    }
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+    //MARK: - Actions
+    @objc func handleUnblock() {
+        guard let uid = viewModel?.user.uid else { return }
+        delegate?.unblockUser(withUid: uid)
+    }
+    //MARK: - Helpers
+    private func configureUI() {
+        addSubview(profileImageView)
+        profileImageView.setDimensions(height: 80, width: 80)
+        profileImageView.layer.cornerRadius = 80 / 2
+        profileImageView.centerX(inView: self)
+        profileImageView.centerY(inView: self)
+        addSubview(fullnameLabel)
+        fullnameLabel.centerX(inView: profileImageView)
+        fullnameLabel.anchor(top: profileImageView.bottomAnchor, paddingTop: 8)
+        addSubview(unblockButton)
+        unblockButton.anchor(top: topAnchor, right: rightAnchor, paddingTop: 6, paddingRight: 6)
+    }
+    private func populateUserData() {
+        guard let viewModel = viewModel else { return }
+        fullnameLabel.text = viewModel.fullname
+        profileImageView.sd_setImage(with: viewModel.profileImageUrl, completed: nil)
+    }
+}
+```
+ビルドするとこんな感じです。
 このイメージ右上の✖︎を押下したらそのcellを削除したい