編集履歴

質問編集履歴

こーどの追加

2020/03/23 05:15

投稿

Ytan

スコア39

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -20,7 +20,211 @@
 ```Swift
+import UIKit
+import ChameleonFramework
+import Firebase
+class ChatViewController: UIViewController,UITableViewDelegate,UITableViewDataSource,UITextFieldDelegate {
+    @IBOutlet weak var tableView: UITableView!
+    @IBOutlet weak var messageTextField: UITextField!
+    @IBOutlet weak var sendButton: UIButton!
+    //スクリーンのサイズ
+    let screenSize = UIScreen.main.bounds.size
+    var chatArray = [Message]()
+    override func viewDidLoad() {
+        super.viewDidLoad()
+        tableView.delegate = self
+        tableView.dataSource = self
+        messageTextField.delegate = self
+        //セルを反映
+        tableView.register(UINib(nibName: "CustomCell", bundle: nil), forCellReuseIdentifier: "Cell")
+        //行の高さを可変
+        tableView.rowHeight = UITableView.automaticDimension
+        //見積もりの高さ
+        tableView.estimatedRowHeight = 75
+        //キーボード開く時
+        //NotificationCenterに反応がおこった場合こったどれが呼ばるか
+        //keyboardWillShowNotification時にkeyboardWillShow(メソッドが呼ばれる)
+        NotificationCenter.default.addObserver(self, selector: #selector(ChatViewController.keyboardWillShow(_ :)), name: UIResponder.keyboardWillShowNotification, object: nil)
+        //キーボード閉じる時
+        NotificationCenter.default.addObserver(self, selector: #selector(ChatViewController.keyboardWillHide(_ :)), name: UIResponder.keyboardWillHideNotification, object: nil)
+        //Firebaseからデータをfetchしてくる
+        fetchChatData()
+        //tableViewのセルの線を消す
+        tableView.separatorStyle = .none
+    }
+    //引数としてNSNotification型が取れる
+    //#selectorはobjectCの名残だから@objc
+    //notificationは上の情報を持っている
+    @objc func keyboardWillShow(_ notification:NSNotification){
+        //キーボードと一緒にViewも上げる方法
+        //cgRectValue端末ごとの高さを取得
+        let keyboardHeight = ((notification.userInfo![UIResponder.keyboardFrameEndUserInfoKey] as Any) as AnyObject).cgRectValue.height
+        messageTextField.frame.origin.y = screenSize.height - keyboardHeight - messageTextField.frame.height
+    }
+    @objc func keyboardWillHide(_ notification:NSNotification){
+        messageTextField.frame.origin.y = screenSize.height - messageTextField.frame.height
+        //キーボード全般の大きさを取得
+        guard let rect = (notification.userInfo![UIResponder.keyboardFrameBeginUserInfoKey] as? NSValue)?.cgRectValue,
+            //guardとして並行している
+            //キーボードが下がる時間をdurationとして取得
+            let duration = notification.userInfo?[UIResponder.keyboardAnimationDurationUserInfoKey] as? TimeInterval else{return}
+        UIView.animate(withDuration: duration){
+            let transform = CGAffineTransform(translationX: 0, y: 0)
+            self.view.transform = transform
+        }
+    }
+    //buttonをタッチした場合に起こる
+    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
+        messageTextField.resignFirstResponder()
+    }
+    //textFieldを閉じる方法
+    func textFieldShouldReturn(_ textField: UITextField) -> Bool {
+        textField.resignFirstResponder()
+        return true
+    }
-//cellをスワイプで削除
+    //cellをスワイプで削除
     func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCell.EditingStyle, forRowAt indexPath: IndexPath) {
@@ -34,4 +238,254 @@
     }
+    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
+        //メッセージの数
+        return chatArray.count
+    }
+    func numberOfSections(in tableView: UITableView) -> Int {
+        return 1
+    }
+    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
+        let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath) as! CustomCell
+        cell.massageLabel.text = chatArray[indexPath.row].message
+        cell.userNamelabel.text = chatArray[indexPath.row].sender
+        cell.iconImageView.image = UIImage(named: "dogAvatarImage")
+        //Loginしているユーザーが自分のemailアドレスなら
+        if cell.userNamelabel.text == Auth.auth().currentUser?.email as! String{
+            //massageLabelの背景色を変更
+            cell.massageLabel.backgroundColor = UIColor.flatGreen()
+            //セルのラベルを丸くする
+            cell.massageLabel.layer.cornerRadius = 10
+            cell.massageLabel.layer.masksToBounds = true
+        }else{
+            cell.massageLabel.backgroundColor = UIColor.flatBlue()
+            //セルのラベルを丸くする
+            cell.massageLabel.layer.cornerRadius = 20
+            cell.massageLabel.layer.masksToBounds = true
+        }
+        return cell
+    }
+    //セルの高さを返す
+    func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
+        return view.frame.size.height/10
+    }
+    @IBAction func sendAction(_ sender: Any) {
+        //入力が終わったから
+        messageTextField.endEditing(true)
+        messageTextField.isEnabled = false
+        sendButton.isEnabled = false
+        //送信する文字数の制限
+        if messageTextField.text!.count > 20{
+            print("20文字以上です")
+            return
+        }
+        //Firebase.Datebaseのhitsが作り方
+        let chatDB = Database.database().reference().child("chats")
+        //キーバリュー型で内容を送信(Dictionary型)
+        //送信したいものを(キー値とValue)一緒にもつ変数
+        let messageInfo = ["sender":Auth.auth().currentUser?.email,"message":messageTextField.text!]
+        //chatDBに入れる
+        chatDB.childByAutoId().setValue(messageInfo) { (error, result) in
+            if error != nil{
+                print(error)
+            }else{
+                print("送信完了")
+                self.messageTextField.isEnabled = true
+                self.sendButton.isEnabled = true
+                //TextFieldを自動的に消す作業
+                self.messageTextField.text = ""
+            }
+        }
+    }
+    //引っ張ってくる
+    func fetchChatData(){
+        //どこからデータを引っ張ってくるのか
+        let fechdataRef = Database.database().reference().child("chats")
+        //新しく更新があったときだけ取得したい
+        fechdataRef.observe(.childAdded) { (snapShot) in
+            //snapShotの値にmessageとsenderがある
+            //snapShotDataのキー値はmessageという所に保存されている
+            let snapShotData = snapShot.value as! AnyObject
+            let text = snapShotData.value(forKey: "message")
+            let sender = snapShotData.value(forKey: "sender")
+            //初期化
+            let message = Message()
+            message.message = text as! String
+            message.sender = sender as! String
+            //tableViewのchatArrayにmessageを表示できる
+            self.chatArray.append(message)
+            //データ更新
+            self.tableView.reloadData()
+        }
+    }
 ```