セルの番号とtag番号を揃えたい

Question

前提・実現したいこと

[単語または文章を入力し、それらを読み上げる機能]

tableViewのセルの番号とそれらに紐付けたボタンtagの番号を揃えたい

発生している問題・エラーメッセージ

下記のコードでは、セルに配置されたボタンがどのセル番号のボタンなのかどうかはbuttonのtagを用いて判定しています。
セルの並び替えを行うとセルの内容は更新するようにできましたが、tag番号は変わらないため、選択した単語と読み上げる単語に齟齬が生まれてしまいます。

初心者なので分かりませんが、
        let item = words[sourceIndexPath.row]
        words.remove(at: sourceIndexPath.row)
        words.insert(item, at: destinationIndexPath.row)
のように順番を一気に差し替えるような方法があったりするのでしょうか。

ご教授いただければ幸いです。よろしくお願いします。

該当のソースコード

import UIKit
import AVFoundation

class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {
    
    @IBOutlet weak var tableView: UITableView!
    
    var speak:AVSpeechSynthesizer = AVSpeechSynthesizer()
    var words = [String]()
    var cellNumber = 0
    
    override func viewDidLoad() {
        super.viewDidLoad()
        tableView.rowHeight = UITableView.automaticDimension
        self.tableView.tableFooterView = UIView()
        
        navigationItem.leftBarButtonItem = editButtonItem
        let addButton = UIBarButtonItem(barButtonSystemItem: .add,
                                        target: self,
                                        action:#selector(onAddTapped(_:)))
        navigationItem.rightBarButtonItem = addButton
        
        tableView.delegate = self
        tableView.dataSource = self
    }
    //セルを追加
    func add(_ word: String){
        let index = 0
        words.insert(word, at: index)
        let indexPath = IndexPath(row: index, section: 0)
        tableView.insertRows(at: [indexPath], with: .right)
    }
    
    @objc
    func onAddTapped(_ sender: Any) {
        
        let alert = UIAlertController(title: "Edit Name", message: "Enter Chinese",preferredStyle: .alert)
        alert.addTextField {(ChineseTH) in
            ChineseTH.placeholder = "words"
        }
        
        let OkAction = UIAlertAction(title: "Add", style: UIAlertAction.Style.default) { (_) in
            guard let word = alert.textFields?.first?.text else { return }
            self.add(word)
            print("OK")
            }
        alert.addAction(OkAction)
        present(alert, animated: true, completion: nil)

    }
    
    //セルTap時
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        tableView.deselectRow(at: indexPath, animated: true)
    }
    //挿入セルの内容
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) ->UITableViewCell {

        let cell = UITableViewCell(style: UITableViewCell.CellStyle.subtitle, reuseIdentifier:"none")
        let word = words[indexPath.row]
        
        cell.textLabel?.text = word
        cell.textLabel?.numberOfLines=0
        
        if let transform = word.applyingTransform(.mandarinToLatin, reverse: false) {
            cell.detailTextLabel?.text = transform
            cell.detailTextLabel?.numberOfLines=0
        }
        
        //UIButton
        let speakButton = UIButton(type: .system)
        speakButton.addTarget(self, action: #selector(buttonTapped(_:)), for: UIControl.Event.touchUpInside)
        speakButton.setImage(#imageLiteral(resourceName: "audio"), for: .normal)
        speakButton.frame = CGRect(x:0, y:0, width:30, height:30)
        speakButton.tag = indexPath.row + cellNumber
        cellNumber = cellNumber + 1
        cell.accessoryView = speakButton

        return cell
    }
    
    @objc func buttonTapped(_ sender: UIButton) {
        let content = AVSpeechUtterance(string: words[words.count - 1 - sender.tag])
        content.voice = AVSpeechSynthesisVoice(language: "zh-CN")
        self.speak.speak(content)
    }
    
    //編集モード
    override func setEditing(_ editing: Bool, animated: Bool) {
        super.setEditing(editing, animated: animated)
        tableView.setEditing(editing, animated: animated)
    }
    
    //順序入れ替え
    func tableView(_ tableView: UITableView, canMoveRowAt indexPath: IndexPath) -> Bool {
        return true
    }
    
    func tableView(_ tableView: UITableView, moveRowAt sourceIndexPath: IndexPath, to destinationIndexPath: IndexPath) {
        
        let item = words[sourceIndexPath.row]
        words.remove(at: sourceIndexPath.row)
        words.insert(item, at: destinationIndexPath.row)
    }
    
    //スワイプで削除するか
    func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCell.EditingStyle, forRowAt indexPath: IndexPath) {
        if editingStyle == .delete {
            words.remove(at: indexPath.row)
            tableView.deleteRows(at: [indexPath], with: .right)
        } else if editingStyle == .insert {}
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }
    
    func numberOfSections(in tableView: UITableView) -> Int {
        return 1
    }
    
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return words.count
    }
    
}

補足情報（FW/ツールのバージョンなど）

xcode11.1

Comments

[fuzzball]

セル番号というのは cellNumber のことですか？

[hameji]

というか、まず
UITableViewCellのcustom classを作った方がいいと思いますが、、、
そうすれば、見やすくなりますし、
cellのrowとbuttonのtagを揃えやすいと思います。

そして、cellはinsertRowsではなく、
wordsの数に合わせて描出するコードにして、
tableviewはrelaoadで表示を変えるのがいいのではないですか？

[Larry]

fuzzballさん
indexpath.rowのことです

[fuzzball]

じゃあ speakButton.tag = indexPath.row でいいのでは？同じにしたいなら。

Answer 1

deleteRows,insertRowなどのセルのアニメーションを利用したい場合や
reloadDataした場合の画面のチラツキが気になるという場合reloadData()できないので、
セルの編集（挿入、削除、並び替え）が頻繁に発生するtableViewを作る場合は、tagにcellForRowAtで番号を付与するのではなく、ボタンが押されたセルのindexPath、セクションのindexをindexPathForCellやrectForSectionから取得するようにすると、
tagの管理からは開放されると思います。
質問者さんがほしいtagというのがindexPath.rowならばそれがいいんじゃないでしょうか？

セルからVCへ送るのはセル自身でも、tag:Intでも、タップされたボタンでも都合のいいものを送って
VC側で送られてきたものからindexPathを取り出せばいいんじゃないの？

// カスタムセル内

weak var customCellDelegate: CustomCellDelegate?

@IBAction func btnDidTap(_ sender: UIButton) {
    customCellDelegate?.doSomething(cell: self)
}


// delegate
protocol CustomCellDelegate: class {
    func doSomething(sell: UITableViewCell)
}


// VC
func doSomething(cell: UITableViewCell) {
  guard let indexPath = tableView.indexPath(for: cell) else { return }

  // 取得したindexPathをつかってなんかする。

}

これはボタンかな。

https://teratail.com/questions/160978

あなたがいつもやってることで、取り立ててコードをとかいうものではないですよ。

Comments

[退会済みユーザー]

方向性がひどいと思って回答したのですが、まだ続いているようなので…

適度なアニメーションと過度なアニメーションは区別して扱うべきです。

アニメーションなしで画面遷移させる製作者がいないのと同じようなもので、
デフォルトで用意されているセルのアニメーションは適度であり、リロードしてしまうと、ユーザーが自分の操作がどのセルに反映されたか直感的にはわからなくなってしまうと私は思っています。

またこの場合、
> 安全なのはwordsの削除、reloadだと思います。
ではなく、tagを持たない方法か、tagの内容を都度編集することで、この回答は怠慢なだけだと思います。

teratailではreload、reloadと半ば呪文のように回答されていますが、とりあえずreloadDataしてみれば？っていうようなもので、reloadDataがtableViewの編集全てに推奨されるならば、
↓こういったことがなぜ考えられているのでしょうか？
https://medium.com/eureka-engineering/uicollectionview%E3%82%84uitableview%E3%81%AEreloaddata%E3%82%92%E5%91%BC%E3%81%B6%E5%BF%85%E8%A6%81%E3%81%AF%E3%81%BB%E3%81%A8%E3%82%93%E3%81%A9%E3%81%AA%E3%81%84-17a0635a54a9

質問ではinsertRows/deloteRowsとなっているので、質問者がアニメーションなんかいらないよ〜といってない限りは
不必要なリロードは積極的には進めないほうが良いかと思います。

[hameji]

その通りかもしれませんね。
気をつけます。

[退会済みユーザー]

下のコード、tagを使用しているけれども、編集してないからdeleteRowsでアニメーションさせると漏れなくズレるよ。
それと、APIのsortアニメーションの後にreloadしてるからreloadのチラつきが追いつくような条件なら変な動き(感じ方は人によるけど)をするtableviewになるよ

[hameji]

確かに。全く回答になってなかったですね。

やはりそもそもreloadしない場合は、
tagを編集しなおさないと、
tagを利用して読み上げるのに無理があるということですね。
普通にindexPathを利用するべきですね。

[退会済みユーザー]

べきかは知らない、どっちか便利な方選べばいいんじゃない

[hameji]

そもそもずれるindexPathをうまくcustomCell内へ渡す方法が
思いつかなかったのですが、どうやるんですか？

自分の解決策は苦肉の策的ですが、回答に修正で載せておきます。

[退会済みユーザー]

ずれる?

2番目消したら、3番目が2番目になるから、消えた2番目のセルをタップする能力がない限り、ずれは認識できないかと、

insertRows/deleteRows/sortAPI/beginUpdate/endUpdateが何のためにあるのかと、

delegateで、cellをVCに飛ばしてindexPathForCellでindexPathをとってみれば？

めんどくさいなら全部reloadDataでもいいんじゃない

[hameji]

質問者が望んでるのはセルのタップではなく、、、
CustomCellに配置されている、UIButtonに読み上げるfuncを持たせる場合にですよ。

そのボタンに正しいindexPathを渡す方法を教えていただきたいのですが、、、

[退会済みユーザー]

ボタンが乗ってるカスタムセルをデリゲートでVCに送って、indexPathForCellで取れない？

tableViewにセルが表示されてる時点でセルは正しいindexPathを持ってるよ。

[hameji]

そういうことやったことないので、コードを示していただけると後学のためになるのですが、、、

[退会済みユーザー]

そこら中に落ちてるけど...

[hameji]

なら簡単にしめせますよね、、、

[hameji]

示さないようなので、自分で試行錯誤してみましたが、
// Delegate
protocol CustomCellDelegate {
func buttonPressedA(word: String)
func buttonPressedB(cell: UITableViewCell)
}

// CustomCell
class CustomCell: UITableViewCell {
@objc func buttonTapped() {
self.delegate?.buttonPressedA(word: word)
self.delegate?.buttonPressedB(cell: self)
}
}

// ViewController
func buttonPressedB(cell: UITableViewCell) {
let indexPath = self.tableView.indexPath(for: cell)
read(word: words[indexPath.row])
}

で実現はできますが、UITableViewCell自体を渡さないといけないので、
おすすめの方法ではないですね。

[thyda.eiqau]

っていうかbuttonTappedのsenderのsuperViewをたどっていけば、いずれUITableViewCellにたどり着いて[self indexPathforCell:]で取れる気がしてきたのですが、いかがでしょうか……

[退会済みユーザー]

タイピングできる環境にきて上に書いておきました。

そのとおりで、indexPathが取れればいいんじゃないの？
tagじゃないからセルの管理をしてあれば、tagの管理を気にかける必要はないでしょ。
word てのはなんだか知らないけど、VC側でModel（配列？）からindexPathをつかって取得するんでないの？

そらで　let point = tTableView.convert(tappedBtn.center, from: tappedBtn)　とか書くのだるいじゃん
セル渡してindexPathForCellでインデックスパス取ればのほうが楽でしょ

あとはあなたが最適な方法でインデックスパスを取得すればいいじゃない、だってできるでしょ自分で。あなた回答者なんでしょ、質問なら質問たててください。なら簡単にしめせますよね、、、とかどうかしてませんか？

[hameji]

tyobigorouさん、それ試行錯誤で実現できました。

thyda.eiquaさんありがとうございます。
引数をsender: UIButtonに変えて見て、下記でも取得できました。
まだ引数がUIButtonなので、UITableViewCell自体よりはいいのかな？

func buttonPressedC(sender: UIButton) {
let indexPath = self.tableView.indexPath(for: sender.superview!.superview! as! CustomCell)
read(word: words[indexPath!.row])
}

いろいろな方法がありますが、
もし、大元のデータのwordsを編集せず、tableViewの表示のみ変える場合は、
cell自体のlabelに設定されているStringを送るのが安全な気がします。

[退会済みユーザー]

>　cell自体のlabelに設定されているStringを送るのが安全な気がします。
ここまでやってそこに戻るのがようわからん。例えばStringが一意である保証をどっかでするの？
”A”が2個あったら…　メンドクサ

[hameji]

今回の場合には当てはまりませんが、
wordsを削除せずに、tableViewのdeleteRowで非表示にするのみの場合、
例えば、単語帳で正解したら、非表示にする等で元データは削除しない
(正解回数などの変数を設定して、読み込みを変える等も考えられますが、、、)
indexPath.rowで3であっても、そのwordがwordsのindex 3に当たらない可能性ができませんか？

まぁ、違う場合などは考えなくていいですね、、、

[退会済みユーザー]

デリゲートで送ってindexPathとってみて、取得したindexPathを使って配列から取得した値？と、cellにあるラベルのtextの値かな？があってるか検証してみたらどうですか。
私は今wordとwordsとか理解していないのでこの指示であってるかわかりませんが、

reloadData()しないと不安になるんじゃないですか?、swiftUIで簡単に全部が置き換わらないくらい、tableViewを編集するメソッドは結構良く出来てるもんですよ。

単語帳？　正解したら非表示にする？ 元データを削除するか、元データが存在しないデータソース変えるか？かな？

基本は配列の要素を一個消したら、セルも一個消す。配列に要素を一個追加したら、セルも一個追加する。
モデルを操作したら、対応するViewも操作する。この過程でセルの数とか間違うとエラー履いて動かなくなる。
面倒ならばreloadDataでモデルの状態にViewを強制的にあわせちゃう、でもアニメーションはしない。
例えば８このセルしか表示できない１０個のセルが存在するtableViewに11個目のセルの情報をモデルにappendした際にreloadDataすると、画面がちらつくだけで、追加したセルはユーザーには認識できない。
これが問題だと思う人はinsertなりすればいいし、UI/UXガン無視ならreloadData()でいいんじゃないの？

[hameji]

丁寧にありがとうございます。

自分の回答の誤りを指摘され、直す方向は示されてましたが、
その具体的な実装の仕方がなかったので、しつこく聞いてしまいました。

非エンジニアなので、例えばindexpathを普通に取ってくるだけだよとか
言われても、方法(method)などがそらでは浮かばないので、
teratailの方針でもあるように具体的に示していただければ助かります。

この大元の質問も初心者マークですし、その方が質問者にもためになると思います。
お付き合いいただきありがとうございました。

[Larry]

tyobigorou様も回答ありがとうございます。
バリバリ参考にします。

Answer 2

上記二つの回答でピンときているかはわかりませんが、
サンプルコードを作って見ました。

確かにアニメーションが必要なら、insertRows/deleteRowsですし、
不要であれば、reloadDataで更新をかければ解決すると思います。

都合上、コードはつなげて書いてあります。
viewcontrollerにベタ張りすれば動くと思います。

きれいに整えたいなら、コメントにも書きましたが、
別ファイルに分けることをお勧めします。

また、tableviewのeditingに関してはあまり考えずに、そのまま使ったので、
すっきりとしてないかもしれません。

個人的にはstoryboardやxibファイルなどをうまく組み合わせるのが好きです。
こういう場ではコードのみの方が、動くサンプルを渡せて便利ですけどね。

import UIKit
import AVFoundation

class ViewController: UIViewController {
    
    var speak:AVSpeechSynthesizer = AVSpeechSynthesizer()
    var tableView: UITableView = UITableView()
    var words: [String] = []
    var mode:Int = 0  // 0: cellのselectで読み上げ, 1: cellのボタンタップで読み上げ
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // modeの設定 -> UISegmentedControlなどを配置し、切り替えにしてもいいかも
        // 好きな方で行って、不要な方は削除していただいてOK
        mode = 0
        // NavigationBarの設定
        navigationItem.leftBarButtonItem = editButtonItem
        let addButton = UIBarButtonItem(barButtonSystemItem: .add,
                                        target: self,
                                        action:#selector(onAddTapped))
        navigationItem.rightBarButtonItem = addButton

        // TableViewの設定
        tableView.frame = self.view.frame
        tableView.delegate = self
        tableView.dataSource = self
        tableView.register(CustomCell.self, forCellReuseIdentifier: "customCell")
        self.view.addSubview(tableView)
    }
        
    // NavigationbarのaddのAction
    @objc func onAddTapped(sender: Any) {
        let alert = UIAlertController(title: "Edit Name", message: "Enter Chinese",preferredStyle: .alert)
        alert.addTextField {(ChineseTH) in ChineseTH.placeholder = "words" }
        let cancelAction = UIAlertAction(title: "Cancel", style: .cancel, handler: nil)
        // cancelボタンを追加
        let OkAction = UIAlertAction(title: "Add", style: .default) { (_) in
            print("OK pressed")
            guard let word = alert.textFields?.first?.text, word.count > 0 else { return }
            // ↑空白入力の時もguardで除外とした
                self.words.append(word)
                self.tableView.reloadData()
            }
        alert.addAction(cancelAction)
        alert.addAction(OkAction)
        present(alert, animated: true, completion: nil)
    }
    
    // AVSpeechのfunction(わかりやすくするために別funcにした)
    func read(word: String) {
        let content = AVSpeechUtterance(string: word)
        content.voice = AVSpeechSynthesisVoice(language: "zh-CN")
        self.speak.speak(content)
    }
}

extension ViewController: UITableViewDelegate {
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        if mode == 0 {
            let word = words[indexPath.row]
            read(word: word)
        }
    }
    
    override func setEditing(_ editing: Bool, animated: Bool) {
        super.setEditing(editing, animated: animated)
        tableView.setEditing(editing, animated: animated)
    }

    func tableView(_ tableView: UITableView, moveRowAt sourceIndexPath: IndexPath, to destinationIndexPath: IndexPath) {
        words.remove(at: sourceIndexPath.row)
        tableView.reloadData()
    }
    
    
    func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCell.EditingStyle, forRowAt indexPath: IndexPath) {
        if editingStyle == .delete {
            words.remove(at: indexPath.row)
            tableView.reloadData()
            //tableView.deleteRows(at: [indexPath], with: .right)
            // アニメーションを実現したいということであれば、こちらですね。
        }
    }

}

extension ViewController: UITableViewDataSource {
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return self.words.count
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "customCell") as! CustomCell
        cell.label.text = self.words[indexPath.row]
        cell.button.tag = indexPath.row
        cell.delegate = self
        // 上記は、CustomCellのメンバ変数delegate(CustomCellDelegate) を self(ViewController)で記述するという設定です。
        // なので、CustomCellDelegateをすぐ下にextensionで書いてます。
        // 要はボタンを押したというfuncをdelegateで渡すことにより、
        // AVSpeechを各cellで作成せずに済んでますし,
        // 直接、wordsにアクセスできてシンプルになってます。
        return cell
    }
}

extension ViewController: CustomCellDelegate {
    func buttonPressed(tag: Int) {
        if mode == 1 {
            let word = words[tag]
            read(word: word)
        }
    }
}

// MARK: -- ここから別ファイルCusotmCell.swiftなどが好ましい、再度import UIKitが必要

class CustomCell: UITableViewCell {
    
    var label: UILabel!
    var button: UIButton!
    var delegate: CustomCellDelegate?
    
    // CustomCellの初期化設定1
    override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        // UILabelの設定
        label = UILabel(frame: CGRect(x: 20, y: 10, width: 100, height: 21))
        label.textAlignment = .left
        contentView.addSubview(label)
        // UIButtonの設定
        button = UIButton(frame: CGRect(x: self.contentView.frame.width, y: 10, width: 46, height: 30))
        button.backgroundColor = UIColor.blue
        button.addTarget(self, action: #selector(buttonTapped), for: UIControl.Event.touchUpInside)
        button.setTitle("押す", for: .normal)
        contentView.addSubview(button)
    }
    
    // CustomCellの初期化設定2
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    @objc func buttonTapped(sender: UIButton) {
        self.delegate?.buttonPressed(tag: sender.tag)
    }
}

// MARK: -- ここから別ファイルCusotmCellDelegate.swiftなどが好ましい、import UIKitは不要

protocol CustomCellDelegate {
    func buttonPressed(tag: Int)
}

=========================================
2019/10/30 更新

お恥ずかしながら、tyobigorouさんに指摘され気付いたんですが、
deleteRowによるindexPathとUIButtonのtagのズレ問題の解決をできてなかったので
追記します。

アニメーションが必要ということで、insertRows/deleteRowsを使う方向で、
deleteRowsするとindexPathが減り、tagはそのままとなって確実にズレますね。

reloadData()が頭にあったので、上記のサンプルではそこを考慮できてなかったです。
cellForRowAt以外でdequeueReusableCellを呼び出すのはおすすめできないので、
tagを更新するのは、reloadData()で行う以外のいい方法は思いつかないです。

tyobigorouさんも言ってますが、UIButtonのtagを使わず代わりに、
普通にindexPathを利用して行うのがいいのではないでしょうか。

tagを使わない方法としては、
以下に修正したコードを載せて見ます。
cellForRowatでのcell.button.tag = indexPath.rowは不要となります。
メインはcustomCellのボタンのfunctionとCustomCellDelegateの部分を変更しました。

extension ViewController: CustomCellDelegate {
    func buttonPressed(word: String) {
        if mode == 1 {
            read(word: word)
        }
    }
}

// ~~~~間省略

    @objc func buttonTapped() {
        if let word = self.label.text {
            self.delegate?.buttonPressed(word: word)
        }
    }
}

// MARK: -- ここから別ファイルCusotmCellDelegate.swiftなどが好ましい、import UIKitは不要

protocol CustomCellDelegate {
    func buttonPressed(word: String)
}

indexPathをうまく渡す方法は思いつかなかったので、
labelに表示されているstringを直接渡す方法にしてみました。

これなら、元データを変更せず(wordsでwordを削除せず)に、
表示のみ変更(deleteRowのみした)場合にもきちんと該当の単語を読み上げてくれると思います。

Comments

[Larry]

回答誠にありがとうございます。
サンプルコードの作成に関しましても、非常に感謝しております。
extensionやCustomCellとか使ったことがないので今必死に調べて理解している最中です。

一点、僕の説明不足で勘違いをさせてしまったことかも知れませんが、
音声を再生は、セルをタップした時ではなくて、セルに設置したボタンを押した時に実行したいです。

載せていただいたコードを参考にもう少し考えてみたいと思いますが、また何かアドバイスがあれば教えていただきたいです！

[hameji]

var mode:Int = 0 // 0: cellのselectで読み上げ, 1: cellのボタンタップで読み上げ

と、最初の方に書いてあると思いますが、
メンバ変数の宣言のとことviewDidLoad()内で
mode = 1としていただければ、ボタンを押すことで再生できますよ。

[Larry]

ああ、すみません。見逃していました。。。

後一点質問ですが、セルを追加する時アニメーションを入れたいのですが
そうなるとやはり
tableView.insertRows(at: [indexPath], with: .right)
を使うしかありませんか？

hamejiさんが最初に
「そして、cellはinsertRowsではなく、
wordsの数に合わせて描出するコードにして、
tableviewはrelaoadで表示を変えるのがいいのではないですか？」
とコメントしていただいていますが、これは何か理由があったりしますか？

[hameji]

reloadが推奨されるのは、個別のデータを削除していくと、
データが合わなくなりやすいからだと思います。
安全なのはwordsの削除、reloadだと思います。

アニメーションは作る人はかっこいいと思うかもしれませんが、
意外と目に付くだけの場合が多いですからね。
ex) パワーポイントでのプレゼン等でアニメーションの多様は避けるのが望ましいなど

[Larry]

確かにそうかも知れませんね、、勉強になります。(^ ^)

最後にもう一つお聞きしたいのですが、
セルの表示スタイルをsubtitleにしたいのですが、

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath)に
cell.detailTextLabel?.text = "aiueo"　を追加して

super.init(style: .subtitle, reuseIdentifier: reuseIdentifier)に変更したのですが、
一段目と二段目の文字が被ってしまい、うまく表示されないのですが、どうすればいいですか。

自分で考えろと言われるかも知れませんが、よろしければ教えていただきたいです。お願いします。

[hameji]

コードからやるなら、自分だったら、
.subtitleを用いずに、手動でUILabelをTableViewCellに追加します。
その方が文字の大きさや微妙な位置、色や装飾など自由度が高いです。

[hameji]

上記の答え修正しました、ご確認ください。

[Larry]

回答ありがとうございました。なんとか解決しました。
親身に教えてくださり、非常に感謝しております。

Answer 3

insertRows/deleteRowsって必要ですか？wordsの要素を編集したあとにreloadDataすればよいと思います

ちょっといま手元にmacが無くて、記憶を頼りに書いてるのでちょっと変なところがあるかもしれないし、書きなれているObjective-Cで恐縮ですが、方向性の提示ということでひとつご容赦いただければ

-(IBAction) buttonTapped(UIButton *sender) {
  UIView *maybeCell = sender;
  NSIndexPath *indexPath = nil;
  while(maybeCell.superview) {
    maybeCell = maybeCell.superview;
    if([maybeCell isKindOfClass:UITableViewCell.class]) {
      indexPath = [self indexPathForCell:maybeCell];
      break;
    }
  }
  if(!indexPath) return;

  /*
  let content = AVSpeechUtterance(string: words[words.count - 1 - indexPath.row])
  content.voice = AVSpeechSynthesisVoice(language: "zh-CN")
  self.speak.speak(content)
  */
}