質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.59%

tableViewCellのDeleteがうまく表示されない。

解決済

回答 1

投稿

  • 評価
  • クリップ 2
  • VIEW 286

atk_721

score 59

前提・実現したいこと

画像、1
イメージ説明
画像、2
イメージ説明

画像,1の様にtableViewCellをDeleteする際、なぜかDeleteボタンが見切れて表示されてしまいます。
画像、2の様にDeleteボタン全体を表示したいです。

初歩的な質問かと思いますが、回答よろしくお願いします。

該当のソースコード

//
//  ViewController.swift
//  RealmSwift5
//
//  Created by username on 2020/04/03.
//  Copyright © 2020 username. All rights reserved.
//

import UIKit
import RealmSwift

class ViewController: UIViewController, UITextFieldDelegate{


    @IBOutlet weak var createLabel: UILabel!
    @IBOutlet weak var doneLabel: UILabel!
    @IBOutlet weak var searchTextField: UITextField!
    @IBOutlet weak var tableView: UITableView!

    var toDoList: Results<ToDo>!

    override func viewDidLoad() {
        super.viewDidLoad()

        searchTextField.delegate = self
        self.tableView.delegate = self
        self.tableView.dataSource = self

        tableView.register(UINib(nibName: "CustomTableViewCell", bundle: nil), forCellReuseIdentifier: "cell")

        tableView.rowHeight = UITableView.automaticDimension
        tableView.estimatedRowHeight = 100

        tableView.separatorStyle = .none
    }
    func textFieldShouldReturn(_ textField: UITextField) -> Bool {

        textField.resignFirstResponder()
        return true
    }
    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {

        self.view.endEditing(true)
    }
    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)

        self.navigationController?.navigationBar.setBackgroundImage(UIImage(), for: .default)

        self.navigationController?.navigationBar.shadowImage = UIImage()

        tableView.isEditing = false
        getToDoData()

    }
    @IBAction func doneAction(_ sender: Any) {

        if searchTextField.text == "" {

            return
        }
        do{
            let  realm = try! Realm()

            guard realm.objects(ToDo.self).filter("ToDo == %@",searchTextField.text!).first != nil else {

                doneLabel.text = "一致するデータがありません。"
                return
            }

            let results = realm.objects(ToDo.self).filter("ToDo == %@",searchTextField.text!).first!

            doneLabel.text = results.ToDo
            createLabel.text = results.createdAt


        }catch let error {
            print(error.localizedDescription)
        }

    }
    @IBAction func editButtonTaped(_ sender: Any) {

        if tableView.isEditing == false {

            tableView.isEditing = true

        }else if tableView.isEditing == true {

            tableView.isEditing = false

        }


    }
    @IBAction func addButtonTaped(_ sender: Any) {

        showAlert()

    }
    func showAlert(){

        let alertVC = UIAlertController(title: "ToDoList", message: nil, preferredStyle: .alert)

        alertVC.addTextField { (textField) in

            textField.placeholder = "ToDoList"

        }

        let action = UIAlertAction(title: "OK", style: .default) { (alertAction) in

            if let textField = alertVC.textFields?.first {

                guard let text = textField.text else{
                    return
                }

                let ToDoText = ToDo()

                ToDoText.createdAt = self.getNowDate()
                ToDoText.ToDo = text

                do{
                    let realm = try! Realm()

                    try! realm.write{

                        realm.add(ToDoText)
                        self.tableView.reloadData()
                    }

                }catch let error{

                    print(error.localizedDescription)
                }

            }

            //MARK: Test
            do{
                let realm = try! Realm()
                let todo: Results<ToDo> = realm.objects(ToDo.self)

                print(type(of: todo))
            }catch let error {
                print(error.localizedDescription)
            }

        }
        let cancal = UIAlertAction(title: "cancel", style: .cancel, handler: nil)

        alertVC.addAction(action)
        alertVC.addAction(cancal)

        self.present(alertVC, animated: true, completion: nil)
    }
    fileprivate func getNowDate() -> String{

        let date = Date()
        let formatter = DateFormatter()

        formatter.timeStyle = .medium
        formatter.dateStyle = .medium
        formatter.locale = Locale(identifier: "ja_JP")

        let currentDate = formatter.string(from: date)

        return currentDate

    }
    fileprivate func getToDoData(){

        do{
            let realm = try! Realm()

            toDoList = realm.objects(ToDo.self).sorted(byKeyPath: "createdAt", ascending: true)

        }catch let error{

            print(error.localizedDescription)
        }

    }
}
extension ViewController: UITableViewDelegate,UITableViewDataSource {
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {

        return toDoList.count
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

        let item = toDoList[indexPath.row]
        let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath) as! CustomTableViewCell

        cell.createdLabel.text = item.createdAt
        cell.todoLabel.text = item.ToDo
        cell.todoLabel.numberOfLines = 0
        cell.todoLabel.adjustsFontSizeToFitWidth = true

        cell.selectionStyle = .none

        return cell

    }
    func numberOfSections(in tableView: UITableView) -> Int {

        return 1
    }
    func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {

        return self.view.frame.height/6
    }
    func tableView(_ tableView: UITableView, canEditRowAt indexPath: IndexPath) -> Bool {

        //3番目は削除させない。
//        if indexPath.row == 3{
//            return false
//        }
        return true
    }
    func tableView(_ tableView: UITableView, editingStyleForRowAt indexPath: IndexPath) -> UITableViewCell.EditingStyle {


        return UITableViewCell.EditingStyle.delete
    }
    func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCell.EditingStyle, forRowAt indexPath: IndexPath) {

        if (editingStyle == .delete){

            do{
                let realm =  try! Realm()
                try! realm.write{

                    realm.delete(toDoList[indexPath.row])
                }
                tableView.deleteRows(at: [indexPath], with: UITableView.RowAnimation.right)

            }catch let error {
                print(error.localizedDescription)
            }
        }
    }
}


swift5 
Xcode Version 11.4 (11E146)

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • hoshi-takanori

    2020/04/08 15:09

    たぶん、Storyboard 上では tableView の幅が 414 ピクセル (iPhone 11 Pro Max サイズ) で作られていて、iPhone 11 Pro などの画面の横幅 375 ピクセルにリサイズされずにはみ出しているのでは。

    キャンセル

  • atk_721

    2020/04/09 18:28

    解決することができました。原因はご指摘の通りiphone 11 pro と iphone 11 pro Max の違いによってDeleteButtonが見切れていました。ありがとうございました。

    キャンセル

回答 1

checkベストアンサー

0

hoshi-takanoriさんのおっしゃるとおりだと思いますので、UITableViewに制約をつけてサイズを画面幅内に収まるようにしてみてください。

なんなら、ViewControllerに↓これ貼り付けて、各々の幅を確認してみて。

override func viewDidAppear(_ animated: Bool) {
    super.viewDidAppear(animated)

    print("画面の幅: \(self.view.frame.width)")
    print("tableViewの幅: \(tableView.frame.width)")

}

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2020/04/09 18:29

    初歩的な質問でしたが、回答ありがとうがとうございました。無事解決できました。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.59%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る